4138 lines
119 KiB
CSS
4138 lines
119 KiB
CSS
|
uni-tabbar {
|
|||
|
|
display: block;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 100%;
|
|||
|
|
z-index: 998
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-tabbar .uni-tabbar {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex;
|
|||
|
|
z-index: 998;
|
|||
|
|
box-sizing: border-box
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-tabbar.uni-tabbar-bottom, uni-tabbar.uni-tabbar-bottom .uni-tabbar, uni-tabbar.uni-tabbar-top, uni-tabbar.uni-tabbar-top .uni-tabbar {
|
|||
|
|
position: fixed;
|
|||
|
|
left: var(--window-left);
|
|||
|
|
right: var(--window-right)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-app--showlayout + uni-tabbar.uni-tabbar-bottom, .uni-app--showlayout + uni-tabbar.uni-tabbar-bottom .uni-tabbar, .uni-app--showlayout + uni-tabbar.uni-tabbar-top, .uni-app--showlayout + uni-tabbar.uni-tabbar-top .uni-tabbar {
|
|||
|
|
left: var(--window-margin);
|
|||
|
|
right: var(--window-margin)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-tabbar.uni-tabbar-bottom .uni-tabbar {
|
|||
|
|
bottom: 0;
|
|||
|
|
padding-bottom: 0;
|
|||
|
|
padding-bottom: constant(safe-area-inset-bottom);
|
|||
|
|
padding-bottom: env(safe-area-inset-bottom)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-tabbar .uni-tabbar ~ .uni-placeholder {
|
|||
|
|
width: 100%;
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
margin-bottom: constant(safe-area-inset-bottom);
|
|||
|
|
margin-bottom: env(safe-area-inset-bottom)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-tabbar .uni-tabbar * {
|
|||
|
|
box-sizing: border-box
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-tabbar .uni-tabbar__item {
|
|||
|
|
-webkit-flex-direction: column;
|
|||
|
|
flex-direction: column;
|
|||
|
|
-webkit-box-flex: 1;
|
|||
|
|
-webkit-flex: 1;
|
|||
|
|
flex: 1;
|
|||
|
|
font-size: 0;
|
|||
|
|
text-align: center;
|
|||
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-tabbar .uni-tabbar__bd, uni-tabbar .uni-tabbar__item {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-pack: center;
|
|||
|
|
-webkit-justify-content: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-webkit-align-items: center;
|
|||
|
|
align-items: center;
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
-webkit-box-direction: normal
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-tabbar .uni-tabbar__bd {
|
|||
|
|
position: relative;
|
|||
|
|
-webkit-flex-direction: column;
|
|||
|
|
flex-direction: column;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-tabbar .uni-tabbar__icon {
|
|||
|
|
position: relative;
|
|||
|
|
display: inline-block;
|
|||
|
|
margin-top: 5px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-tabbar .uni-tabbar__icon.uni-tabbar__icon__diff {
|
|||
|
|
margin-top: 0;
|
|||
|
|
width: 34px;
|
|||
|
|
height: 34px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-tabbar .uni-tabbar__icon img {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-tabbar .uni-tabbar__label {
|
|||
|
|
position: relative;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 10px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-tabbar .uni-tabbar-border {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 1px;
|
|||
|
|
-webkit-transform: scaleY(.5);
|
|||
|
|
transform: scaleY(.5)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-tabbar .uni-tabbar__reddot {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
right: 0;
|
|||
|
|
width: 12px;
|
|||
|
|
height: 12px;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
background-color: #f43530;
|
|||
|
|
color: #fff;
|
|||
|
|
-webkit-transform: translate(40%,-20%);
|
|||
|
|
transform: translate(40%,-20%)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-tabbar .uni-tabbar__badge {
|
|||
|
|
width: auto;
|
|||
|
|
height: 16px;
|
|||
|
|
line-height: 16px;
|
|||
|
|
border-radius: 16px;
|
|||
|
|
min-width: 16px;
|
|||
|
|
padding: 0 2px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
text-align: center;
|
|||
|
|
white-space: nowrap
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-tabbar .uni-tabbar__mid {
|
|||
|
|
-webkit-box-pack: center;
|
|||
|
|
-webkit-justify-content: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 0;
|
|||
|
|
background-size: 100% 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-content, uni-tabbar .uni-tabbar__mid {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-content {
|
|||
|
|
-webkit-box-flex: 1;
|
|||
|
|
-webkit-flex: 1 0 auto;
|
|||
|
|
flex: 1 0 auto;
|
|||
|
|
height: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-main {
|
|||
|
|
-webkit-box-flex: 1;
|
|||
|
|
-webkit-flex: 1;
|
|||
|
|
flex: 1;
|
|||
|
|
width: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-top-window + uni-content {
|
|||
|
|
height: calc(100vh - var(--top-window-height))
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-left-window {
|
|||
|
|
width: var(--window-left);
|
|||
|
|
-webkit-box-ordinal-group: 0;
|
|||
|
|
-webkit-order: -1;
|
|||
|
|
order: -1
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-left-window, uni-right-window {
|
|||
|
|
position: relative;
|
|||
|
|
overflow-x: hidden
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-right-window {
|
|||
|
|
width: var(--window-right)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-left-window[data-show], uni-right-window[data-show] {
|
|||
|
|
position: absolute
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-right-window[data-show] {
|
|||
|
|
right: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-left-window, .uni-right-window, uni-content .uni-mask {
|
|||
|
|
z-index: 997
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-mask + .uni-left-window, .uni-mask + .uni-right-window {
|
|||
|
|
position: fixed
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-top-window {
|
|||
|
|
position: fixed;
|
|||
|
|
left: var(--window-margin);
|
|||
|
|
right: var(--window-margin);
|
|||
|
|
top: 0;
|
|||
|
|
z-index: 998;
|
|||
|
|
overflow: hidden
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-toast {
|
|||
|
|
position: fixed;
|
|||
|
|
top: 0;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
z-index: 999;
|
|||
|
|
display: block;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
pointer-events: none;
|
|||
|
|
font-size: 16px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-toast .uni-sample-toast {
|
|||
|
|
position: fixed;
|
|||
|
|
z-index: 999;
|
|||
|
|
top: 50%;
|
|||
|
|
left: 50%;
|
|||
|
|
-webkit-transform: translate(-50%,-50%);
|
|||
|
|
transform: translate(-50%,-50%);
|
|||
|
|
text-align: center;
|
|||
|
|
max-width: 80%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-toast .uni-simple-toast__text {
|
|||
|
|
display: inline-block;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
color: #fff;
|
|||
|
|
background-color: rgba(17,17,17,.7);
|
|||
|
|
padding: 10px 20px;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
font-size: 13px;
|
|||
|
|
text-align: center;
|
|||
|
|
max-width: 100%;
|
|||
|
|
word-break: break-all;
|
|||
|
|
white-space: normal
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-toast .uni-mask {
|
|||
|
|
pointer-events: auto
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-toast .uni-toast {
|
|||
|
|
position: fixed;
|
|||
|
|
z-index: 999;
|
|||
|
|
width: 8em;
|
|||
|
|
top: 50%;
|
|||
|
|
left: 50%;
|
|||
|
|
-webkit-transform: translate(-50%,-50%);
|
|||
|
|
transform: translate(-50%,-50%);
|
|||
|
|
background: rgba(17,17,17,.7);
|
|||
|
|
text-align: center;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
color: #fff
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-toast .uni-toast * {
|
|||
|
|
box-sizing: border-box
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-toast .uni-toast__icon {
|
|||
|
|
margin: 20px 0 0;
|
|||
|
|
width: 38px;
|
|||
|
|
height: 38px;
|
|||
|
|
vertical-align: baseline
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-toast .uni-icon_toast {
|
|||
|
|
margin: 15px 0 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-toast .uni-icon_toast.uni-icon-success-no-circle:before {
|
|||
|
|
color: #fff;
|
|||
|
|
font-size: 55px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-toast .uni-icon_toast.uni-icon-error:before {
|
|||
|
|
color: #fff;
|
|||
|
|
font-size: 50px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-toast .uni-icon_toast.uni-loading {
|
|||
|
|
margin: 20px 0 0;
|
|||
|
|
width: 38px;
|
|||
|
|
height: 38px;
|
|||
|
|
vertical-align: baseline
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-toast .uni-toast__content {
|
|||
|
|
margin: 0 0 15px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-modal {
|
|||
|
|
position: fixed;
|
|||
|
|
top: 0;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 0;
|
|||
|
|
z-index: 999;
|
|||
|
|
display: block;
|
|||
|
|
box-sizing: border-box
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-modal .uni-modal {
|
|||
|
|
position: fixed;
|
|||
|
|
z-index: 999;
|
|||
|
|
width: 80%;
|
|||
|
|
max-width: 300px;
|
|||
|
|
top: 50%;
|
|||
|
|
left: 50%;
|
|||
|
|
-webkit-transform: translate(-50%,-50%);
|
|||
|
|
transform: translate(-50%,-50%);
|
|||
|
|
background-color: #fff;
|
|||
|
|
text-align: center;
|
|||
|
|
border-radius: 3px;
|
|||
|
|
overflow: hidden
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-modal .uni-modal * {
|
|||
|
|
box-sizing: border-box
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-modal .uni-modal__hd {
|
|||
|
|
padding: 1em 1.6em .3em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-modal .uni-modal__title {
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-size: 18px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
-webkit-line-clamp: 2;
|
|||
|
|
-webkit-box-orient: vertical
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-modal .uni-modal__bd, uni-modal .uni-modal__title {
|
|||
|
|
word-wrap: break-word;
|
|||
|
|
word-break: break-all;
|
|||
|
|
white-space: pre-wrap
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-modal .uni-modal__bd {
|
|||
|
|
padding: 1.3em 1.6em 1.3em;
|
|||
|
|
min-height: 40px;
|
|||
|
|
font-size: 15px;
|
|||
|
|
line-height: 1.4;
|
|||
|
|
color: #999;
|
|||
|
|
max-height: 400px;
|
|||
|
|
overflow-x: hidden;
|
|||
|
|
overflow-y: auto
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-modal .uni-modal__ft {
|
|||
|
|
position: relative;
|
|||
|
|
line-height: 48px;
|
|||
|
|
font-size: 18px;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-modal .uni-modal__ft:after {
|
|||
|
|
content: " ";
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
right: 0;
|
|||
|
|
height: 1px;
|
|||
|
|
border-top: 1px solid #d5d5d6;
|
|||
|
|
color: #d5d5d6;
|
|||
|
|
-webkit-transform-origin: 0 0;
|
|||
|
|
transform-origin: 0 0;
|
|||
|
|
-webkit-transform: scaleY(.5);
|
|||
|
|
transform: scaleY(.5)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-modal .uni-modal__btn {
|
|||
|
|
display: block;
|
|||
|
|
-webkit-box-flex: 1;
|
|||
|
|
-webkit-flex: 1;
|
|||
|
|
flex: 1;
|
|||
|
|
color: #3cc51f;
|
|||
|
|
text-decoration: none;
|
|||
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|||
|
|
position: relative;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-modal .uni-modal__btn:active {
|
|||
|
|
background-color: #eee
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-modal .uni-modal__btn:after {
|
|||
|
|
content: " ";
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
width: 1px;
|
|||
|
|
bottom: 0;
|
|||
|
|
border-left: 1px solid #d5d5d6;
|
|||
|
|
color: #d5d5d6;
|
|||
|
|
-webkit-transform-origin: 0 0;
|
|||
|
|
transform-origin: 0 0;
|
|||
|
|
-webkit-transform: scaleX(.5);
|
|||
|
|
transform: scaleX(.5)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-modal .uni-modal__btn:first-child:after {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-modal .uni-modal__btn_default {
|
|||
|
|
color: #353535
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-modal .uni-modal__btn_primary {
|
|||
|
|
color: #007aff
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-actionsheet {
|
|||
|
|
display: block;
|
|||
|
|
box-sizing: border-box
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-actionsheet .uni-actionsheet {
|
|||
|
|
position: fixed;
|
|||
|
|
left: 6px;
|
|||
|
|
right: 6px;
|
|||
|
|
bottom: 6px;
|
|||
|
|
-webkit-transform: translateY(100%);
|
|||
|
|
transform: translateY(100%);
|
|||
|
|
-webkit-backface-visibility: hidden;
|
|||
|
|
backface-visibility: hidden;
|
|||
|
|
z-index: 999;
|
|||
|
|
visibility: hidden;
|
|||
|
|
-webkit-transition: visibility .3s,-webkit-transform .3s;
|
|||
|
|
transition: visibility .3s,-webkit-transform .3s;
|
|||
|
|
transition: transform .3s,visibility .3s;
|
|||
|
|
transition: transform .3s,visibility .3s,-webkit-transform .3s
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-actionsheet .uni-actionsheet.uni-actionsheet_toggle {
|
|||
|
|
visibility: visible;
|
|||
|
|
-webkit-transform: translate(0);
|
|||
|
|
transform: translate(0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-actionsheet .uni-actionsheet * {
|
|||
|
|
box-sizing: border-box
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-actionsheet .uni-actionsheet__action, uni-actionsheet .uni-actionsheet__menu {
|
|||
|
|
border-radius: 5px;
|
|||
|
|
background-color: #fcfcfd
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-actionsheet .uni-actionsheet__action {
|
|||
|
|
margin-top: 6px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-actionsheet .uni-actionsheet__cell, uni-actionsheet .uni-actionsheet__title {
|
|||
|
|
position: relative;
|
|||
|
|
padding: 10px 6px;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 18px;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
overflow: hidden;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-actionsheet .uni-actionsheet__title {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
right: 0;
|
|||
|
|
left: 0;
|
|||
|
|
z-index: 1;
|
|||
|
|
background-color: #fff;
|
|||
|
|
border-radius: 5px 5px 0 0;
|
|||
|
|
border-bottom: 1px solid #e5e5e5
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-actionsheet .uni-actionsheet__cell:before {
|
|||
|
|
content: " ";
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
right: 0;
|
|||
|
|
height: 1px;
|
|||
|
|
border-top: 1px solid #e5e5e5;
|
|||
|
|
color: #e5e5e5;
|
|||
|
|
-webkit-transform-origin: 0 0;
|
|||
|
|
transform-origin: 0 0;
|
|||
|
|
-webkit-transform: scaleY(.5);
|
|||
|
|
transform: scaleY(.5)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-actionsheet .uni-actionsheet__cell:active {
|
|||
|
|
background-color: #ececec
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-actionsheet .uni-actionsheet__cell:first-child:before {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media screen and (min-width:500px) and (min-height:500px) {
|
|||
|
|
.uni-mask.uni-actionsheet__mask {
|
|||
|
|
background: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-actionsheet .uni-actionsheet {
|
|||
|
|
width: 300px;
|
|||
|
|
left: 50%;
|
|||
|
|
right: auto;
|
|||
|
|
top: 50%;
|
|||
|
|
bottom: auto;
|
|||
|
|
-webkit-transform: translate(-50%,-50%);
|
|||
|
|
transform: translate(-50%,-50%);
|
|||
|
|
opacity: 0;
|
|||
|
|
-webkit-transition: opacity .3s,visibility .3s;
|
|||
|
|
transition: opacity .3s,visibility .3s
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-actionsheet .uni-actionsheet.uni-actionsheet_toggle {
|
|||
|
|
opacity: 1;
|
|||
|
|
-webkit-transform: translate(-50%,-50%);
|
|||
|
|
transform: translate(-50%,-50%)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-actionsheet .uni-actionsheet__menu {
|
|||
|
|
box-shadow: 0 0 20px 5px rgba(0,0,0,.3)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-actionsheet .uni-actionsheet__action {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
* {
|
|||
|
|
margin: 0;
|
|||
|
|
-webkit-tap-highlight-color: transparent
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@font-face {
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-style: normal;
|
|||
|
|
font-family: uni;
|
|||
|
|
src: url("data:application/octet-stream;base64,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
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@font-face {
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-style: normal;
|
|||
|
|
font-family: unibtn;
|
|||
|
|
src: url("data:application/octet-stream;base64,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") format("truetype")
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body, html {
|
|||
|
|
-webkit-user-select: none;
|
|||
|
|
user-select: none;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body {
|
|||
|
|
overflow-x: hidden
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
[class*=" uni-icon-"], [class^=uni-icon-] {
|
|||
|
|
display: inline-block;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
font: normal normal normal 14px/1 uni;
|
|||
|
|
font-size: inherit;
|
|||
|
|
text-rendering: auto;
|
|||
|
|
-webkit-font-smoothing: antialiased
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
[class*=" uni-btn-icon"], [class^=uni-btn-icon] {
|
|||
|
|
display: inline-block;
|
|||
|
|
font: normal normal normal 14px/1 unibtn;
|
|||
|
|
font-size: inherit;
|
|||
|
|
text-rendering: auto;
|
|||
|
|
-webkit-font-smoothing: antialiased
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
[class*=" uni-btn-icon"]:before, [class^=uni-btn-icon]:before {
|
|||
|
|
margin: 0;
|
|||
|
|
box-sizing: border-box
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-icon-success-no-circle:before {
|
|||
|
|
content: "\EA08"
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-icon-error:before {
|
|||
|
|
content: "\EA0B"
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-loading, uni-button[loading]:before {
|
|||
|
|
background: rgba(0,0,0,0) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=") no-repeat
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-loading {
|
|||
|
|
width: 20px;
|
|||
|
|
height: 20px;
|
|||
|
|
display: inline-block;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
-webkit-animation: uni-loading 1s steps(12) infinite;
|
|||
|
|
animation: uni-loading 1s steps(12) infinite;
|
|||
|
|
background-size: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@-webkit-keyframes uni-loading {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform: rotate(0deg);
|
|||
|
|
transform: rotate(0deg)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
to {
|
|||
|
|
-webkit-transform: rotate(1turn);
|
|||
|
|
transform: rotate(1turn)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes uni-loading {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform: rotate(0deg);
|
|||
|
|
transform: rotate(0deg)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
to {
|
|||
|
|
-webkit-transform: rotate(1turn);
|
|||
|
|
transform: rotate(1turn)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-mask {
|
|||
|
|
position: fixed;
|
|||
|
|
z-index: 999;
|
|||
|
|
top: 0;
|
|||
|
|
right: 0;
|
|||
|
|
left: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
background: rgba(0,0,0,.5)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-fade-enter-active, .uni-fade-leave-active {
|
|||
|
|
-webkit-transition-duration: .25s;
|
|||
|
|
transition-duration: .25s;
|
|||
|
|
-webkit-transition-property: opacity;
|
|||
|
|
transition-property: opacity;
|
|||
|
|
-webkit-transition-timing-function: ease;
|
|||
|
|
transition-timing-function: ease
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-fade-enter, .uni-fade-leave-active {
|
|||
|
|
opacity: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
[nvue] uni-label, [nvue] uni-scroll-view, [nvue] uni-swiper-item, [nvue] uni-view {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-flex-shrink: 0;
|
|||
|
|
flex-shrink: 0;
|
|||
|
|
-webkit-box-flex: 0;
|
|||
|
|
-webkit-flex-grow: 0;
|
|||
|
|
flex-grow: 0;
|
|||
|
|
-webkit-flex-basis: auto;
|
|||
|
|
flex-basis: auto;
|
|||
|
|
-webkit-box-align: stretch;
|
|||
|
|
-webkit-align-items: stretch;
|
|||
|
|
align-items: stretch;
|
|||
|
|
-webkit-align-content: flex-start;
|
|||
|
|
align-content: flex-start
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
[nvue] uni-button {
|
|||
|
|
margin: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
[nvue-dir-row] uni-label, [nvue-dir-row] uni-swiper-item, [nvue-dir-row] uni-view {
|
|||
|
|
-webkit-box-orient: horizontal;
|
|||
|
|
-webkit-box-direction: normal;
|
|||
|
|
-webkit-flex-direction: row;
|
|||
|
|
flex-direction: row
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
[nvue-dir-column] uni-label, [nvue-dir-column] uni-swiper-item, [nvue-dir-column] uni-view {
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
-webkit-box-direction: normal;
|
|||
|
|
-webkit-flex-direction: column;
|
|||
|
|
flex-direction: column
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
[nvue-dir-row-reverse] uni-label, [nvue-dir-row-reverse] uni-swiper-item, [nvue-dir-row-reverse] uni-view {
|
|||
|
|
-webkit-box-orient: horizontal;
|
|||
|
|
-webkit-box-direction: reverse;
|
|||
|
|
-webkit-flex-direction: row-reverse;
|
|||
|
|
flex-direction: row-reverse
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
[nvue-dir-column-reverse] uni-label, [nvue-dir-column-reverse] uni-swiper-item, [nvue-dir-column-reverse] uni-view {
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
-webkit-box-direction: reverse;
|
|||
|
|
-webkit-flex-direction: column-reverse;
|
|||
|
|
flex-direction: column-reverse
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
[nvue] uni-image, [nvue] uni-input, [nvue] uni-scroll-view, [nvue] uni-swiper, [nvue] uni-swiper-item, [nvue] uni-text, [nvue] uni-textarea, [nvue] uni-video, [nvue] uni-view {
|
|||
|
|
position: relative;
|
|||
|
|
border: 0 solid #000;
|
|||
|
|
box-sizing: border-box
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
[nvue] uni-swiper-item {
|
|||
|
|
position: absolute
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-app {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-app, uni-page-head {
|
|||
|
|
display: block;
|
|||
|
|
box-sizing: border-box
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head {
|
|||
|
|
position: fixed;
|
|||
|
|
left: var(--window-left);
|
|||
|
|
right: var(--window-right);
|
|||
|
|
height: 44px;
|
|||
|
|
height: calc(44px + constant(safe-area-inset-top));
|
|||
|
|
height: calc(44px + env(safe-area-inset-top));
|
|||
|
|
padding: 7px 3px;
|
|||
|
|
padding-top: calc(7px + constant(safe-area-inset-top));
|
|||
|
|
padding-top: calc(7px + env(safe-area-inset-top));
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex;
|
|||
|
|
overflow: hidden;
|
|||
|
|
-webkit-box-pack: justify;
|
|||
|
|
-webkit-justify-content: space-between;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
z-index: 998;
|
|||
|
|
color: #fff;
|
|||
|
|
background-color: #000;
|
|||
|
|
-webkit-transition-property: all;
|
|||
|
|
transition-property: all
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head-titlePenetrate, uni-page-head .uni-page-head-titlePenetrate .uni-page-head-bd, uni-page-head .uni-page-head-titlePenetrate .uni-page-head-bd * {
|
|||
|
|
pointer-events: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head-titlePenetrate * {
|
|||
|
|
pointer-events: auto
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head.uni-page-head-transparent .uni-page-head-ft > div {
|
|||
|
|
-webkit-box-pack: center;
|
|||
|
|
-webkit-justify-content: center;
|
|||
|
|
justify-content: center
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head ~ .uni-placeholder {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 44px;
|
|||
|
|
height: calc(44px + constant(safe-area-inset-top));
|
|||
|
|
height: calc(44px + env(safe-area-inset-top))
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-placeholder-titlePenetrate {
|
|||
|
|
pointer-events: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head * {
|
|||
|
|
box-sizing: border-box
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head-hd {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-webkit-align-items: center;
|
|||
|
|
align-items: center;
|
|||
|
|
font-size: 16px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head-bd {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 70px;
|
|||
|
|
right: 70px;
|
|||
|
|
min-width: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-page-head-btn {
|
|||
|
|
position: relative;
|
|||
|
|
width: auto;
|
|||
|
|
margin: 0 2px;
|
|||
|
|
word-break: keep-all;
|
|||
|
|
white-space: pre;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-page-head-transparent .uni-page-head-btn {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-webkit-align-items: center;
|
|||
|
|
align-items: center;
|
|||
|
|
width: 32px;
|
|||
|
|
height: 32px;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
background-color: rgba(0,0,0,.5)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-btn-icon {
|
|||
|
|
overflow: hidden;
|
|||
|
|
min-width: 1em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-page-head-btn-red-dot:after {
|
|||
|
|
content: attr(badge-text);
|
|||
|
|
position: absolute;
|
|||
|
|
right: 0;
|
|||
|
|
top: 0;
|
|||
|
|
background-color: red;
|
|||
|
|
color: #fff;
|
|||
|
|
width: 18px;
|
|||
|
|
height: 18px;
|
|||
|
|
line-height: 18px;
|
|||
|
|
border-radius: 18px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
-webkit-transform: scale(.5) translate(40%,-40%);
|
|||
|
|
transform: scale(.5) translate(40%,-40%);
|
|||
|
|
-webkit-transform-origin: 100% 0;
|
|||
|
|
transform-origin: 100% 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-page-head-btn-red-dot[badge-text]:after {
|
|||
|
|
font-size: 12px;
|
|||
|
|
width: auto;
|
|||
|
|
min-width: 18px;
|
|||
|
|
max-width: 42px;
|
|||
|
|
text-align: center;
|
|||
|
|
padding: 0 3px;
|
|||
|
|
-webkit-transform: scale(.7) translate(40%,-40%);
|
|||
|
|
transform: scale(.7) translate(40%,-40%)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-page-head-btn-select > .uni-btn-icon:after {
|
|||
|
|
display: inline-block;
|
|||
|
|
font-family: unibtn;
|
|||
|
|
content: "\e601";
|
|||
|
|
margin-left: 2px;
|
|||
|
|
-webkit-transform: rotate(-90deg) scale(.8);
|
|||
|
|
transform: rotate(-90deg) scale(.8)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-page-head-search {
|
|||
|
|
position: relative;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-flex: 1;
|
|||
|
|
-webkit-flex: 1;
|
|||
|
|
flex: 1;
|
|||
|
|
margin: 0 2px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
font-size: 15px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-page-head-search-input {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
padding-left: 34px;
|
|||
|
|
text-align: left
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-page-head-search-placeholder {
|
|||
|
|
position: absolute;
|
|||
|
|
max-width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
padding-left: 34px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
word-break: keep-all;
|
|||
|
|
white-space: pre
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-page-head-search-placeholder-right {
|
|||
|
|
right: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-page-head-search-placeholder-center {
|
|||
|
|
left: 50%;
|
|||
|
|
-webkit-transform: translateX(-50%);
|
|||
|
|
transform: translateX(-50%)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-page-head-search-placeholder:before {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 2px;
|
|||
|
|
width: 30px;
|
|||
|
|
content: "\ea0e";
|
|||
|
|
display: block;
|
|||
|
|
font-size: 20px;
|
|||
|
|
font-family: uni;
|
|||
|
|
text-align: center
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head-ft {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-webkit-align-items: center;
|
|||
|
|
align-items: center;
|
|||
|
|
-webkit-box-orient: horizontal;
|
|||
|
|
-webkit-box-direction: reverse;
|
|||
|
|
-webkit-flex-direction: row-reverse;
|
|||
|
|
flex-direction: row-reverse;
|
|||
|
|
font-size: 13px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head__title {
|
|||
|
|
font-weight: 700;
|
|||
|
|
font-size: 16px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
text-align: center;
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
text-overflow: ellipsis
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head__title .uni-loading {
|
|||
|
|
width: 16px;
|
|||
|
|
height: 16px;
|
|||
|
|
margin-top: -3px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head__title .uni-page-head__title_image {
|
|||
|
|
width: auto;
|
|||
|
|
height: 26px;
|
|||
|
|
vertical-align: middle
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head-shadow {
|
|||
|
|
overflow: visible
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head-shadow:after {
|
|||
|
|
content: "";
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
top: 100%;
|
|||
|
|
height: 5px;
|
|||
|
|
background-size: 100% 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head-shadow-grey:after {
|
|||
|
|
background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head-shadow-blue:after {
|
|||
|
|
background-image: url(https://cdn.dcloud.net.cn/img/shadow-blue.png)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head-shadow-green:after {
|
|||
|
|
background-image: url(https://cdn.dcloud.net.cn/img/shadow-green.png)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head-shadow-orange:after {
|
|||
|
|
background-image: url(https://cdn.dcloud.net.cn/img/shadow-orange.png)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head-shadow-red:after {
|
|||
|
|
background-image: url(https://cdn.dcloud.net.cn/img/shadow-red.png)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-page-head-shadow-yellow:after {
|
|||
|
|
background-image: url(https://cdn.dcloud.net.cn/img/shadow-yellow.png)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head .uni-icon-clear {
|
|||
|
|
-webkit-align-self: center;
|
|||
|
|
align-self: center;
|
|||
|
|
padding-right: 5px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-wrapper {
|
|||
|
|
display: block;
|
|||
|
|
height: 100%;
|
|||
|
|
position: relative
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-head[uni-page-head-type=default] ~ uni-page-wrapper {
|
|||
|
|
height: calc(100% - 44px);
|
|||
|
|
height: calc(100% - 44px - constant(safe-area-inset-top));
|
|||
|
|
height: calc(100% - 44px - env(safe-area-inset-top))
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-body, uni-page-refresh {
|
|||
|
|
display: block;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-refresh {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
height: 40px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-refresh .uni-page-refresh {
|
|||
|
|
position: absolute;
|
|||
|
|
top: -45px;
|
|||
|
|
left: 50%;
|
|||
|
|
-webkit-transform: translate3d(-50%,0,0);
|
|||
|
|
transform: translate3d(-50%,0,0);
|
|||
|
|
background: #fff;
|
|||
|
|
box-shadow: 0 1px 6px rgba(0,0,0,.117647),0 1px 4px rgba(0,0,0,.117647);
|
|||
|
|
display: none;
|
|||
|
|
z-index: 997
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-refresh .uni-page-refresh, uni-page-refresh .uni-page-refresh-inner {
|
|||
|
|
width: 40px;
|
|||
|
|
height: 40px;
|
|||
|
|
-webkit-box-pack: center;
|
|||
|
|
-webkit-justify-content: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-webkit-align-items: center;
|
|||
|
|
align-items: center;
|
|||
|
|
border-radius: 50%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-refresh .uni-page-refresh-inner {
|
|||
|
|
line-height: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-refresh.uni-page-refresh--aborting .uni-page-refresh, uni-page-refresh.uni-page-refresh--pulling .uni-page-refresh, uni-page-refresh.uni-page-refresh--reached .uni-page-refresh, uni-page-refresh.uni-page-refresh--refreshing .uni-page-refresh, uni-page-refresh.uni-page-refresh--restoring .uni-page-refresh, uni-page-refresh .uni-page-refresh-inner {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-refresh.uni-page-refresh--aborting .uni-page-refresh__spinner, uni-page-refresh.uni-page-refresh--pulling .uni-page-refresh__spinner, uni-page-refresh.uni-page-refresh--reached .uni-page-refresh__spinner, uni-page-refresh.uni-page-refresh--refreshing .uni-page-refresh__icon, uni-page-refresh.uni-page-refresh--restoring .uni-page-refresh__icon {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-refresh.uni-page-refresh--refreshing .uni-page-refresh__spinner {
|
|||
|
|
-webkit-transform-origin: center center;
|
|||
|
|
transform-origin: center center;
|
|||
|
|
-webkit-animation: uni-page-refresh-rotate 2s linear infinite;
|
|||
|
|
animation: uni-page-refresh-rotate 2s linear infinite
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page-refresh.uni-page-refresh--refreshing .uni-page-refresh__path {
|
|||
|
|
stroke-dasharray: 1,200;
|
|||
|
|
stroke-dashoffset: 0;
|
|||
|
|
stroke-linecap: round;
|
|||
|
|
-webkit-animation: uni-page-refresh-dash 1.5s ease-in-out infinite,uni-page-refresh-colorful 6s ease-in-out infinite;
|
|||
|
|
animation: uni-page-refresh-dash 1.5s ease-in-out infinite,uni-page-refresh-colorful 6s ease-in-out infinite
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@-webkit-keyframes uni-page-refresh-rotate {
|
|||
|
|
to {
|
|||
|
|
-webkit-transform: rotate(1turn);
|
|||
|
|
transform: rotate(1turn)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes uni-page-refresh-rotate {
|
|||
|
|
to {
|
|||
|
|
-webkit-transform: rotate(1turn);
|
|||
|
|
transform: rotate(1turn)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@-webkit-keyframes uni-page-refresh-dash {
|
|||
|
|
0% {
|
|||
|
|
stroke-dasharray: 1,200;
|
|||
|
|
stroke-dashoffset: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
50% {
|
|||
|
|
stroke-dasharray: 89,200;
|
|||
|
|
stroke-dashoffset: -35px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
to {
|
|||
|
|
stroke-dasharray: 89,200;
|
|||
|
|
stroke-dashoffset: -124px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes uni-page-refresh-dash {
|
|||
|
|
0% {
|
|||
|
|
stroke-dasharray: 1,200;
|
|||
|
|
stroke-dashoffset: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
50% {
|
|||
|
|
stroke-dasharray: 89,200;
|
|||
|
|
stroke-dashoffset: -35px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
to {
|
|||
|
|
stroke-dasharray: 89,200;
|
|||
|
|
stroke-dashoffset: -124px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-page {
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-async-error {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
top: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
color: #999;
|
|||
|
|
padding: 100px 10px;
|
|||
|
|
text-align: center
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-async-loading {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
width: 100%;
|
|||
|
|
padding: 50px;
|
|||
|
|
text-align: center
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-async-loading .uni-loading {
|
|||
|
|
width: 30px;
|
|||
|
|
height: 30px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@font-face {
|
|||
|
|
font-weight: 400;
|
|||
|
|
font-style: normal;
|
|||
|
|
font-family: unimapbtn;
|
|||
|
|
src: url("data:application/octet-stream;base64,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") format("truetype")
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location {
|
|||
|
|
display: block;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
background: #f8f8f8
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .map {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 300px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .map-location {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 50%;
|
|||
|
|
bottom: 50%;
|
|||
|
|
width: 32px;
|
|||
|
|
height: 52px;
|
|||
|
|
margin-left: -16px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
background-image: url("data:image/png;base64,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");
|
|||
|
|
background-size: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .map-move {
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 50px;
|
|||
|
|
right: 10px;
|
|||
|
|
width: 40px;
|
|||
|
|
height: 40px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
line-height: 40px;
|
|||
|
|
background-color: #fff;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
pointer-events: auto;
|
|||
|
|
cursor: pointer;
|
|||
|
|
box-shadow: 0 0 5px 1px rgba(0,0,0,.3)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .map-move > i {
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
font: normal normal normal 14px/1 unimapbtn;
|
|||
|
|
line-height: inherit;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 24px;
|
|||
|
|
text-rendering: auto;
|
|||
|
|
-webkit-font-smoothing: antialiased
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .nav {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 44px;
|
|||
|
|
background-color: rgba(0,0,0,0);
|
|||
|
|
background-image: -webkit-linear-gradient(top,rgba(0,0,0,.3),rgba(0,0,0,0));
|
|||
|
|
background-image: linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,0))
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .nav-btn {
|
|||
|
|
position: absolute;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 60px;
|
|||
|
|
height: 44px;
|
|||
|
|
padding: 6px;
|
|||
|
|
line-height: 32px;
|
|||
|
|
font-size: 26px;
|
|||
|
|
color: #fff;
|
|||
|
|
text-align: center;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .nav-btn.confirm {
|
|||
|
|
left: auto;
|
|||
|
|
right: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .nav-btn.disable {
|
|||
|
|
opacity: .4
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .nav-btn > .uni-btn-icon {
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
line-height: inherit;
|
|||
|
|
border-radius: 2px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .nav-btn.confirm > .uni-btn-icon {
|
|||
|
|
background-color: #007aff
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .menu {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 300px;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
bottom: 0;
|
|||
|
|
background-color: #fff
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .search {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-orient: horizontal;
|
|||
|
|
-webkit-box-direction: normal;
|
|||
|
|
-webkit-flex-direction: row;
|
|||
|
|
flex-direction: row;
|
|||
|
|
height: 50px;
|
|||
|
|
padding: 8px;
|
|||
|
|
line-height: 34px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
background-color: #fff
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .search-input {
|
|||
|
|
-webkit-box-flex: 1;
|
|||
|
|
-webkit-flex: 1;
|
|||
|
|
flex: 1;
|
|||
|
|
height: 100%;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
padding: 0 5px;
|
|||
|
|
background: #ebebeb
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .search-btn {
|
|||
|
|
width: 2.8em;
|
|||
|
|
color: #007aff;
|
|||
|
|
font-size: 17px;
|
|||
|
|
text-align: center
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .list {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50px;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
bottom: 0;
|
|||
|
|
padding-bottom: 10px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .list-loading {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex;
|
|||
|
|
height: 50px;
|
|||
|
|
-webkit-box-pack: center;
|
|||
|
|
-webkit-justify-content: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-webkit-align-items: center;
|
|||
|
|
align-items: center
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .list-item {
|
|||
|
|
position: relative;
|
|||
|
|
padding: 10px;
|
|||
|
|
padding-right: 40px;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .list-item.selected:before {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50%;
|
|||
|
|
right: 10px;
|
|||
|
|
width: 30px;
|
|||
|
|
height: 30px;
|
|||
|
|
margin-top: -15px;
|
|||
|
|
text-align: center;
|
|||
|
|
content: "\e651";
|
|||
|
|
font: normal normal normal 14px/1 unibtn;
|
|||
|
|
font-size: 24px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
color: #007aff;
|
|||
|
|
text-rendering: auto;
|
|||
|
|
-webkit-font-smoothing: antialiased
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .list-item:not(:last-child):after {
|
|||
|
|
position: absolute;
|
|||
|
|
content: "";
|
|||
|
|
height: 1px;
|
|||
|
|
left: 10px;
|
|||
|
|
bottom: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
background-color: #d3d3d3
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .list-item-title {
|
|||
|
|
font-size: 14px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
text-overflow: ellipsis
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .list-item-detail {
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: grey;
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
text-overflow: ellipsis
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media screen and (min-width:800px) {
|
|||
|
|
.uni-system-choose-location .map {
|
|||
|
|
top: 0;
|
|||
|
|
height: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .map-move {
|
|||
|
|
bottom: 10px;
|
|||
|
|
right: 320px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-choose-location .menu {
|
|||
|
|
top: 54px;
|
|||
|
|
left: auto;
|
|||
|
|
right: 10px;
|
|||
|
|
width: 300px;
|
|||
|
|
bottom: 10px;
|
|||
|
|
max-height: 600px;
|
|||
|
|
box-shadow: 0 0 20px 5px rgba(0,0,0,.3)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-open-location {
|
|||
|
|
display: block;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
background: #f8f8f8
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-open-location .nav-btn-back {
|
|||
|
|
position: absolute;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 44px;
|
|||
|
|
height: 44px;
|
|||
|
|
padding: 6px;
|
|||
|
|
line-height: 32px;
|
|||
|
|
font-size: 26px;
|
|||
|
|
color: #fff;
|
|||
|
|
text-align: center;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-open-location .nav-btn-back > .uni-btn-icon {
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
line-height: inherit;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
background-color: rgba(0,0,0,.5)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-open-location .map-content {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
bottom: 0;
|
|||
|
|
overflow: hidden
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-open-location .map-content.fix-position {
|
|||
|
|
top: -74px;
|
|||
|
|
bottom: -44px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-open-location .map-content > iframe {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
border: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-open-location .actTonav {
|
|||
|
|
position: absolute;
|
|||
|
|
right: 16px;
|
|||
|
|
bottom: 56px;
|
|||
|
|
width: 60px;
|
|||
|
|
height: 60px;
|
|||
|
|
border-radius: 60px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.image-view-area, .image-view-view {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.image-view-img {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 50%;
|
|||
|
|
top: 50%;
|
|||
|
|
-webkit-transform: translate(-50%,-50%);
|
|||
|
|
transform: translate(-50%,-50%);
|
|||
|
|
max-height: 100%;
|
|||
|
|
max-width: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-preview-image {
|
|||
|
|
display: block;
|
|||
|
|
position: fixed;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
z-index: 999;
|
|||
|
|
background: rgba(0,0,0,.8)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-system-preview-image-swiper {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-audio {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-audio[controls] {
|
|||
|
|
display: inline-block
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-audio[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-audio-default {
|
|||
|
|
max-width: 100%;
|
|||
|
|
min-width: 302px;
|
|||
|
|
height: 65px;
|
|||
|
|
background: #fcfcfc;
|
|||
|
|
border: 1px solid #e0e0e0;
|
|||
|
|
border-radius: 2.5px;
|
|||
|
|
display: inline-block;
|
|||
|
|
overflow: hidden
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-audio-left {
|
|||
|
|
width: 65px;
|
|||
|
|
height: 65px;
|
|||
|
|
float: left;
|
|||
|
|
background-color: #e6e6e6;
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
background-position: 50% 50%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-audio-button {
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px;
|
|||
|
|
margin: 20.5px;
|
|||
|
|
background-size: cover
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-audio-button.play {
|
|||
|
|
background-image: url(data:image/png;base64,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)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-audio-button.pause {
|
|||
|
|
background-image: url(data:image/png;base64,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)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-audio-right {
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
height: 65px;
|
|||
|
|
margin-left: 65px;
|
|||
|
|
padding: 11px 16.5px 13.5px 15px;
|
|||
|
|
overflow: hidden
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-audio-time {
|
|||
|
|
margin-top: 3.5px;
|
|||
|
|
height: 16.5px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #888;
|
|||
|
|
float: right
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-audio-info {
|
|||
|
|
margin-right: 70px;
|
|||
|
|
overflow: hidden
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-audio-name {
|
|||
|
|
height: 22.5px;
|
|||
|
|
line-height: 22.5px;
|
|||
|
|
margin-bottom: 3.5px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #353535
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-audio-author, .uni-audio-name {
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
text-overflow: ellipsis
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-audio-author {
|
|||
|
|
height: 14.5px;
|
|||
|
|
line-height: 14.5px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #888
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button {
|
|||
|
|
position: relative;
|
|||
|
|
display: block;
|
|||
|
|
margin-left: auto;
|
|||
|
|
margin-right: auto;
|
|||
|
|
padding-left: 14px;
|
|||
|
|
padding-right: 14px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
font-size: 18px;
|
|||
|
|
text-align: center;
|
|||
|
|
text-decoration: none;
|
|||
|
|
line-height: 2.55555556;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
-webkit-tap-highlight-color: transparent;
|
|||
|
|
overflow: hidden;
|
|||
|
|
color: #000;
|
|||
|
|
background-color: #f8f8f8;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[hidden] {
|
|||
|
|
display: none !important
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button:after {
|
|||
|
|
content: " ";
|
|||
|
|
width: 200%;
|
|||
|
|
height: 200%;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
border: 1px solid rgba(0,0,0,.2);
|
|||
|
|
-webkit-transform: scale(.5);
|
|||
|
|
transform: scale(.5);
|
|||
|
|
-webkit-transform-origin: 0 0;
|
|||
|
|
transform-origin: 0 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
border-radius: 10px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[native] {
|
|||
|
|
padding-left: 0;
|
|||
|
|
padding-right: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[native] .uni-button-cover-view-wrapper {
|
|||
|
|
border: inherit;
|
|||
|
|
border-color: inherit;
|
|||
|
|
border-radius: inherit;
|
|||
|
|
background-color: inherit
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[native] .uni-button-cover-view-inner {
|
|||
|
|
padding-left: 14px;
|
|||
|
|
padding-right: 14px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button uni-cover-view {
|
|||
|
|
line-height: inherit;
|
|||
|
|
white-space: inherit
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[type=default] {
|
|||
|
|
color: #000;
|
|||
|
|
background-color: #f8f8f8
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[type=primary] {
|
|||
|
|
color: #fff;
|
|||
|
|
background-color: #007aff
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[type=warn] {
|
|||
|
|
color: #fff;
|
|||
|
|
background-color: #e64340
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[disabled] {
|
|||
|
|
color: hsla(0,0%,100%,.6);
|
|||
|
|
cursor: not-allowed
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[disabled]:not([type]), uni-button[disabled][type=default] {
|
|||
|
|
color: rgba(0,0,0,.3);
|
|||
|
|
background-color: #f7f7f7
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[disabled][type=primary] {
|
|||
|
|
background-color: rgba(0,122,255,.6)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[disabled][type=warn] {
|
|||
|
|
background-color: #ec8b89
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[type=primary][plain] {
|
|||
|
|
color: #007aff;
|
|||
|
|
border: 1px solid #007aff;
|
|||
|
|
background-color: rgba(0,0,0,0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[type=primary][plain][disabled] {
|
|||
|
|
color: rgba(0,0,0,.2);
|
|||
|
|
border-color: rgba(0,0,0,.2)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[type=primary][plain]:after {
|
|||
|
|
border-width: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[type=default][plain] {
|
|||
|
|
color: #353535;
|
|||
|
|
border: 1px solid #353535;
|
|||
|
|
background-color: rgba(0,0,0,0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[type=default][plain][disabled] {
|
|||
|
|
color: rgba(0,0,0,.2);
|
|||
|
|
border-color: rgba(0,0,0,.2)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[type=default][plain]:after {
|
|||
|
|
border-width: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[plain] {
|
|||
|
|
color: #353535;
|
|||
|
|
border: 1px solid #353535;
|
|||
|
|
background-color: rgba(0,0,0,0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[plain][disabled] {
|
|||
|
|
color: rgba(0,0,0,.2);
|
|||
|
|
border-color: rgba(0,0,0,.2)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[plain]:after {
|
|||
|
|
border-width: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[plain][native] .uni-button-cover-view-inner {
|
|||
|
|
padding: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[type=warn][plain] {
|
|||
|
|
color: #e64340;
|
|||
|
|
border: 1px solid #e64340;
|
|||
|
|
background-color: rgba(0,0,0,0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[type=warn][plain][disabled] {
|
|||
|
|
color: rgba(0,0,0,.2);
|
|||
|
|
border-color: rgba(0,0,0,.2)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[type=warn][plain]:after {
|
|||
|
|
border-width: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[size=mini] {
|
|||
|
|
display: inline-block;
|
|||
|
|
line-height: 2.3;
|
|||
|
|
font-size: 13px;
|
|||
|
|
padding: 0 1.34em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[size=mini][native] {
|
|||
|
|
padding: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[size=mini][native] .uni-button-cover-view-inner {
|
|||
|
|
padding: 0 1.34em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[loading]:not([disabled]) {
|
|||
|
|
cursor: progress
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[loading]:before {
|
|||
|
|
content: " ";
|
|||
|
|
display: inline-block;
|
|||
|
|
width: 18px;
|
|||
|
|
height: 18px;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
-webkit-animation: uni-loading 1s steps(12) infinite;
|
|||
|
|
animation: uni-loading 1s steps(12) infinite;
|
|||
|
|
background-size: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[loading][type=primary] {
|
|||
|
|
color: hsla(0,0%,100%,.6);
|
|||
|
|
background-color: #0062cc
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[loading][type=primary][plain] {
|
|||
|
|
color: #007aff;
|
|||
|
|
background-color: rgba(0,0,0,0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[loading][type=default] {
|
|||
|
|
color: rgba(0,0,0,.6);
|
|||
|
|
background-color: #dedede
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[loading][type=default][plain] {
|
|||
|
|
color: #353535;
|
|||
|
|
background-color: rgba(0,0,0,0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[loading][type=warn] {
|
|||
|
|
color: hsla(0,0%,100%,.6);
|
|||
|
|
background-color: #ce3c39
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[loading][type=warn][plain] {
|
|||
|
|
color: #e64340;
|
|||
|
|
background-color: rgba(0,0,0,0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-button[loading][native]:before {
|
|||
|
|
content: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-hover {
|
|||
|
|
color: rgba(0,0,0,.6);
|
|||
|
|
background-color: #dedede
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-hover[plain] {
|
|||
|
|
color: rgba(53,53,53,.6);
|
|||
|
|
border-color: rgba(53,53,53,.6);
|
|||
|
|
background-color: rgba(0,0,0,0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-hover[type=primary] {
|
|||
|
|
color: hsla(0,0%,100%,.6);
|
|||
|
|
background-color: #0062cc
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-hover[type=primary][plain] {
|
|||
|
|
color: rgba(26,173,25,.6);
|
|||
|
|
border-color: rgba(26,173,25,.6);
|
|||
|
|
background-color: rgba(0,0,0,0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-hover[type=default] {
|
|||
|
|
color: rgba(0,0,0,.6);
|
|||
|
|
background-color: #dedede
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-hover[type=default][plain] {
|
|||
|
|
color: rgba(53,53,53,.6);
|
|||
|
|
border-color: rgba(53,53,53,.6);
|
|||
|
|
background-color: rgba(0,0,0,0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-hover[type=warn] {
|
|||
|
|
color: hsla(0,0%,100%,.6);
|
|||
|
|
background-color: #ce3c39
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.button-hover[type=warn][plain] {
|
|||
|
|
color: rgba(230,67,64,.6);
|
|||
|
|
border-color: rgba(230,67,64,.6);
|
|||
|
|
background-color: rgba(0,0,0,0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-checkbox {
|
|||
|
|
-webkit-tap-highlight-color: transparent;
|
|||
|
|
display: inline-block;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-checkbox[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-checkbox[disabled] {
|
|||
|
|
cursor: not-allowed
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-checkbox .uni-checkbox-wrapper {
|
|||
|
|
display: -webkit-inline-flex;
|
|||
|
|
display: -webkit-inline-box;
|
|||
|
|
display: inline-flex;
|
|||
|
|
-webkit-align-items: center;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
align-items: center;
|
|||
|
|
vertical-align: middle
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-checkbox .uni-checkbox-input {
|
|||
|
|
margin-right: 5px;
|
|||
|
|
-webkit-appearance: none;
|
|||
|
|
appearance: none;
|
|||
|
|
outline: 0;
|
|||
|
|
border: 1px solid #d1d1d1;
|
|||
|
|
background-color: #fff;
|
|||
|
|
border-radius: 3px;
|
|||
|
|
width: 22px;
|
|||
|
|
height: 22px;
|
|||
|
|
position: relative
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
|
|||
|
|
border-color: #007aff
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
|
|||
|
|
color: #007aff
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before {
|
|||
|
|
font: normal normal normal 14px/1 uni;
|
|||
|
|
content: "\EA08";
|
|||
|
|
font-size: 22px;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50%;
|
|||
|
|
left: 50%;
|
|||
|
|
transform: translate(-50%,-48%) scale(.73);
|
|||
|
|
-webkit-transform: translate(-50%,-48%) scale(.73)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-checkbox .uni-checkbox-input.uni-checkbox-input-disabled {
|
|||
|
|
background-color: #e1e1e1
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-checkbox .uni-checkbox-input.uni-checkbox-input-disabled:before {
|
|||
|
|
color: #adadad
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-checkbox-group {
|
|||
|
|
display: block
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.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: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex;
|
|||
|
|
position: absolute;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
border: 1px dashed #ccc;
|
|||
|
|
-webkit-box-pack: center;
|
|||
|
|
-webkit-justify-content: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-webkit-align-items: 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: .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%;
|
|||
|
|
-webkit-transform: translatex(-50%);
|
|||
|
|
transform: translatex(-50%);
|
|||
|
|
width: 0;
|
|||
|
|
height: 0;
|
|||
|
|
border-width: 6px;
|
|||
|
|
border-style: solid;
|
|||
|
|
border-color: rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.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 blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6, .ql-editor ol, .ql-editor p, .ql-editor pre, .ql-editor ul {
|
|||
|
|
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=false], .ql-editor ul[data-checked=true] {
|
|||
|
|
pointer-events: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor ul[data-checked=false] > li *, .ql-editor ul[data-checked=true] > li * {
|
|||
|
|
pointer-events: all
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor ul[data-checked=false] > li:before, .ql-editor ul[data-checked=true] > 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), .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
|
|||
|
|
padding-left: 2em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right, .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
|
|||
|
|
padding-right: 2em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor .ql-indent-2:not(.ql-direction-rtl), .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
|
|||
|
|
padding-left: 4em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right, .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
|
|||
|
|
padding-right: 4em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor .ql-indent-3:not(.ql-direction-rtl), .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
|
|||
|
|
padding-left: 6em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right, .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
|
|||
|
|
padding-right: 6em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor .ql-indent-4:not(.ql-direction-rtl), .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
|
|||
|
|
padding-left: 8em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right, .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
|
|||
|
|
padding-right: 8em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor .ql-indent-5:not(.ql-direction-rtl), .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
|
|||
|
|
padding-left: 10em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right, .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
|
|||
|
|
padding-right: 10em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor .ql-indent-6:not(.ql-direction-rtl), .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
|
|||
|
|
padding-left: 12em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right, .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
|
|||
|
|
padding-right: 12em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor .ql-indent-7:not(.ql-direction-rtl), .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
|
|||
|
|
padding-left: 14em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right, .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
|
|||
|
|
padding-right: 14em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor .ql-indent-8:not(.ql-direction-rtl), .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
|
|||
|
|
padding-left: 16em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right, .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
|
|||
|
|
padding-right: 16em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor .ql-indent-9:not(.ql-direction-rtl), .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
|
|||
|
|
padding-left: 18em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right, .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,.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: 400;
|
|||
|
|
font-style: normal;
|
|||
|
|
font-family: weui;
|
|||
|
|
src: url("data:application/octet-stream;base64,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
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.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-safe_success, .uni-icon-success, .uni-icon-success_circle, .uni-icon-success_no_circle {
|
|||
|
|
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, .uni-icon-waiting_circle {
|
|||
|
|
color: #10aeff
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-icon-circle {
|
|||
|
|
color: #c9c9c9
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-icon-cancel {
|
|||
|
|
color: #f43530
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-icon-download {
|
|||
|
|
color: #007aff
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-icon-clear, .uni-icon-search {
|
|||
|
|
color: #b2b2b2
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-image {
|
|||
|
|
width: 320px;
|
|||
|
|
height: 240px;
|
|||
|
|
display: inline-block;
|
|||
|
|
overflow: hidden;
|
|||
|
|
position: relative
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-image[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-image > div, uni-image > img {
|
|||
|
|
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;
|
|||
|
|
opacity: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-image > .uni-image-will-change {
|
|||
|
|
will-change: transform
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-input {
|
|||
|
|
display: block;
|
|||
|
|
font-size: 16px;
|
|||
|
|
line-height: 1.4em;
|
|||
|
|
height: 1.4em;
|
|||
|
|
min-height: 1.4em;
|
|||
|
|
overflow: hidden
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-input[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-input-form, .uni-input-input, .uni-input-placeholder, .uni-input-wrapper {
|
|||
|
|
outline: none;
|
|||
|
|
border: none;
|
|||
|
|
padding: 0;
|
|||
|
|
margin: 0;
|
|||
|
|
text-decoration: inherit
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-input-form, .uni-input-wrapper {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex;
|
|||
|
|
position: relative;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
-webkit-box-direction: normal;
|
|||
|
|
-webkit-flex-direction: column;
|
|||
|
|
flex-direction: column;
|
|||
|
|
-webkit-box-pack: center;
|
|||
|
|
-webkit-justify-content: center;
|
|||
|
|
justify-content: center
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-input-input, .uni-input-placeholder {
|
|||
|
|
width: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-input-placeholder {
|
|||
|
|
position: absolute;
|
|||
|
|
top: auto !important;
|
|||
|
|
left: 0;
|
|||
|
|
color: grey;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: clip;
|
|||
|
|
white-space: pre;
|
|||
|
|
word-break: keep-all;
|
|||
|
|
pointer-events: none;
|
|||
|
|
line-height: inherit
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-input-input {
|
|||
|
|
position: relative;
|
|||
|
|
display: block;
|
|||
|
|
height: 100%;
|
|||
|
|
background: none;
|
|||
|
|
color: inherit;
|
|||
|
|
opacity: 1;
|
|||
|
|
font: inherit;
|
|||
|
|
line-height: inherit;
|
|||
|
|
letter-spacing: inherit;
|
|||
|
|
text-align: inherit;
|
|||
|
|
text-indent: inherit;
|
|||
|
|
text-transform: inherit;
|
|||
|
|
text-shadow: inherit
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-input-input[type=search]::-webkit-search-cancel-button, .uni-input-input[type=search]::-webkit-search-decoration {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-input-input::-webkit-inner-spin-button, .uni-input-input::-webkit-outer-spin-button {
|
|||
|
|
-webkit-appearance: none;
|
|||
|
|
margin: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-input-input[type=number] {
|
|||
|
|
-moz-appearance: textfield
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-input-input:disabled {
|
|||
|
|
-webkit-text-fill-color: currentcolor
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-label-pointer {
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-movable-area {
|
|||
|
|
display: block;
|
|||
|
|
position: relative;
|
|||
|
|
width: 10px;
|
|||
|
|
height: 10px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-movable-area[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-movable-view {
|
|||
|
|
display: inline-block;
|
|||
|
|
width: 10px;
|
|||
|
|
height: 10px;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
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,.1);
|
|||
|
|
opacity: .7
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-picker-view-column {
|
|||
|
|
-webkit-flex: 1;
|
|||
|
|
-webkit-box-flex: 1;
|
|||
|
|
flex: 1;
|
|||
|
|
position: relative;
|
|||
|
|
height: 100%;
|
|||
|
|
overflow: hidden
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-picker-view-column[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-view-group {
|
|||
|
|
height: 100%;
|
|||
|
|
overflow: hidden
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-view-mask {
|
|||
|
|
transform: translateZ(0);
|
|||
|
|
-webkit-transform: translateZ(0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-view-indicator, .uni-picker-view-mask {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
z-index: 3;
|
|||
|
|
pointer-events: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-view-mask {
|
|||
|
|
top: 0;
|
|||
|
|
height: 100%;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
background: -webkit-linear-gradient(top,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));
|
|||
|
|
background: linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));
|
|||
|
|
background-position: top,bottom;
|
|||
|
|
background-size: 100% 102px;
|
|||
|
|
background-repeat: no-repeat
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-view-indicator {
|
|||
|
|
height: 34px;
|
|||
|
|
top: 50%;
|
|||
|
|
-webkit-transform: translateY(-50%);
|
|||
|
|
transform: translateY(-50%)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-view-content {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
will-change: transform;
|
|||
|
|
padding: 102px 0;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-view-content > * {
|
|||
|
|
height: 34px;
|
|||
|
|
overflow: hidden
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-view-indicator:before {
|
|||
|
|
top: 0;
|
|||
|
|
border-top: 1px solid #e5e5e5;
|
|||
|
|
-webkit-transform-origin: 0 0;
|
|||
|
|
transform-origin: 0 0;
|
|||
|
|
-webkit-transform: scaleY(.5);
|
|||
|
|
transform: scaleY(.5)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-view-indicator:after {
|
|||
|
|
bottom: 0;
|
|||
|
|
border-bottom: 1px solid #e5e5e5;
|
|||
|
|
-webkit-transform-origin: 0 100%;
|
|||
|
|
transform-origin: 0 100%;
|
|||
|
|
-webkit-transform: scaleY(.5);
|
|||
|
|
transform: scaleY(.5)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-view-indicator:after, .uni-picker-view-indicator:before {
|
|||
|
|
content: " ";
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
height: 1px;
|
|||
|
|
color: #e5e5e5
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-picker-view {
|
|||
|
|
display: block
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-picker-view .uni-picker-view-wrapper {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex;
|
|||
|
|
position: relative;
|
|||
|
|
overflow: hidden;
|
|||
|
|
height: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-picker-view[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-progress {
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-align-items: center;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
align-items: center
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-progress[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-progress-bar {
|
|||
|
|
-webkit-flex: 1;
|
|||
|
|
-webkit-box-flex: 1;
|
|||
|
|
flex: 1
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-progress-inner-bar {
|
|||
|
|
width: 0;
|
|||
|
|
height: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-progress-info {
|
|||
|
|
margin-top: 0;
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
min-width: 2em;
|
|||
|
|
margin-left: 15px;
|
|||
|
|
font-size: 16px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-radio-group[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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: -webkit-inline-box;
|
|||
|
|
display: inline-flex;
|
|||
|
|
-webkit-align-items: center;
|
|||
|
|
-webkit-box-align: 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: #fff;
|
|||
|
|
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: #fff;
|
|||
|
|
font-size: 18px;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 50%;
|
|||
|
|
left: 50%;
|
|||
|
|
transform: translate(-50%,-48%) scale(.73);
|
|||
|
|
-webkit-transform: translate(-50%,-48%) scale(.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
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@-webkit-keyframes once-show {
|
|||
|
|
0% {
|
|||
|
|
top: 0
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes once-show {
|
|||
|
|
0% {
|
|||
|
|
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;
|
|||
|
|
-webkit-animation: once-show 1ms;
|
|||
|
|
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 {
|
|||
|
|
-webkit-overflow-scrolling: touch;
|
|||
|
|
max-height: inherit
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-scroll-view, .uni-scroll-view-content {
|
|||
|
|
position: relative;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-scroll-view-refresher {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
-webkit-transform: translateY(-100%);
|
|||
|
|
transform: translateY(-100%);
|
|||
|
|
overflow: hidden
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-scroll-view-refresh {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
-webkit-box-orient: horizontal;
|
|||
|
|
-webkit-box-direction: normal;
|
|||
|
|
-webkit-flex-direction: row;
|
|||
|
|
flex-direction: row
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-scroll-view-refresh, .uni-scroll-view-refresh-inner {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-pack: center;
|
|||
|
|
-webkit-justify-content: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-webkit-align-items: center;
|
|||
|
|
align-items: center
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-scroll-view-refresh-inner {
|
|||
|
|
line-height: 0;
|
|||
|
|
width: 40px;
|
|||
|
|
height: 40px;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
background-color: #fff;
|
|||
|
|
box-shadow: 0 1px 6px rgba(0,0,0,.117647),0 1px 4px rgba(0,0,0,.117647)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-scroll-view-refresh__spinner {
|
|||
|
|
-webkit-transform-origin: center center;
|
|||
|
|
transform-origin: center center;
|
|||
|
|
-webkit-animation: uni-scroll-view-refresh-rotate 2s linear infinite;
|
|||
|
|
animation: uni-scroll-view-refresh-rotate 2s linear infinite
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-scroll-view-refresh__spinner > circle {
|
|||
|
|
stroke: currentColor;
|
|||
|
|
stroke-linecap: round;
|
|||
|
|
-webkit-animation: uni-scroll-view-refresh-dash 2s linear infinite;
|
|||
|
|
animation: uni-scroll-view-refresh-dash 2s linear infinite
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@-webkit-keyframes uni-scroll-view-refresh-rotate {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform: rotate(0deg);
|
|||
|
|
transform: rotate(0deg)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
to {
|
|||
|
|
-webkit-transform: rotate(1turn);
|
|||
|
|
transform: rotate(1turn)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes uni-scroll-view-refresh-rotate {
|
|||
|
|
0% {
|
|||
|
|
-webkit-transform: rotate(0deg);
|
|||
|
|
transform: rotate(0deg)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
to {
|
|||
|
|
-webkit-transform: rotate(1turn);
|
|||
|
|
transform: rotate(1turn)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@-webkit-keyframes uni-scroll-view-refresh-dash {
|
|||
|
|
0% {
|
|||
|
|
stroke-dasharray: 1,200;
|
|||
|
|
stroke-dashoffset: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
50% {
|
|||
|
|
stroke-dasharray: 89,200;
|
|||
|
|
stroke-dashoffset: -35px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
to {
|
|||
|
|
stroke-dasharray: 89,200;
|
|||
|
|
stroke-dashoffset: -124px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes uni-scroll-view-refresh-dash {
|
|||
|
|
0% {
|
|||
|
|
stroke-dasharray: 1,200;
|
|||
|
|
stroke-dashoffset: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
50% {
|
|||
|
|
stroke-dasharray: 89,200;
|
|||
|
|
stroke-dashoffset: -35px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
to {
|
|||
|
|
stroke-dasharray: 89,200;
|
|||
|
|
stroke-dashoffset: -124px
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-slider {
|
|||
|
|
margin: 10px 18px;
|
|||
|
|
padding: 0;
|
|||
|
|
display: block
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-slider[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-slider .uni-slider-wrapper {
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-align-items: center;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
align-items: center;
|
|||
|
|
min-height: 16px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-slider .uni-slider-tap-area {
|
|||
|
|
-webkit-flex: 1;
|
|||
|
|
-webkit-box-flex: 1;
|
|||
|
|
flex: 1;
|
|||
|
|
padding: 8px 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-slider .uni-slider-handle-wrapper {
|
|||
|
|
position: relative;
|
|||
|
|
height: 2px;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
background-color: #e9e9e9;
|
|||
|
|
cursor: pointer;
|
|||
|
|
-webkit-tap-highlight-color: transparent
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-slider .uni-slider-handle-wrapper, uni-slider .uni-slider-track {
|
|||
|
|
-webkit-transition: background-color .3s ease;
|
|||
|
|
transition: background-color .3s ease
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-slider .uni-slider-track {
|
|||
|
|
height: 100%;
|
|||
|
|
border-radius: 6px;
|
|||
|
|
background-color: #007aff
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-slider .uni-slider-handle, uni-slider .uni-slider-thumb {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 50%;
|
|||
|
|
top: 50%;
|
|||
|
|
cursor: pointer;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
-webkit-transition: border-color .3s ease;
|
|||
|
|
transition: border-color .3s ease
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-slider .uni-slider-handle {
|
|||
|
|
width: 28px;
|
|||
|
|
height: 28px;
|
|||
|
|
margin-top: -14px;
|
|||
|
|
margin-left: -14px;
|
|||
|
|
background-color: rgba(0,0,0,0);
|
|||
|
|
z-index: 3;
|
|||
|
|
cursor: grab
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-slider .uni-slider-thumb {
|
|||
|
|
z-index: 2;
|
|||
|
|
box-shadow: 0 0 4px rgba(0,0,0,.2)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-slider .uni-slider-step {
|
|||
|
|
position: absolute;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 2px;
|
|||
|
|
background: rgba(0,0,0,0);
|
|||
|
|
z-index: 1
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-slider .uni-slider-value {
|
|||
|
|
width: 3ch;
|
|||
|
|
color: #888;
|
|||
|
|
font-size: 14px;
|
|||
|
|
margin-left: 1em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-slider .uni-slider-disabled .uni-slider-track {
|
|||
|
|
background-color: #ccc
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-slider .uni-slider-disabled .uni-slider-thumb {
|
|||
|
|
background-color: #fff;
|
|||
|
|
border-color: #ccc
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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-swiper {
|
|||
|
|
display: block;
|
|||
|
|
height: 150px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-swiper[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-swiper .uni-swiper-wrapper {
|
|||
|
|
overflow: hidden;
|
|||
|
|
position: relative;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
-webkit-transform: translateZ(0);
|
|||
|
|
transform: translateZ(0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-swiper .uni-swiper-slides {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-swiper .uni-swiper-slide-frame {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
will-change: transform
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-swiper .uni-swiper-dots {
|
|||
|
|
position: absolute;
|
|||
|
|
font-size: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-swiper .uni-swiper-dots-horizontal {
|
|||
|
|
left: 50%;
|
|||
|
|
bottom: 10px;
|
|||
|
|
text-align: center;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
-webkit-transform: translate(-50%);
|
|||
|
|
transform: translate(-50%)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-swiper .uni-swiper-dots-horizontal .uni-swiper-dot {
|
|||
|
|
margin-right: 8px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-swiper .uni-swiper-dots-horizontal .uni-swiper-dot:last-child {
|
|||
|
|
margin-right: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-swiper .uni-swiper-dots-vertical {
|
|||
|
|
right: 10px;
|
|||
|
|
top: 50%;
|
|||
|
|
text-align: right;
|
|||
|
|
-webkit-transform: translateY(-50%);
|
|||
|
|
transform: translateY(-50%)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-swiper .uni-swiper-dots-vertical .uni-swiper-dot {
|
|||
|
|
display: block;
|
|||
|
|
margin-bottom: 9px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-swiper .uni-swiper-dots-vertical .uni-swiper-dot:last-child {
|
|||
|
|
margin-bottom: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-swiper .uni-swiper-dot {
|
|||
|
|
display: inline-block;
|
|||
|
|
width: 8px;
|
|||
|
|
height: 8px;
|
|||
|
|
cursor: pointer;
|
|||
|
|
-webkit-transition-property: background-color;
|
|||
|
|
transition-property: background-color;
|
|||
|
|
-webkit-transition-timing-function: ease;
|
|||
|
|
transition-timing-function: ease;
|
|||
|
|
background: rgba(0,0,0,.3);
|
|||
|
|
border-radius: 50%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-swiper .uni-swiper-dot-active {
|
|||
|
|
background-color: #000
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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: -webkit-inline-box;
|
|||
|
|
display: inline-flex;
|
|||
|
|
-webkit-align-items: center;
|
|||
|
|
-webkit-box-align: 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;
|
|||
|
|
-webkit-transition: background-color .1s,border .1s;
|
|||
|
|
transition: background-color .1s,border .1s
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-switch[disabled] .uni-switch-input {
|
|||
|
|
opacity: .7
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-switch .uni-switch-input:before {
|
|||
|
|
width: 50px;
|
|||
|
|
background-color: #fdfdfd
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-switch .uni-switch-input:after, uni-switch .uni-switch-input:before {
|
|||
|
|
content: " ";
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
height: 30px;
|
|||
|
|
border-radius: 15px;
|
|||
|
|
transition: -webkit-transform .3s;
|
|||
|
|
-webkit-transition: -webkit-transform .3s;
|
|||
|
|
transition: transform .3s;
|
|||
|
|
transition: transform .3s,-webkit-transform .3s
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-switch .uni-switch-input:after {
|
|||
|
|
width: 30px;
|
|||
|
|
background-color: #fff;
|
|||
|
|
box-shadow: 0 1px 3px rgba(0,0,0,.4)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
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: #fff;
|
|||
|
|
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(.73);
|
|||
|
|
-webkit-transform: translate(-50%,-48%) scale(.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-compute, .uni-textarea-line, .uni-textarea-placeholder, .uni-textarea-textarea, .uni-textarea-wrapper {
|
|||
|
|
outline: none;
|
|||
|
|
border: none;
|
|||
|
|
padding: 0;
|
|||
|
|
margin: 0;
|
|||
|
|
text-decoration: inherit
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-textarea-wrapper {
|
|||
|
|
display: block;
|
|||
|
|
position: relative;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
min-height: inherit
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-textarea-compute, .uni-textarea-line, .uni-textarea-placeholder, .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-compute, .uni-textarea-line {
|
|||
|
|
visibility: hidden;
|
|||
|
|
height: auto
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-textarea-line {
|
|||
|
|
width: 1em
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-textarea-textarea {
|
|||
|
|
resize: none;
|
|||
|
|
background: none;
|
|||
|
|
color: inherit;
|
|||
|
|
opacity: 1;
|
|||
|
|
font: inherit;
|
|||
|
|
line-height: inherit;
|
|||
|
|
letter-spacing: inherit;
|
|||
|
|
text-align: inherit;
|
|||
|
|
text-indent: inherit;
|
|||
|
|
text-transform: inherit;
|
|||
|
|
text-shadow: inherit
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-textarea-textarea-fix-margin {
|
|||
|
|
width: auto;
|
|||
|
|
right: 0;
|
|||
|
|
margin: 0 -3px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-textarea-textarea:disabled {
|
|||
|
|
-webkit-text-fill-color: currentcolor
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-view {
|
|||
|
|
display: block
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-view[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-ad {
|
|||
|
|
display: block;
|
|||
|
|
overflow: hidden
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-ad[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-cover-image {
|
|||
|
|
display: block;
|
|||
|
|
line-height: 1.2;
|
|||
|
|
overflow: hidden;
|
|||
|
|
pointer-events: auto
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-cover-image, uni-cover-image img {
|
|||
|
|
height: 100%;
|
|||
|
|
width: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-cover-image[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-cover-image .uni-cover-image {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
text-overflow: inherit;
|
|||
|
|
overflow: inherit;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
-webkit-align-items: inherit;
|
|||
|
|
-webkit-box-align: inherit;
|
|||
|
|
align-items: inherit;
|
|||
|
|
-webkit-justify-content: inherit;
|
|||
|
|
-webkit-box-pack: inherit;
|
|||
|
|
justify-content: inherit;
|
|||
|
|
-webkit-flex-direction: inherit;
|
|||
|
|
-webkit-box-orient: inherit;
|
|||
|
|
-webkit-box-direction: inherit;
|
|||
|
|
flex-direction: inherit;
|
|||
|
|
font-size: 0;
|
|||
|
|
display: inherit
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-cover-view {
|
|||
|
|
display: block;
|
|||
|
|
line-height: 1.2;
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
pointer-events: auto
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-cover-view[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-cover-view .uni-cover-view {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
text-overflow: inherit;
|
|||
|
|
overflow: hidden;
|
|||
|
|
white-space: inherit;
|
|||
|
|
-webkit-align-items: inherit;
|
|||
|
|
-webkit-box-align: inherit;
|
|||
|
|
align-items: inherit;
|
|||
|
|
-webkit-justify-content: inherit;
|
|||
|
|
-webkit-box-pack: inherit;
|
|||
|
|
justify-content: inherit;
|
|||
|
|
-webkit-flex-direction: inherit;
|
|||
|
|
-webkit-box-orient: inherit;
|
|||
|
|
-webkit-box-direction: inherit;
|
|||
|
|
flex-direction: inherit;
|
|||
|
|
-webkit-flex-wrap: inherit;
|
|||
|
|
flex-wrap: inherit;
|
|||
|
|
display: inherit;
|
|||
|
|
overflow: inherit
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-map {
|
|||
|
|
position: relative;
|
|||
|
|
width: 300px;
|
|||
|
|
height: 150px;
|
|||
|
|
display: block
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-map[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-picker {
|
|||
|
|
position: relative;
|
|||
|
|
display: block;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-picker[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-picker[disabled] {
|
|||
|
|
cursor: not-allowed
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-container {
|
|||
|
|
display: none;
|
|||
|
|
position: fixed;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
top: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
z-index: 999;
|
|||
|
|
font-size: 16px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-container .uni-picker-custom * {
|
|||
|
|
box-sizing: border-box
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-container .uni-picker-custom {
|
|||
|
|
position: fixed;
|
|||
|
|
left: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
-webkit-transform: translateY(100%);
|
|||
|
|
transform: translateY(100%);
|
|||
|
|
-webkit-backface-visibility: hidden;
|
|||
|
|
backface-visibility: hidden;
|
|||
|
|
z-index: 999;
|
|||
|
|
width: 100%;
|
|||
|
|
background-color: #efeff4;
|
|||
|
|
visibility: hidden;
|
|||
|
|
-webkit-transition: visibility .3s,-webkit-transform .3s;
|
|||
|
|
transition: visibility .3s,-webkit-transform .3s;
|
|||
|
|
transition: transform .3s,visibility .3s;
|
|||
|
|
transition: transform .3s,visibility .3s,-webkit-transform .3s
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-container .uni-picker-custom.uni-picker-toggle {
|
|||
|
|
visibility: visible;
|
|||
|
|
-webkit-transform: translate(0);
|
|||
|
|
transform: translate(0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-container .uni-picker-content {
|
|||
|
|
position: relative;
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 238px;
|
|||
|
|
background-color: #fff
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-container .uni-picker-item {
|
|||
|
|
padding: 0;
|
|||
|
|
height: 34px;
|
|||
|
|
line-height: 34px;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #000;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
overflow: hidden;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-container .uni-picker-header {
|
|||
|
|
display: block;
|
|||
|
|
position: relative;
|
|||
|
|
text-align: center;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 45px;
|
|||
|
|
background-color: #fff
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-container .uni-picker-header:after {
|
|||
|
|
content: "";
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
right: 0;
|
|||
|
|
height: 1px;
|
|||
|
|
clear: both;
|
|||
|
|
border-bottom: 1px solid #e5e5e5;
|
|||
|
|
color: #e5e5e5;
|
|||
|
|
-webkit-transform-origin: 0 100%;
|
|||
|
|
transform-origin: 0 100%;
|
|||
|
|
-webkit-transform: scaleY(.5);
|
|||
|
|
transform: scaleY(.5)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-container .uni-picker-action {
|
|||
|
|
display: block;
|
|||
|
|
max-width: 50%;
|
|||
|
|
top: 0;
|
|||
|
|
height: 100%;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
padding: 0 14px;
|
|||
|
|
font-size: 17px;
|
|||
|
|
line-height: 45px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-container .uni-picker-action.uni-picker-action-cancel {
|
|||
|
|
float: left;
|
|||
|
|
color: #888
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-container .uni-picker-action.uni-picker-action-confirm {
|
|||
|
|
float: right;
|
|||
|
|
color: #007aff
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-container .uni-picker-select {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-system {
|
|||
|
|
position: absolute;
|
|||
|
|
display: none;
|
|||
|
|
display: block;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
overflow: hidden
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-system > input {
|
|||
|
|
position: absolute;
|
|||
|
|
border: none;
|
|||
|
|
height: 100%;
|
|||
|
|
opacity: 0;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-system > input.firefox {
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-system > input.chrome {
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 2em;
|
|||
|
|
font-size: 32px;
|
|||
|
|
height: 32px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media screen and (min-width:500px) and (min-height:500px) {
|
|||
|
|
.uni-mask.uni-picker-mask {
|
|||
|
|
background: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-container .uni-picker-custom {
|
|||
|
|
width: 300px;
|
|||
|
|
left: 50%;
|
|||
|
|
right: auto;
|
|||
|
|
top: 50%;
|
|||
|
|
bottom: auto;
|
|||
|
|
-webkit-transform: translate(-50%,-50%);
|
|||
|
|
transform: translate(-50%,-50%);
|
|||
|
|
opacity: 0;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
-webkit-transition: opacity .3s,visibility .3s;
|
|||
|
|
transition: opacity .3s,visibility .3s;
|
|||
|
|
box-shadow: 0 0 20px 5px rgba(0,0,0,.3)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-container .uni-picker-header {
|
|||
|
|
border-radius: 5px 5px 0 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-container .uni-picker-content {
|
|||
|
|
-webkit-transform: translate(0);
|
|||
|
|
transform: translate(0);
|
|||
|
|
overflow: hidden;
|
|||
|
|
border-radius: 0 0 5px 5px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-picker-container .uni-picker-custom.uni-picker-toggle {
|
|||
|
|
opacity: 1;
|
|||
|
|
-webkit-transform: translate(-50%,-50%);
|
|||
|
|
transform: translate(-50%,-50%)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-selector-select .uni-picker-content, .uni-selector-select .uni-picker-header {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-selector-select .uni-picker-select {
|
|||
|
|
display: block;
|
|||
|
|
max-height: 300px;
|
|||
|
|
overflow: auto;
|
|||
|
|
background-color: #fff;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
padding: 6px 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-selector-select .uni-picker-item {
|
|||
|
|
padding: 0 10px;
|
|||
|
|
color: #555
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-selector-select .uni-picker-item:hover {
|
|||
|
|
background-color: #f6f6f6
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-selector-select .uni-picker-item.selected {
|
|||
|
|
color: #007aff
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-video {
|
|||
|
|
width: 300px;
|
|||
|
|
height: 225px;
|
|||
|
|
display: inline-block;
|
|||
|
|
line-height: 0;
|
|||
|
|
overflow: hidden;
|
|||
|
|
position: relative
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-video[hidden] {
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-container {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
background-color: #000;
|
|||
|
|
display: inline-block;
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
overflow: hidden;
|
|||
|
|
object-position: inherit
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-container.uni-video-type-fullscreen {
|
|||
|
|
position: fixed;
|
|||
|
|
z-index: 999
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-video {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
object-position: inherit
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-cover {
|
|||
|
|
bottom: 0;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
-webkit-box-direction: normal;
|
|||
|
|
-webkit-flex-direction: column;
|
|||
|
|
flex-direction: column;
|
|||
|
|
-webkit-box-pack: center;
|
|||
|
|
-webkit-justify-content: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-webkit-align-items: center;
|
|||
|
|
align-items: center;
|
|||
|
|
background-color: rgba(1,1,1,.5);
|
|||
|
|
z-index: 1
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-cover, .uni-video-slots {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
width: 100%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-slots {
|
|||
|
|
height: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
pointer-events: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-cover-play-button {
|
|||
|
|
width: 40px;
|
|||
|
|
height: 40px;
|
|||
|
|
background-size: 50%;
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-position: 50% 50%;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-cover-duration {
|
|||
|
|
color: #fff;
|
|||
|
|
font-size: 16px;
|
|||
|
|
line-height: 1;
|
|||
|
|
margin-top: 10px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-bar {
|
|||
|
|
height: 44px;
|
|||
|
|
background-color: rgba(0,0,0,.5);
|
|||
|
|
overflow: hidden;
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: 0;
|
|||
|
|
right: 0;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-align: center;
|
|||
|
|
-webkit-align-items: center;
|
|||
|
|
align-items: center;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
z-index: 0;
|
|||
|
|
-webkit-transform: translateZ(0);
|
|||
|
|
transform: translateZ(0)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-bar.uni-video-bar-full {
|
|||
|
|
left: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-controls {
|
|||
|
|
display: -webkit-box;
|
|||
|
|
display: -webkit-flex;
|
|||
|
|
display: flex;
|
|||
|
|
-webkit-box-flex: 1;
|
|||
|
|
-webkit-flex-grow: 1;
|
|||
|
|
flex-grow: 1;
|
|||
|
|
margin: 0 8.5px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-control-button {
|
|||
|
|
width: 13px;
|
|||
|
|
height: 15px;
|
|||
|
|
padding: 14.5px 12.5px 14.5px 12.5px;
|
|||
|
|
margin-left: -8.5px;
|
|||
|
|
box-sizing: content-box;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-control-button:after {
|
|||
|
|
content: "";
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
background-size: 100%;
|
|||
|
|
background-position: 50% 50%;
|
|||
|
|
background-repeat: no-repeat
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-control-button.uni-video-control-button-play:after, .uni-video-cover-play-button {
|
|||
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAeCAYAAAAy2w7YAAAAAXNSR0IArs4c6QAAAWhJREFUSA1j+P///0cgBoHjQGzCQCsAtgJB/AMy5wCxGNXtQ9iBwvoA5BUCMQvVLEQxHpNzDSjkRhXLMM3GKrIeKKpEkYVYjcUu+AMo3ALE3GRZiN1MvKKPgbIRJFuG10j8koeA0gZEW4jfLIKyf4EqpgOxMEELCRpFnIJ3QGU5QMyM00LizCFa1SWgSkeslhFtBGkKVwGVy6FYSJp+klR/A6quB2JOkIWMIK0oNlOf8xBoZDE9LAI7nYn6HsBq4l96WHQEaLUpAyiOaASeAM2NgvuPBpaACt82IEYtfKls0UagecpwXyAzqGTRdaA57sjmYrAptAjUsCkGYlYMg9EFyLQI1IiZB8Ti6Obh5JNh0QmgHlOcBuKSIMGi50C18UDMiMssvOJEWPQLqKYbiHnxGkRIkoBF24DyaoTMIEoeh0W3geI+RBlArCI0iz4D+RVAzEasfqLVAQ19AcSg5LoYiKWI1kiiQgCMBLnEEcfDSgAAAABJRU5ErkJggg==")
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-control-button.uni-video-control-button-pause:after {
|
|||
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAAXNSR0IArs4c6QAAAFlJREFUSA3tksEKACAIQ7X//5zq98wOgQayum8QaGweHhMzG/6OujzKAymn+0LMqivu1XznWmX8/echTIyMyAgTwA72iIwwAexgj8gIE8CO3aMRbDPMaEy5BRGaKcZv8YxRAAAAAElFTkSuQmCC")
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-current-time, .uni-video-duration {
|
|||
|
|
height: 14.5px;
|
|||
|
|
line-height: 14.5px;
|
|||
|
|
margin-top: 15px;
|
|||
|
|
margin-bottom: 14.5px;
|
|||
|
|
font-size: 12px;
|
|||
|
|
color: #cbcbcb
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-progress-container {
|
|||
|
|
-webkit-box-flex: 2;
|
|||
|
|
-webkit-flex-grow: 2;
|
|||
|
|
flex-grow: 2;
|
|||
|
|
position: relative
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-progress {
|
|||
|
|
height: 2px;
|
|||
|
|
margin: 21px 12px;
|
|||
|
|
background-color: hsla(0,0%,100%,.4);
|
|||
|
|
position: relative;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-progress-buffered {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
width: 0;
|
|||
|
|
height: 100%;
|
|||
|
|
-webkit-transition: width .1s;
|
|||
|
|
transition: width .1s;
|
|||
|
|
background-color: hsla(0,0%,100%,.8)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-ball {
|
|||
|
|
width: 16px;
|
|||
|
|
height: 16px;
|
|||
|
|
padding: 14px;
|
|||
|
|
position: absolute;
|
|||
|
|
top: -21px;
|
|||
|
|
box-sizing: content-box;
|
|||
|
|
left: 0;
|
|||
|
|
margin-left: -22px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-inner {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
background-color: #fff;
|
|||
|
|
border-radius: 50%
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-danmu-button {
|
|||
|
|
white-space: nowrap;
|
|||
|
|
line-height: 1;
|
|||
|
|
padding: 2px 10px;
|
|||
|
|
border: 1px solid #fff;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
font-size: 13px;
|
|||
|
|
color: #fff;
|
|||
|
|
margin: 0 8.5px;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-danmu-button.uni-video-danmu-button-active {
|
|||
|
|
border-color: #48c23d;
|
|||
|
|
color: #48c23d
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-fullscreen {
|
|||
|
|
width: 17px;
|
|||
|
|
height: 17px;
|
|||
|
|
padding: 8.5px;
|
|||
|
|
box-sizing: content-box;
|
|||
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAAAQRJREFUWAnt1d0NwiAQB/CmS7hHX5zFxLF0Ah2hE/lg7BT4PyMJUj6Oyt299BIioZT7ARYG59wLpTXmoXOMGO/QecxtwyWW4o42AupGALkFdX1MkHxE3Q7jIbQPqNthQogpJoZkMLRlsn/gFMQEk4OoY0oQVUwNoobhQFQwgMxUKFkt0C8+Zy61d8SeR5iHWCLOwF/MCb8Tp//ex3QFsE1HlCfKFUX2OijNFMnPKD7k76YcBoL402Zh8B77+MjlXrVvwfglXA32b0MrRgxCE2nBiEJaMOIQLkYFwsGoQWoYVUgJow4pYD4Weq4ayBqfwDYQmnUK0301kITujuawu65/l2B5A4z3Qe+Ut7EBAAAAAElFTkSuQmCC");
|
|||
|
|
background-size: 50%;
|
|||
|
|
background-position: 50% 50%;
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
cursor: pointer
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-fullscreen.uni-video-type-fullscreen {
|
|||
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAABBElEQVRYhcXWwQ3CMAwF0O+qOzAKQzAAl0pMxQQwQhmGKwcERxbgc4lEVdHUbm3zJR8qJemTo6YByS3JO8kjyQbGkHQpkOz4zcmK8YQ0BWDCkOxL+UDKombMYKwfZAkmDGLFhEIsmHCIFpMC0WDSIHOYVEgNkw6pYPIhE5j/QCoYF0g7eEkPYGej+cX82x/l6aIAIOb9CcrajrjFE/IAQGP1IgIRcYVsVs32+vx+nC9nWq6dAZDhOaPHBEDGh54O4w0pa9oxEZBFmCjIBGb6Qh4JMWGiIWpMBkSFyYLMYjIhNUw7N9GQi2aQiLxJHspjV+rl1hFrRp25uV2MRGQRBsAewPUD/HhJVOOuCzwAAAAASUVORK5CYII=")
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-danmu {
|
|||
|
|
position: absolute;
|
|||
|
|
top: 0;
|
|||
|
|
left: 0;
|
|||
|
|
bottom: 0;
|
|||
|
|
width: 100%;
|
|||
|
|
margin-top: 14px;
|
|||
|
|
margin-bottom: 44px;
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 14px;
|
|||
|
|
overflow: visible
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-danmu-item {
|
|||
|
|
line-height: 1;
|
|||
|
|
position: absolute;
|
|||
|
|
color: #fff;
|
|||
|
|
white-space: nowrap;
|
|||
|
|
left: 100%;
|
|||
|
|
-webkit-transform: translatex(0);
|
|||
|
|
transform: translatex(0);
|
|||
|
|
-webkit-transition-property: left,-webkit-transform;
|
|||
|
|
transition-property: left,-webkit-transform;
|
|||
|
|
transition-property: left,transform;
|
|||
|
|
transition-property: left,transform,-webkit-transform;
|
|||
|
|
-webkit-transition-duration: 3s;
|
|||
|
|
transition-duration: 3s;
|
|||
|
|
-webkit-transition-timing-function: linear;
|
|||
|
|
transition-timing-function: linear
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-toast {
|
|||
|
|
pointer-events: none;
|
|||
|
|
position: absolute;
|
|||
|
|
left: 50%;
|
|||
|
|
top: 50%;
|
|||
|
|
-webkit-transform: translate(-50%,-50%);
|
|||
|
|
transform: translate(-50%,-50%);
|
|||
|
|
border-radius: 5px;
|
|||
|
|
background-color: hsla(0,0%,100%,.8);
|
|||
|
|
color: #000;
|
|||
|
|
display: none
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-toast.uni-video-toast-volume {
|
|||
|
|
width: 100px;
|
|||
|
|
height: 100px;
|
|||
|
|
display: block
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-toast-volume .uni-video-toast-title {
|
|||
|
|
width: 100%;
|
|||
|
|
font-size: 12px;
|
|||
|
|
line-height: 16px;
|
|||
|
|
text-align: center;
|
|||
|
|
margin-top: 10px;
|
|||
|
|
display: block
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-toast-volume .uni-video-toast-icon {
|
|||
|
|
fill: #000;
|
|||
|
|
width: 50%;
|
|||
|
|
height: 50%;
|
|||
|
|
margin-left: 25%;
|
|||
|
|
display: block
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-toast-volume .uni-video-toast-value {
|
|||
|
|
width: 80px;
|
|||
|
|
height: 5px;
|
|||
|
|
margin-top: 5px;
|
|||
|
|
margin-left: 10px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-toast-volume .uni-video-toast-value > .uni-video-toast-value-content {
|
|||
|
|
overflow: hidden
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-toast-volume-grids {
|
|||
|
|
width: 80px;
|
|||
|
|
height: 5px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-toast-volume-grids-item {
|
|||
|
|
float: left;
|
|||
|
|
width: 7.1px;
|
|||
|
|
height: 5px;
|
|||
|
|
background-color: #000
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-toast-volume-grids-item:not(:first-child) {
|
|||
|
|
margin-left: 1px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.uni-video-toast.uni-video-toast-progress {
|
|||
|
|
display: block;
|
|||
|
|
background-color: rgba(0,0,0,.8);
|
|||
|
|
color: #fff;
|
|||
|
|
font-size: 14px;
|
|||
|
|
line-height: 18px;
|
|||
|
|
padding: 6px
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
uni-web-view {
|
|||
|
|
position: absolute;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
top: 0;
|
|||
|
|
bottom: 0
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body::after {
|
|||
|
|
position: fixed;
|
|||
|
|
content: '';
|
|||
|
|
left: -1000px;
|
|||
|
|
top: -1000px;
|
|||
|
|
-webkit-animation: shadow-preload .1s;
|
|||
|
|
-webkit-animation-delay: 3s;
|
|||
|
|
animation: shadow-preload .1s;
|
|||
|
|
animation-delay: 3s
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@-webkit-keyframes shadow-preload {
|
|||
|
|
0% {
|
|||
|
|
background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
100% {
|
|||
|
|
background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@keyframes shadow-preload {
|
|||
|
|
0% {
|
|||
|
|
background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
100% {
|
|||
|
|
background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
|
|||
|
|
}
|
|||
|
|
}
|