uni-canvas { width: 300px; height: 150px; display: block; position: relative; } uni-canvas > canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } uni-checkbox-group[hidden] { display: none; } .ql-container { display: block; position: relative; box-sizing: border-box; -webkit-user-select: text; user-select: text; outline: none; overflow: hidden; width: 100%; height: 200px; min-height: 200px; } .ql-container[hidden] { display: none; } .ql-container .ql-editor { position: relative; font-size: inherit; line-height: inherit; font-family: inherit; min-height: inherit; width: 100%; height: 100%; padding: 0; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-overflow-scrolling: touch; } .ql-container .ql-editor::-webkit-scrollbar { width: 0 !important; } .ql-container .ql-editor.scroll-disabled { overflow: hidden; } .ql-container .ql-image-overlay { display: flex; position: absolute; box-sizing: border-box; border: 1px dashed #ccc; justify-content: center; align-items: center; -webkit-user-select: none; user-select: none; } .ql-container .ql-image-overlay .ql-image-size { position: absolute; padding: 4px 8px; text-align: center; background-color: #fff; color: #888; border: 1px solid #ccc; box-sizing: border-box; opacity: 0.8; right: 4px; top: 4px; font-size: 12px; display: inline-block; width: auto; } .ql-container .ql-image-overlay .ql-image-toolbar { position: relative; text-align: center; box-sizing: border-box; background: #000; border-radius: 5px; color: #fff; font-size: 0; min-height: 24px; z-index: 100; } .ql-container .ql-image-overlay .ql-image-toolbar span { display: inline-block; cursor: pointer; padding: 5px; font-size: 12px; border-right: 1px solid #fff; } .ql-container .ql-image-overlay .ql-image-toolbar span:last-child { border-right: 0; } .ql-container .ql-image-overlay .ql-image-toolbar span.triangle-up { padding: 0; position: absolute; top: -12px; left: 50%; transform: translatex(-50%); width: 0; height: 0; border-width: 6px; border-style: solid; border-color: transparent transparent black transparent; } .ql-container .ql-image-overlay .ql-image-handle { position: absolute; height: 12px; width: 12px; border-radius: 50%; border: 1px solid #ccc; box-sizing: border-box; background: #fff; } .ql-container img { display: inline-block; max-width: 100%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; height: 100%; outline: none; overflow-y: auto; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 2em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 2em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 2em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 2em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 2em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 4em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 4em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 4em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 4em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 8em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 8em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 8em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 8em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 10em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 10em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 10em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 10em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 14em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 14em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 14em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 14em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 16em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 16em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 16em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 16em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; pointer-events: none; position: absolute; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } uni-icon { display: inline-block; font-size: 0; box-sizing: border-box; } uni-icon[hidden] { display: none; } uni-icon > i { font: normal normal normal 14px/1 'weui'; } uni-icon > i:before { margin: 0; box-sizing: border-box; } @font-face { font-weight: normal; font-style: normal; font-family: 'weui'; src: url('data:application/octet-stream;base64,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') format('truetype'); } .uni-icon-success:before { content: '\EA06'; } .uni-icon-success_circle:before { content: '\EA07'; } .uni-icon-success_no_circle:before { content: '\EA08'; } .uni-icon-safe_success:before { content: '\EA04'; } .uni-icon-safe_warn:before { content: '\EA05'; } .uni-icon-info:before { content: '\EA03'; } .uni-icon-info_circle:before { content: '\EA0C'; } .uni-icon-warn:before { content: '\EA0B'; } .uni-icon-waiting:before { content: '\EA09'; } .uni-icon-waiting_circle:before { content: '\EA0A'; } .uni-icon-circle:before { content: '\EA01'; } .uni-icon-cancel:before { content: '\EA0D'; } .uni-icon-download:before { content: '\EA02'; } .uni-icon-search:before { content: '\EA0E'; } .uni-icon-clear:before { content: '\EA0F'; } .uni-icon-success { color: #007aff; } .uni-icon-success_circle { color: #007aff; } .uni-icon-success_no_circle { color: #007aff; } .uni-icon-safe_success { color: #007aff; } .uni-icon-safe_warn { color: #ffbe00; } .uni-icon-info { color: #10aeff; } .uni-icon-info_circle { color: #007aff; } .uni-icon-warn { color: #f76260; } .uni-icon-waiting { color: #10aeff; } .uni-icon-waiting_circle { color: #10aeff; } .uni-icon-circle { color: #c9c9c9; } .uni-icon-cancel { color: #f43530; } .uni-icon-download { color: #007aff; } .uni-icon-search { color: #b2b2b2; } .uni-icon-clear { color: #b2b2b2; } uni-image { width: 320px; height: 240px; display: inline-block; overflow: hidden; position: relative; } uni-image[hidden] { display: none; } uni-image>div { width: 100%; height: 100%; } uni-image>img { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } uni-image>.uni-image-will-change { will-change: transform; } .uni-label-pointer { cursor: pointer; } uni-movable-view { display: inline-block; width: 10px; height: 10px; top: 0px; left: 0px; position: absolute; cursor: grab; } uni-movable-view[hidden] { display: none; } uni-navigator { height: auto; width: auto; display: block; cursor: pointer; } uni-navigator[hidden] { display: none; } .navigator-hover { background-color: rgba(0, 0, 0, 0.1); opacity: 0.7; } uni-radio { -webkit-tap-highlight-color: transparent; display: inline-block; cursor: pointer; } uni-radio[hidden] { display: none; } uni-radio[disabled] { cursor: not-allowed; } uni-radio .uni-radio-wrapper { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; vertical-align: middle; } uni-radio .uni-radio-input { -webkit-appearance: none; appearance: none; margin-right: 5px; outline: 0; border: 1px solid #D1D1D1; background-color: #ffffff; border-radius: 50%; width: 22px; height: 22px; position: relative; } uni-radio:not([disabled]) .uni-radio-input:hover { border-color: #007aff; } uni-radio .uni-radio-input.uni-radio-input-checked:before { font: normal normal normal 14px/1 "uni"; content: "\EA08"; color: #ffffff; font-size: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -48%) scale(0.73); -webkit-transform: translate(-50%, -48%) scale(0.73); } uni-radio .uni-radio-input.uni-radio-input-disabled { background-color: #E1E1E1; border-color: #D1D1D1; } uni-radio .uni-radio-input.uni-radio-input-disabled:before { color: #ADADAD; } uni-radio-group { display: block; } uni-radio-group[hidden] { display: none; } @keyframes once-show { from { top: 0; } } uni-resize-sensor, uni-resize-sensor > div { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; } uni-resize-sensor { display: block; z-index: -1; visibility: hidden; animation: once-show 1ms; } uni-resize-sensor > div > div { position: absolute; left: 0; top: 0; } uni-resize-sensor > div:first-child > div { width: 100000px; height: 100000px; } uni-resize-sensor > div:last-child > div { width: 200%; height: 200%; } uni-scroll-view { display: block; width: 100%; } uni-scroll-view[hidden] { display: none; } .uni-scroll-view { position: relative; -webkit-overflow-scrolling: touch; width: 100%; /* display: flex; 时在安卓下会导致scrollWidth和offsetWidth一样 */ height: 100%; max-height: inherit; } .uni-scroll-view-content { width: 100%; height: 100%; } .uni-scroll-view-refresher { position: relative; overflow: hidden; } .uni-scroll-view-refresh { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } .uni-scroll-view-refresh-inner { display: flex; align-items: center; justify-content: center; line-height: 0; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.117647), 0 1px 4px rgba(0, 0, 0, 0.117647); } .uni-scroll-view-refresh__spinner { transform-origin: center center; animation: uni-scroll-view-refresh-rotate 2s linear infinite; } .uni-scroll-view-refresh__spinner > circle { stroke: currentColor; stroke-linecap: round; animation: uni-scroll-view-refresh-dash 2s linear infinite; } @keyframes uni-scroll-view-refresh-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes uni-scroll-view-refresh-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } uni-swiper-item { display: block; overflow: hidden; will-change: transform; position: absolute; width: 100%; height: 100%; cursor: grab; } uni-swiper-item[hidden] { display: none; } uni-switch { -webkit-tap-highlight-color: transparent; display: inline-block; cursor: pointer; } uni-switch[hidden] { display: none; } uni-switch[disabled] { cursor: not-allowed; } uni-switch .uni-switch-wrapper { display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; vertical-align: middle; } uni-switch .uni-switch-input { -webkit-appearance: none; appearance: none; position: relative; width: 52px; height: 32px; margin-right: 5px; border: 1px solid #DFDFDF; outline: 0; border-radius: 16px; box-sizing: border-box; background-color: #DFDFDF; transition: background-color 0.1s, border 0.1s; } uni-switch[disabled] .uni-switch-input { opacity: .7; } uni-switch .uni-switch-input:before { content: " "; position: absolute; top: 0; left: 0; width: 50px; height: 30px; border-radius: 15px; background-color: #FDFDFD; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } uni-switch .uni-switch-input:after { content: " "; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border-radius: 15px; background-color: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } uni-switch .uni-switch-input.uni-switch-input-checked { border-color: #007aff; background-color: #007aff; } uni-switch .uni-switch-input.uni-switch-input-checked:before { -webkit-transform: scale(0); transform: scale(0); } uni-switch .uni-switch-input.uni-switch-input-checked:after { -webkit-transform: translateX(20px); transform: translateX(20px); } uni-switch .uni-checkbox-input { margin-right: 5px; -webkit-appearance: none; appearance: none; outline: 0; border: 1px solid #D1D1D1; background-color: #FFFFFF; border-radius: 3px; width: 22px; height: 22px; position: relative; color: #007aff; } uni-switch:not([disabled]) .uni-checkbox-input:hover { border-color: #007aff; } uni-switch .uni-checkbox-input.uni-checkbox-input-checked:before { font: normal normal normal 14px/1 "uni"; content: "\EA08"; color: inherit; font-size: 22px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -48%) scale(0.73); -webkit-transform: translate(-50%, -48%) scale(0.73); } uni-switch .uni-checkbox-input.uni-checkbox-input-disabled { background-color: #E1E1E1; } uni-switch .uni-checkbox-input.uni-checkbox-input-disabled:before { color: #ADADAD; } uni-text[selectable] { cursor: auto; user-select: text; -webkit-user-select: text; } uni-textarea { width: 300px; height: 150px; display: block; position: relative; font-size: 16px; line-height: normal; white-space: pre-wrap; word-break: break-all; } uni-textarea[hidden] { display: none; } .uni-textarea-wrapper, .uni-textarea-placeholder, .uni-textarea-line, .uni-textarea-compute, .uni-textarea-textarea { outline: none; border: none; padding: 0; margin: 0; text-decoration: inherit; } .uni-textarea-wrapper { display: block; position: relative; width: 100%; height: 100%; } .uni-textarea-placeholder, .uni-textarea-line, .uni-textarea-compute, .uni-textarea-textarea { position: absolute; width: 100%; height: 100%; left: 0; top: 0; white-space: inherit; word-break: inherit; } .uni-textarea-placeholder { color: grey; overflow: hidden; } .uni-textarea-line, .uni-textarea-compute { visibility: hidden; height: auto; } .uni-textarea-line { width: 1em; } .uni-textarea-textarea { resize: none; background: none; color: inherit; opacity: 1; -webkit-text-fill-color: currentcolor; font: inherit; line-height: inherit; letter-spacing: inherit; text-align: inherit; text-indent: inherit; text-transform: inherit; text-shadow: inherit; } /* 用于解决 iOS textarea 内部默认边距 */ .uni-textarea-textarea-fix-margin { width: auto; right: 0; margin: 0 -3px; }