Redmi Watch 4 에서 다이얼 배경을 사용자 지정할 수 있나요?

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 }Redmi Watch 4 는 맞춤형 시계 화면 배경을 지원합니다 (최신 시스템으로 업데이트 필요).
참고로, 설정 방법에 대한 몇 가지 세부 사항은 다음과 같습니다:
Mi Fitness 앱을 열고 장치가 올바르게 연결되고 동기화되었는지 확인하세요;[장치] 페이지로 이동하세요;[시계 화면 관리]을(를) 눌러 시계 화면 관리 페이지로 이동하세요;[온라인]을 눌러 시계 화면 시장에 들어가 [전체]를 선택하세요;[사용자 정의]를 선택하고 원하는 스타일을 선택하세요;색상, 스타일을 조정하고 원하는 사진을 추가하세요;탭 [적용].
주의:
다양한 스타일로, 걸음 수, 심박수, 배터리 상태 및 날씨와 같은 다양한 데이터 항목을 다이얼에 표시하도록 선택할 수 있습니다. 사각형 다이얼의 시각적 최적화는 매우 어두운 환경에서 다이얼의 비정상적인 표시 문제를 개선했습니다.