Kann das Xiaomi Smart Band 8 einen benutzerdefinierten Band-Display-Hintergrund haben?

Question

Accepted Answer

.lf-progress { width: 100%; height: 4px; border-radius: 3px; cursor: pointer }
.lf-progress:focus { outline: none; border: none }
.lf-progress::-moz-range-track { cursor: pointer; background: none; border: none; outline: none }
.lf-progress::-webkit-slider-thumb { height: 13px; width: 13px; border: 0; border-radius: 50%; background: rgba(15, 204, 206, 1); cursor: pointer }
.lf-progress::-moz-range-thumb { height: 13px; width: 13px; border: 0; border-radius: 50%; background: rgba(15, 204, 206, 1); cursor: pointer }
.lf-progress::-ms-track { width: 100%; height: 3px; cursor: pointer; background: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0) }
.lf-progress::-ms-fill-lower { background: rgba(204, 204, 204, 1); border-radius: 3px }
.lf-progress::-ms-fill-upper { background: rgba(204, 204, 204, 1); border-radius: 3px }
.lf-progress::-ms-thumb { border: 0; height: 15px; width: 15px; border-radius: 50%; background: rgba(15, 204, 206, 1); cursor: pointer }
.lf-progress:focus::-ms-fill-lower { background: rgba(204, 204, 204, 1) }
.lf-progress:focus::-ms-fill-upper { background: rgba(204, 204, 204, 1) }
.lf-player-container :focus { outline: 0 }
.lf-popover { position: relative }
.lf-popover-content { display: inline-block; position: absolute; opacity: 1; visibility: visible; transform: translate(0, -10px); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97) }
.lf-popover-content.hidden { opacity: 0; visibility: hidden; transform: translate(0, 0) }
.lf-player-btn-container { display: flex; align-items: center }
.lf-player-btn { cursor: pointer; width: 14px }
.lf-player-btn.active { }
.lf-popover { position: relative }
.lf-popover-content { display: inline-block; position: absolute; background-color: rgba(255, 255, 255, 1); opacity: 1; transform: translate(0, -10px); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97); padding: 10px }
.lf-popover-content.hidden { opacity: 0; visibility: hidden; transform: translate(0, 0) }
.lf-arrow { position: absolute; z-index: -1; content: ""; bottom: -9px; border-style: solid; border-width: 10px 10px 0 }
.lf-left-align, .lf-left-align .lfarrow { left: 0; right: unset }
.lf-right-align, .lf-right-align .lf-arrow { right: 0; left: unset }
.lf-text-input { border: 1px solid rgba(204, 204, 204, 1); border-radius: 5px; padding: 3px; width: 60px; margin: 0 }
.lf-color-picker { display: flex; flex-direction: row; justify-content: space-between; height: 90px }
.lf-color-selectors { display: flex; flex-direction: column; justify-content: space-between }
.lf-color-component { display: flex; flex-direction: row; font-size: 12px; align-items: center; justify-content: center }
.lf-color-component strong { width: 40px }
.lf-color-component input[type="range"] { margin: 0 0 0 10px }
.lf-color-component input[type="number"] { width: 50px; margin: 0 0 0 10px }
.lf-color-preview { font-size: 12px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding-left: 5px }
.lf-preview { height: 60px; width: 60px }
.lf-popover-snapshot { width: 150px }
.lf-popover-snapshot h5 { margin: 5px 0 10px; font-size: 0.75rem }
.lf-popover-snapshot a { display: block; text-decoration: none }
.lf-popover-snapshot a:before { content: "⥼"; margin-right: 5px }
.lf-popover-snapshot .lf-note { display: block; margin-top: 10px; color: rgba(153, 153, 153, 1) }
div { margin-right: 5px; margin-left: 5px }
div:first-child { margin-left: 0 }
div:last-child { margin-right: 0 }.lf-progress { width: 100%; height: 4px; border-radius: 3px; cursor: pointer }
.lf-progress:focus { outline: none; border: none }
.lf-progress::-moz-range-track { cursor: pointer; background: none; border: none; outline: none }
.lf-progress::-webkit-slider-thumb { height: 13px; width: 13px; border: 0; border-radius: 50%; background: rgba(15, 204, 206, 1); cursor: pointer }
.lf-progress::-moz-range-thumb { height: 13px; width: 13px; border: 0; border-radius: 50%; background: rgba(15, 204, 206, 1); cursor: pointer }
.lf-progress::-ms-track { width: 100%; height: 3px; cursor: pointer; background: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0) }
.lf-progress::-ms-fill-lower { background: rgba(204, 204, 204, 1); border-radius: 3px }
.lf-progress::-ms-fill-upper { background: rgba(204, 204, 204, 1); border-radius: 3px }
.lf-progress::-ms-thumb { border: 0; height: 15px; width: 15px; border-radius: 50%; background: rgba(15, 204, 206, 1); cursor: pointer }
.lf-progress:focus::-ms-fill-lower { background: rgba(204, 204, 204, 1) }
.lf-progress:focus::-ms-fill-upper { background: rgba(204, 204, 204, 1) }
.lf-player-container :focus { outline: 0 }
.lf-popover { position: relative }
.lf-popover-content { display: inline-block; position: absolute; opacity: 1; visibility: visible; transform: translate(0, -10px); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97) }
.lf-popover-content.hidden { opacity: 0; visibility: hidden; transform: translate(0, 0) }
.lf-player-btn-container { display: flex; align-items: center }
.lf-player-btn { cursor: pointer; width: 14px }
.lf-player-btn.active { }
.lf-popover { position: relative }
.lf-popover-content { display: inline-block; position: absolute; background-color: rgba(255, 255, 255, 1); opacity: 1; transform: translate(0, -10px); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); transition: all 0.3s cubic-bezier(0.75, -0.02, 0.2, 0.97); padding: 10px }
.lf-popover-content.hidden { opacity: 0; visibility: hidden; transform: translate(0, 0) }
.lf-arrow { position: absolute; z-index: -1; content: ""; bottom: -9px; border-style: solid; border-width: 10px 10px 0 }
.lf-left-align, .lf-left-align .lfarrow { left: 0; right: unset }
.lf-right-align, .lf-right-align .lf-arrow { right: 0; left: unset }
.lf-text-input { border: 1px solid rgba(204, 204, 204, 1); border-radius: 5px; padding: 3px; width: 60px; margin: 0 }
.lf-color-picker { display: flex; flex-direction: row; justify-content: space-between; height: 90px }
.lf-color-selectors { display: flex; flex-direction: column; justify-content: space-between }
.lf-color-component { display: flex; flex-direction: row; font-size: 12px; align-items: center; justify-content: center }
.lf-color-component strong { width: 40px }
.lf-color-component input[type="range"] { margin: 0 0 0 10px }
.lf-color-component input[type="number"] { width: 50px; margin: 0 0 0 10px }
.lf-color-preview { font-size: 12px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding-left: 5px }
.lf-preview { height: 60px; width: 60px }
.lf-popover-snapshot { width: 150px }
.lf-popover-snapshot h5 { margin: 5px 0 10px; font-size: 0.75rem }
.lf-popover-snapshot a { display: block; text-decoration: none }
.lf-popover-snapshot a:before { content: "⥼"; margin-right: 5px }
.lf-popover-snapshot .lf-note { display: block; margin-top: 10px; color: rgba(153, 153, 153, 1) }
div { margin-right: 5px; margin-left: 5px }
div:first-child { margin-left: 0 }
div:last-child { margin-right: 0 }Das Xiaomi Smart Band 8 unterstützt einen benutzerdefinierten Band-Display-Hintergrund. Diese Funktion muss über die Fotobandanzeige realisiert werden.Um den Hintergrund für die Bandanzeige festzulegen, gehen Sie bitte wie folgt vor:1. Öffnen Sie die [Mi Fitness] App, verbinden und synchronisieren Sie das Gerät korrekt.2. Rufen Sie auf der Startseite der [Mi Fitness] App die Seite [Gerät] auf und tippen Sie auf [Bandanzeigen verwalten];3. Nachdem Sie die Verwaltungsseite >> [Alle] >> [Benutzerdefiniert] aufgerufen haben, wählen >> den digitalen Anzeigestil nach Ihren Wünschen aus >> tippen Sie auf die Option [Bearbeiten] >> wählen Sie das reservierte Bild aus, indem Sie auf [Foto hinzufügen] >> [+] tippen >> auf [Übernehmen] tippen, um es zu verwenden.Anmerkung:Wenn Sie das Zifferblatt des Albums heruntergeladen haben, ohne die App zu aktualisieren, versuchen Sie, das Zifferblatt des Albums zu löschen, und laden Sie es dann erneut herunter, nachdem Sie sowohl die Uhr als auch die App auf die neueste Version aktualisiert haben.