feat:还原更新框架
This commit is contained in:
@@ -1,311 +1,311 @@
|
||||
.u-primary-light {
|
||||
color: $u-primary-light;
|
||||
}
|
||||
|
||||
.u-warning-light {
|
||||
color: $u-warning-light;
|
||||
}
|
||||
|
||||
.u-success-light {
|
||||
color: $u-success-light;
|
||||
}
|
||||
|
||||
.u-error-light {
|
||||
color: $u-error-light;
|
||||
}
|
||||
|
||||
.u-info-light {
|
||||
color: $u-info-light;
|
||||
}
|
||||
|
||||
.u-primary-light-bg {
|
||||
background-color: $u-primary-light;
|
||||
}
|
||||
|
||||
.u-warning-light-bg {
|
||||
background-color: $u-warning-light;
|
||||
}
|
||||
|
||||
.u-success-light-bg {
|
||||
background-color: $u-success-light;
|
||||
}
|
||||
|
||||
.u-error-light-bg {
|
||||
background-color: $u-error-light;
|
||||
}
|
||||
|
||||
.u-info-light-bg {
|
||||
background-color: $u-info-light;
|
||||
}
|
||||
|
||||
.u-primary-dark {
|
||||
color: $u-primary-dark;
|
||||
}
|
||||
|
||||
.u-warning-dark {
|
||||
color: $u-warning-dark;
|
||||
}
|
||||
|
||||
.u-success-dark {
|
||||
color: $u-success-dark;
|
||||
}
|
||||
|
||||
.u-error-dark {
|
||||
color: $u-error-dark;
|
||||
}
|
||||
|
||||
.u-info-dark {
|
||||
color: $u-info-dark;
|
||||
}
|
||||
|
||||
.u-primary-dark-bg {
|
||||
background-color: $u-primary-dark;
|
||||
}
|
||||
|
||||
.u-warning-dark-bg {
|
||||
background-color: $u-warning-dark;
|
||||
}
|
||||
|
||||
.u-success-dark-bg {
|
||||
background-color: $u-success-dark;
|
||||
}
|
||||
|
||||
.u-error-dark-bg {
|
||||
background-color: $u-error-dark;
|
||||
}
|
||||
|
||||
.u-info-dark-bg {
|
||||
background-color: $u-info-dark;
|
||||
}
|
||||
|
||||
.u-primary-disabled {
|
||||
color: $u-primary-disabled;
|
||||
}
|
||||
|
||||
.u-warning-disabled {
|
||||
color: $u-warning-disabled;
|
||||
}
|
||||
|
||||
.u-success-disabled {
|
||||
color: $u-success-disabled;
|
||||
}
|
||||
|
||||
.u-error-disabled {
|
||||
color: $u-error-disabled;
|
||||
}
|
||||
|
||||
.u-info-disabled {
|
||||
color: $u-info-disabled;
|
||||
}
|
||||
|
||||
.u-primary {
|
||||
color: $u-primary;
|
||||
}
|
||||
|
||||
.u-warning {
|
||||
color: $u-warning;
|
||||
}
|
||||
|
||||
.u-success {
|
||||
color: $u-success;
|
||||
}
|
||||
|
||||
.u-error {
|
||||
color: $u-error;
|
||||
}
|
||||
|
||||
.u-info {
|
||||
color: $u-info;
|
||||
}
|
||||
|
||||
.u-primary-bg {
|
||||
background-color: $u-primary;
|
||||
}
|
||||
|
||||
.u-warning-bg {
|
||||
background-color: $u-warning;
|
||||
}
|
||||
|
||||
.u-success-bg {
|
||||
background-color: $u-success;
|
||||
}
|
||||
|
||||
.u-error-bg {
|
||||
background-color: $u-error;
|
||||
}
|
||||
|
||||
.u-info-bg {
|
||||
background-color: $u-info;
|
||||
}
|
||||
|
||||
.u-main-color {
|
||||
color: $u-main-color;
|
||||
}
|
||||
|
||||
.u-content-color {
|
||||
color: $u-content-color;
|
||||
}
|
||||
|
||||
.u-tips-color {
|
||||
color: $u-tips-color;
|
||||
}
|
||||
|
||||
.u-light-color {
|
||||
color: $u-light-color;
|
||||
}
|
||||
|
||||
.up-primary-light {
|
||||
color: $u-primary-light;
|
||||
}
|
||||
|
||||
.up-warning-light {
|
||||
color: $u-warning-light;
|
||||
}
|
||||
|
||||
.up-success-light {
|
||||
color: $u-success-light;
|
||||
}
|
||||
|
||||
.up-error-light {
|
||||
color: $u-error-light;
|
||||
}
|
||||
|
||||
.up-info-light {
|
||||
color: $u-info-light;
|
||||
}
|
||||
|
||||
.up-primary-light-bg {
|
||||
background-color: $u-primary-light;
|
||||
}
|
||||
|
||||
.up-warning-light-bg {
|
||||
background-color: $u-warning-light;
|
||||
}
|
||||
|
||||
.up-success-light-bg {
|
||||
background-color: $u-success-light;
|
||||
}
|
||||
|
||||
.up-error-light-bg {
|
||||
background-color: $u-error-light;
|
||||
}
|
||||
|
||||
.up-info-light-bg {
|
||||
background-color: $u-info-light;
|
||||
}
|
||||
|
||||
.up-primary-dark {
|
||||
color: $u-primary-dark;
|
||||
}
|
||||
|
||||
.up-warning-dark {
|
||||
color: $u-warning-dark;
|
||||
}
|
||||
|
||||
.up-success-dark {
|
||||
color: $u-success-dark;
|
||||
}
|
||||
|
||||
.up-error-dark {
|
||||
color: $u-error-dark;
|
||||
}
|
||||
|
||||
.up-info-dark {
|
||||
color: $u-info-dark;
|
||||
}
|
||||
|
||||
.up-primary-dark-bg {
|
||||
background-color: $u-primary-dark;
|
||||
}
|
||||
|
||||
.up-warning-dark-bg {
|
||||
background-color: $u-warning-dark;
|
||||
}
|
||||
|
||||
.up-success-dark-bg {
|
||||
background-color: $u-success-dark;
|
||||
}
|
||||
|
||||
.up-error-dark-bg {
|
||||
background-color: $u-error-dark;
|
||||
}
|
||||
|
||||
.up-info-dark-bg {
|
||||
background-color: $u-info-dark;
|
||||
}
|
||||
|
||||
.up-primary-disabled {
|
||||
color: $u-primary-disabled;
|
||||
}
|
||||
|
||||
.up-warning-disabled {
|
||||
color: $u-warning-disabled;
|
||||
}
|
||||
|
||||
.up-success-disabled {
|
||||
color: $u-success-disabled;
|
||||
}
|
||||
|
||||
.up-error-disabled {
|
||||
color: $u-error-disabled;
|
||||
}
|
||||
|
||||
.up-info-disabled {
|
||||
color: $u-info-disabled;
|
||||
}
|
||||
|
||||
.up-primary {
|
||||
color: $u-primary;
|
||||
}
|
||||
|
||||
.up-warning {
|
||||
color: $u-warning;
|
||||
}
|
||||
|
||||
.up-success {
|
||||
color: $u-success;
|
||||
}
|
||||
|
||||
.up-error {
|
||||
color: $u-error;
|
||||
}
|
||||
|
||||
.up-info {
|
||||
color: $u-info;
|
||||
}
|
||||
|
||||
.up-primary-bg {
|
||||
background-color: $u-primary;
|
||||
}
|
||||
|
||||
.up-warning-bg {
|
||||
background-color: $u-warning;
|
||||
}
|
||||
|
||||
.up-success-bg {
|
||||
background-color: $u-success;
|
||||
}
|
||||
|
||||
.up-error-bg {
|
||||
background-color: $u-error;
|
||||
}
|
||||
|
||||
.up-info-bg {
|
||||
background-color: $u-info;
|
||||
}
|
||||
|
||||
.up-main-color {
|
||||
color: $u-main-color;
|
||||
}
|
||||
|
||||
.up-content-color {
|
||||
color: $u-content-color;
|
||||
}
|
||||
|
||||
.up-tips-color {
|
||||
color: $u-tips-color;
|
||||
}
|
||||
|
||||
.up-light-color {
|
||||
color: $u-light-color;
|
||||
}
|
||||
.u-primary-light {
|
||||
color: $u-primary-light;
|
||||
}
|
||||
|
||||
.u-warning-light {
|
||||
color: $u-warning-light;
|
||||
}
|
||||
|
||||
.u-success-light {
|
||||
color: $u-success-light;
|
||||
}
|
||||
|
||||
.u-error-light {
|
||||
color: $u-error-light;
|
||||
}
|
||||
|
||||
.u-info-light {
|
||||
color: $u-info-light;
|
||||
}
|
||||
|
||||
.u-primary-light-bg {
|
||||
background-color: $u-primary-light;
|
||||
}
|
||||
|
||||
.u-warning-light-bg {
|
||||
background-color: $u-warning-light;
|
||||
}
|
||||
|
||||
.u-success-light-bg {
|
||||
background-color: $u-success-light;
|
||||
}
|
||||
|
||||
.u-error-light-bg {
|
||||
background-color: $u-error-light;
|
||||
}
|
||||
|
||||
.u-info-light-bg {
|
||||
background-color: $u-info-light;
|
||||
}
|
||||
|
||||
.u-primary-dark {
|
||||
color: $u-primary-dark;
|
||||
}
|
||||
|
||||
.u-warning-dark {
|
||||
color: $u-warning-dark;
|
||||
}
|
||||
|
||||
.u-success-dark {
|
||||
color: $u-success-dark;
|
||||
}
|
||||
|
||||
.u-error-dark {
|
||||
color: $u-error-dark;
|
||||
}
|
||||
|
||||
.u-info-dark {
|
||||
color: $u-info-dark;
|
||||
}
|
||||
|
||||
.u-primary-dark-bg {
|
||||
background-color: $u-primary-dark;
|
||||
}
|
||||
|
||||
.u-warning-dark-bg {
|
||||
background-color: $u-warning-dark;
|
||||
}
|
||||
|
||||
.u-success-dark-bg {
|
||||
background-color: $u-success-dark;
|
||||
}
|
||||
|
||||
.u-error-dark-bg {
|
||||
background-color: $u-error-dark;
|
||||
}
|
||||
|
||||
.u-info-dark-bg {
|
||||
background-color: $u-info-dark;
|
||||
}
|
||||
|
||||
.u-primary-disabled {
|
||||
color: $u-primary-disabled;
|
||||
}
|
||||
|
||||
.u-warning-disabled {
|
||||
color: $u-warning-disabled;
|
||||
}
|
||||
|
||||
.u-success-disabled {
|
||||
color: $u-success-disabled;
|
||||
}
|
||||
|
||||
.u-error-disabled {
|
||||
color: $u-error-disabled;
|
||||
}
|
||||
|
||||
.u-info-disabled {
|
||||
color: $u-info-disabled;
|
||||
}
|
||||
|
||||
.u-primary {
|
||||
color: $u-primary;
|
||||
}
|
||||
|
||||
.u-warning {
|
||||
color: $u-warning;
|
||||
}
|
||||
|
||||
.u-success {
|
||||
color: $u-success;
|
||||
}
|
||||
|
||||
.u-error {
|
||||
color: $u-error;
|
||||
}
|
||||
|
||||
.u-info {
|
||||
color: $u-info;
|
||||
}
|
||||
|
||||
.u-primary-bg {
|
||||
background-color: $u-primary;
|
||||
}
|
||||
|
||||
.u-warning-bg {
|
||||
background-color: $u-warning;
|
||||
}
|
||||
|
||||
.u-success-bg {
|
||||
background-color: $u-success;
|
||||
}
|
||||
|
||||
.u-error-bg {
|
||||
background-color: $u-error;
|
||||
}
|
||||
|
||||
.u-info-bg {
|
||||
background-color: $u-info;
|
||||
}
|
||||
|
||||
.u-main-color {
|
||||
color: $u-main-color;
|
||||
}
|
||||
|
||||
.u-content-color {
|
||||
color: $u-content-color;
|
||||
}
|
||||
|
||||
.u-tips-color {
|
||||
color: $u-tips-color;
|
||||
}
|
||||
|
||||
.u-light-color {
|
||||
color: $u-light-color;
|
||||
}
|
||||
|
||||
.up-primary-light {
|
||||
color: $u-primary-light;
|
||||
}
|
||||
|
||||
.up-warning-light {
|
||||
color: $u-warning-light;
|
||||
}
|
||||
|
||||
.up-success-light {
|
||||
color: $u-success-light;
|
||||
}
|
||||
|
||||
.up-error-light {
|
||||
color: $u-error-light;
|
||||
}
|
||||
|
||||
.up-info-light {
|
||||
color: $u-info-light;
|
||||
}
|
||||
|
||||
.up-primary-light-bg {
|
||||
background-color: $u-primary-light;
|
||||
}
|
||||
|
||||
.up-warning-light-bg {
|
||||
background-color: $u-warning-light;
|
||||
}
|
||||
|
||||
.up-success-light-bg {
|
||||
background-color: $u-success-light;
|
||||
}
|
||||
|
||||
.up-error-light-bg {
|
||||
background-color: $u-error-light;
|
||||
}
|
||||
|
||||
.up-info-light-bg {
|
||||
background-color: $u-info-light;
|
||||
}
|
||||
|
||||
.up-primary-dark {
|
||||
color: $u-primary-dark;
|
||||
}
|
||||
|
||||
.up-warning-dark {
|
||||
color: $u-warning-dark;
|
||||
}
|
||||
|
||||
.up-success-dark {
|
||||
color: $u-success-dark;
|
||||
}
|
||||
|
||||
.up-error-dark {
|
||||
color: $u-error-dark;
|
||||
}
|
||||
|
||||
.up-info-dark {
|
||||
color: $u-info-dark;
|
||||
}
|
||||
|
||||
.up-primary-dark-bg {
|
||||
background-color: $u-primary-dark;
|
||||
}
|
||||
|
||||
.up-warning-dark-bg {
|
||||
background-color: $u-warning-dark;
|
||||
}
|
||||
|
||||
.up-success-dark-bg {
|
||||
background-color: $u-success-dark;
|
||||
}
|
||||
|
||||
.up-error-dark-bg {
|
||||
background-color: $u-error-dark;
|
||||
}
|
||||
|
||||
.up-info-dark-bg {
|
||||
background-color: $u-info-dark;
|
||||
}
|
||||
|
||||
.up-primary-disabled {
|
||||
color: $u-primary-disabled;
|
||||
}
|
||||
|
||||
.up-warning-disabled {
|
||||
color: $u-warning-disabled;
|
||||
}
|
||||
|
||||
.up-success-disabled {
|
||||
color: $u-success-disabled;
|
||||
}
|
||||
|
||||
.up-error-disabled {
|
||||
color: $u-error-disabled;
|
||||
}
|
||||
|
||||
.up-info-disabled {
|
||||
color: $u-info-disabled;
|
||||
}
|
||||
|
||||
.up-primary {
|
||||
color: $u-primary;
|
||||
}
|
||||
|
||||
.up-warning {
|
||||
color: $u-warning;
|
||||
}
|
||||
|
||||
.up-success {
|
||||
color: $u-success;
|
||||
}
|
||||
|
||||
.up-error {
|
||||
color: $u-error;
|
||||
}
|
||||
|
||||
.up-info {
|
||||
color: $u-info;
|
||||
}
|
||||
|
||||
.up-primary-bg {
|
||||
background-color: $u-primary;
|
||||
}
|
||||
|
||||
.up-warning-bg {
|
||||
background-color: $u-warning;
|
||||
}
|
||||
|
||||
.up-success-bg {
|
||||
background-color: $u-success;
|
||||
}
|
||||
|
||||
.up-error-bg {
|
||||
background-color: $u-error;
|
||||
}
|
||||
|
||||
.up-info-bg {
|
||||
background-color: $u-info;
|
||||
}
|
||||
|
||||
.up-main-color {
|
||||
color: $u-main-color;
|
||||
}
|
||||
|
||||
.up-content-color {
|
||||
color: $u-content-color;
|
||||
}
|
||||
|
||||
.up-tips-color {
|
||||
color: $u-tips-color;
|
||||
}
|
||||
|
||||
.up-light-color {
|
||||
color: $u-light-color;
|
||||
}
|
||||
|
||||
@@ -1,112 +1,112 @@
|
||||
// 超出行数，自动显示行尾省略号，最多5行
|
||||
// 来自uview-plus的温馨提示：当您在控制台看到此报错，说明需要在App.vue的style标签加上【lang="scss"】
|
||||
@for $i from 1 through 10 {
|
||||
.u-line-#{$i},
|
||||
.up-line-#{$i} {
|
||||
/* #ifdef APP-NVUE */
|
||||
// nvue下，可以直接使用lines属性，这是weex特有样式
|
||||
lines: $i;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
flex: 1;
|
||||
/* #endif */
|
||||
|
||||
/* #ifndef APP-NVUE */
|
||||
// vue下，单行和多行显示省略号需要单独处理
|
||||
@if $i == 1 {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
} @else {
|
||||
display: -webkit-box!important;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
word-break: break-all;
|
||||
-webkit-line-clamp: $i;
|
||||
-webkit-box-orient: vertical!important;
|
||||
}
|
||||
/* #endif */
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 此处加上!important并非随意乱用，而是因为目前*.nvue页面编译到H5时，
|
||||
// App.vue的样式会被uni-app的view元素的自带border属性覆盖，导致无效
|
||||
// 综上，这是uni-app的缺陷导致我们为了多端兼容，而必须要加上!important
|
||||
// 移动端兼容性较好，直接使用0.5px去实现细边框，不使用伪元素形式实现
|
||||
.u-border,
|
||||
.up-border {
|
||||
border-width: 0.5px!important;
|
||||
border-color: $u-border-color!important;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.u-border-top,
|
||||
.up-border-top {
|
||||
border-top-width: 0.5px!important;
|
||||
border-color: $u-border-color!important;
|
||||
border-top-style: solid;
|
||||
}
|
||||
|
||||
.u-border-left,
|
||||
.up-border-left {
|
||||
border-left-width: 0.5px!important;
|
||||
border-color: $u-border-color!important;
|
||||
border-left-style: solid;
|
||||
}
|
||||
|
||||
.u-border-right,
|
||||
.up-border-right {
|
||||
border-right-width: 0.5px!important;
|
||||
border-color: $u-border-color!important;
|
||||
border-right-style: solid;
|
||||
}
|
||||
|
||||
.u-border-bottom,
|
||||
.up-border-bottom {
|
||||
border-bottom-width: 0.5px!important;
|
||||
border-color: $u-border-color!important;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
.u-border-top-bottom,
|
||||
.up-border-top-bottom {
|
||||
border-top-width: 0.5px!important;
|
||||
border-bottom-width: 0.5px!important;
|
||||
border-color: $u-border-color!important;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
// 去除button的所有默认样式，让其表现跟普通的view、text元素一样
|
||||
.u-reset-button,
|
||||
.up-reset-button {
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
/* #ifndef APP-PLUS */
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
/* #endif */
|
||||
/* #ifdef APP-NVUE */
|
||||
border-width: 0;
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
/* #ifndef APP-NVUE */
|
||||
.u-reset-button::after,
|
||||
.up-reset-button::after {
|
||||
border: none;
|
||||
}
|
||||
/* #endif */
|
||||
|
||||
.u-hover-class,
|
||||
.up-hover-class {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.cursor-pointer {
|
||||
/* #ifdef H5 */
|
||||
cursor: pointer;
|
||||
/* #endif */
|
||||
}
|
||||
// 超出行数，自动显示行尾省略号，最多5行
|
||||
// 来自uview-plus的温馨提示：当您在控制台看到此报错，说明需要在App.vue的style标签加上【lang="scss"】
|
||||
@for $i from 1 through 10 {
|
||||
.u-line-#{$i},
|
||||
.up-line-#{$i} {
|
||||
/* #ifdef APP-NVUE */
|
||||
// nvue下，可以直接使用lines属性，这是weex特有样式
|
||||
lines: $i;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
flex: 1;
|
||||
/* #endif */
|
||||
|
||||
/* #ifndef APP-NVUE */
|
||||
// vue下，单行和多行显示省略号需要单独处理
|
||||
@if $i == '1' {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
} @else {
|
||||
display: -webkit-box!important;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
word-break: break-all;
|
||||
-webkit-line-clamp: $i;
|
||||
-webkit-box-orient: vertical!important;
|
||||
}
|
||||
/* #endif */
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 此处加上!important并非随意乱用，而是因为目前*.nvue页面编译到H5时，
|
||||
// App.vue的样式会被uni-app的view元素的自带border属性覆盖，导致无效
|
||||
// 综上，这是uni-app的缺陷导致我们为了多端兼容，而必须要加上!important
|
||||
// 移动端兼容性较好，直接使用0.5px去实现细边框，不使用伪元素形式实现
|
||||
.u-border,
|
||||
.up-border {
|
||||
border-width: 0.5px!important;
|
||||
border-color: $u-border-color!important;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.u-border-top,
|
||||
.up-border-top {
|
||||
border-top-width: 0.5px!important;
|
||||
border-color: $u-border-color!important;
|
||||
border-top-style: solid;
|
||||
}
|
||||
|
||||
.u-border-left,
|
||||
.up-border-left {
|
||||
border-left-width: 0.5px!important;
|
||||
border-color: $u-border-color!important;
|
||||
border-left-style: solid;
|
||||
}
|
||||
|
||||
.u-border-right,
|
||||
.up-border-right {
|
||||
border-right-width: 0.5px!important;
|
||||
border-color: $u-border-color!important;
|
||||
border-right-style: solid;
|
||||
}
|
||||
|
||||
.u-border-bottom,
|
||||
.up-border-bottom {
|
||||
border-bottom-width: 0.5px!important;
|
||||
border-color: $u-border-color!important;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
.u-border-top-bottom,
|
||||
.up-border-top-bottom {
|
||||
border-top-width: 0.5px!important;
|
||||
border-bottom-width: 0.5px!important;
|
||||
border-color: $u-border-color!important;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
// 去除button的所有默认样式，让其表现跟普通的view、text元素一样
|
||||
.u-reset-button,
|
||||
.up-reset-button {
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
/* #ifndef APP-PLUS */
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
/* #endif */
|
||||
/* #ifdef APP-NVUE */
|
||||
border-width: 0;
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
/* #ifndef APP-NVUE */
|
||||
.u-reset-button::after,
|
||||
.up-reset-button::after {
|
||||
border: none;
|
||||
}
|
||||
/* #endif */
|
||||
|
||||
.u-hover-class,
|
||||
.up-hover-class {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.cursor-pointer {
|
||||
/* #ifdef H5 */
|
||||
cursor: pointer;
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
@@ -1,36 +1,34 @@
|
||||
@import "./mixin.scss";
|
||||
|
||||
/* #ifndef APP-NVUE */
|
||||
// 由于uview-plus是基于nvue环境进行开发的，此环境中普通元素默认为flex-direction: column;
|
||||
// 所以在非nvue中，需要对元素进行重置为flex-direction: column; 否则可能会表现异常
|
||||
// 2024-04-09由于微信小程序会提示 Some selectors are not allowed in component wxss所以注释以下几行
|
||||
// view,
|
||||
// scroll-view,
|
||||
// swiper-item,
|
||||
.u-empty,
|
||||
.u-empty__wrap,
|
||||
.u-transition,
|
||||
.u-tabs,
|
||||
.u-tabs__wrapper,
|
||||
.u-tabs__wrapper__scroll-view-wrapper,
|
||||
.u-tabs__wrapper__scroll-view,
|
||||
.u-tabs__wrapper__nav,
|
||||
.u-tabs__wrapper__nav__line,
|
||||
.up-empty,
|
||||
.up-empty__wrap,
|
||||
.up-transition,
|
||||
.up-tabs,
|
||||
.up-tabs__wrapper,
|
||||
.up-tabs__wrapper__scroll-view-wrapper,
|
||||
.up-tabs__wrapper__scroll-view,
|
||||
.up-tabs__wrapper__nav,
|
||||
.up-tabs__wrapper__nav__line {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
/* #endif */
|
||||
@import "./mixin.scss";
|
||||
|
||||
/* #ifndef APP-NVUE */
|
||||
// 由于uview-plus是基于nvue环境进行开发的，此环境中普通元素默认为flex-direction: column;
|
||||
// 所以在非nvue中，需要对元素进行重置为flex-direction: column; 否则可能会表现异常
|
||||
// 2024-04-09由于微信小程序会提示 Some selectors are not allowed in component wxss所以注释以下几行
|
||||
// view,
|
||||
// scroll-view,
|
||||
// swiper-item,
|
||||
.u-empty,
|
||||
.u-empty__wrap,
|
||||
.u-tabs,
|
||||
.u-tabs__wrapper,
|
||||
.u-tabs__wrapper__scroll-view-wrapper,
|
||||
.u-tabs__wrapper__scroll-view,
|
||||
.u-tabs__wrapper__nav,
|
||||
.u-tabs__wrapper__nav__line,
|
||||
.up-empty,
|
||||
.up-empty__wrap,
|
||||
.up-tabs,
|
||||
.up-tabs__wrapper,
|
||||
.up-tabs__wrapper__scroll-view-wrapper,
|
||||
.up-tabs__wrapper__scroll-view,
|
||||
.up-tabs__wrapper__nav,
|
||||
.up-tabs__wrapper__nav__line {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
/* #endif */
|
||||
|
||||
@@ -35,8 +35,6 @@
|
||||
.up-flex-row,
|
||||
.up-flex-x {
|
||||
@include flex;
|
||||
display: flex !important;
|
||||
flex-direction: row !important;
|
||||
}
|
||||
|
||||
.u-flex-y,
|
||||
@@ -44,27 +42,25 @@
|
||||
.up-flex-y,
|
||||
.up-flex-column {
|
||||
@include flex(column);
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
}
|
||||
|
||||
.u-flex-x-center,
|
||||
.up-flex-x-center {
|
||||
@include flex;
|
||||
justify-content: center !important;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.u-flex-xy-center,
|
||||
.up-flex-xy-center {
|
||||
@include flex;
|
||||
justify-content: center !important;
|
||||
align-items: center !important;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.u-flex-y-center,
|
||||
.up-flex-y-center {
|
||||
@include flex;
|
||||
align-items: center !important;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.u-flex-x-left,
|
||||
@@ -76,14 +72,14 @@
|
||||
.u-flex-row-reverse,
|
||||
.up-flex-x-reverse,
|
||||
.up-flex-row-reverse {
|
||||
flex-direction: row-reverse !important;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.u-flex-y-reverse,
|
||||
.u-flex-column-reverse,
|
||||
.up-flex-y-reverse,
|
||||
.up-flex-column-reverse {
|
||||
flex-direction: column-reverse !important;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
/* #ifndef APP-NVUE */
|
||||
@@ -95,20 +91,20 @@
|
||||
.up-flex.up-flex-reverse,
|
||||
.up-flex-row.up-flex-reverse,
|
||||
.up-flex-x.up-flex-reverse {
|
||||
flex-direction: row-reverse !important;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.u-flex-column.u-flex-reverse,
|
||||
.u-flex-y.u-flex-reverse,
|
||||
.up-flex-column.up-flex-reverse,
|
||||
.up-flex-y.up-flex-reverse {
|
||||
flex-direction: column-reverse !important;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
// 自动伸缩
|
||||
.u-flex-fill,
|
||||
.up-flex-fill {
|
||||
flex: 1 1 auto !important;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
// 边界自动伸缩
|
||||
@@ -160,75 +156,75 @@
|
||||
// 换行
|
||||
.u-flex-wrap,
|
||||
.up-flex-wrap {
|
||||
flex-wrap: wrap !important;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
// 反向换行
|
||||
.u-flex-wrap-reverse,
|
||||
.up-flex-wrap-reverse {
|
||||
flex-wrap: wrap-reverse !important;
|
||||
flex-wrap: wrap-reverse;
|
||||
}
|
||||
|
||||
// 主轴起点对齐
|
||||
.u-flex-start,
|
||||
.up-flex-start {
|
||||
justify-content: flex-start !important;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
// 主轴中间对齐
|
||||
.u-flex-center,
|
||||
.up-flex-center {
|
||||
justify-content: center !important;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
// 主轴终点对齐
|
||||
.u-flex-end,
|
||||
.up-flex-end {
|
||||
justify-content: flex-end !important;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
// 主轴等比间距
|
||||
.u-flex-between,
|
||||
.up-flex-between {
|
||||
justify-content: space-between !important;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
// 主轴均分间距
|
||||
.u-flex-around,
|
||||
.up-flex-around {
|
||||
justify-content: space-around !important;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
// 交叉轴起点对齐
|
||||
.u-flex-items-start,
|
||||
.up-flex-items-start {
|
||||
align-items: flex-start !important;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
// 交叉轴中间对齐
|
||||
.u-flex-items-center,
|
||||
.up-flex-items-center {
|
||||
align-items: center !important;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
// 交叉轴终点对齐
|
||||
.u-flex-items-end,
|
||||
.up-flex-items-end {
|
||||
align-items: flex-end !important;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
// 交叉轴第一行文字基线对齐
|
||||
.u-flex-items-baseline,
|
||||
.up-flex-items-baseline {
|
||||
/* #ifndef APP-NVUE */
|
||||
align-items: baseline !important;
|
||||
align-items: baseline;
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
// 交叉轴方向拉伸对齐
|
||||
.u-flex-items-stretch,
|
||||
.up-flex-items-stretch {
|
||||
align-items: stretch !important;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
|
||||
@@ -238,31 +234,31 @@
|
||||
/* #ifndef APP-NVUE */
|
||||
.u-flex-self-start,
|
||||
.up-flex-self-start {
|
||||
align-self: flex-start !important;
|
||||
align-self: flex-start;
|
||||
}
|
||||
|
||||
// 子元素交叉轴居中对齐
|
||||
.u-flex-self-center,
|
||||
.up-flex-self-center {
|
||||
align-self: center !important;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
// 子元素交叉轴终点对齐
|
||||
.u-flex-self-end,
|
||||
.up-flex-self-end {
|
||||
align-self: flex-end !important;
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
// 子元素交叉轴第一行文字基线对齐
|
||||
.u-flex-self-baseline,
|
||||
.up-flex-self-baseline {
|
||||
align-self: baseline !important;
|
||||
align-self: baseline;
|
||||
}
|
||||
|
||||
// 子元素交叉轴方向拉伸对齐
|
||||
.u-flex-self-stretch,
|
||||
.up-flex-self-stretch {
|
||||
align-self: stretch !important;
|
||||
align-self: stretch;
|
||||
}
|
||||
/* #endif */
|
||||
// 多轴交叉时的对齐方式
|
||||
@@ -271,52 +267,52 @@
|
||||
/* #ifndef APP-NVUE */
|
||||
.u-flex-content-start,
|
||||
.up-flex-content-start {
|
||||
align-content: flex-start !important;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
// 居中对齐
|
||||
.u-flex-content-center,
|
||||
.up-flex-content-center {
|
||||
align-content: center !important;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
// 终点对齐
|
||||
.u-flex-content-end,
|
||||
.up-flex-content-end {
|
||||
align-content: flex-end !important;
|
||||
align-content: flex-end;
|
||||
}
|
||||
|
||||
// 两端对齐
|
||||
.u-flex-content-between,
|
||||
.up-flex-content-between {
|
||||
align-content: space-between !important;
|
||||
align-content: space-between;
|
||||
}
|
||||
|
||||
// 均分间距
|
||||
.u-flex-content-around,
|
||||
.up-flex-content-around {
|
||||
align-content: space-around !important;
|
||||
align-content: space-around;
|
||||
}
|
||||
|
||||
// 全部居中对齐
|
||||
.u-flex-middle,
|
||||
.up-flex-middle {
|
||||
justify-content: center !important;
|
||||
align-items: center !important;
|
||||
align-self: center !important;
|
||||
align-content: center !important;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-self: center;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
// 是否可以放大
|
||||
.u-flex-grow,
|
||||
.up-flex-grow {
|
||||
flex-grow: 1 !important;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
// 是否可以缩小
|
||||
.u-flex-shrink,
|
||||
.up-flex-shrink {
|
||||
flex-shrink: 1 !important;
|
||||
flex-shrink: 1;
|
||||
}
|
||||
|
||||
/* #endif */
|
||||
@@ -366,4 +362,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,6 +0,0 @@
|
||||
@import "../../theme.scss";
|
||||
|
||||
@include up-export-legacy-light-vars(':root');
|
||||
@include up-export-legacy-light-vars('page');
|
||||
@include up-export-legacy-light-vars('body');
|
||||
@include up-export-legacy-light-vars("[data-up-theme='light']");
|
||||
@@ -1,201 +0,0 @@
|
||||
:root,
|
||||
page,
|
||||
body {
|
||||
--up-main-color: var(--up-light-main-color, #303133);
|
||||
--up-content-color: var(--up-light-content-color, #606266);
|
||||
--up-tips-color: var(--up-light-tips-color, #909193);
|
||||
--up-light-color: var(--up-light-light-color, #c0c4cc);
|
||||
--up-border-color: var(--up-light-border-color, #dadbde);
|
||||
--up-bg-color: var(--up-light-bg-color, #f3f4f6);
|
||||
--up-hover-bg-color: #e7ebf0;
|
||||
--up-page-bg-color: #f3f4f6;
|
||||
--up-card-bg-color: #ffffff;
|
||||
--up-navbar-bg-color: #ffffff;
|
||||
--up-disabled-color: var(--up-light-disabled-color, #c8c9cc);
|
||||
|
||||
--up-primary: var(--up-light-primary, #3c9cff);
|
||||
--up-primary-dark: var(--up-light-primary-dark, #398ade);
|
||||
--up-primary-disabled: var(--up-light-primary-disabled, #9acafc);
|
||||
--up-primary-light: var(--up-light-primary-light, #ecf5ff);
|
||||
|
||||
--up-warning: var(--up-light-warning, #f9ae3d);
|
||||
--up-warning-dark: var(--up-light-warning-dark, #f1a532);
|
||||
--up-warning-disabled: var(--up-light-warning-disabled, #f9d39b);
|
||||
--up-warning-light: var(--up-light-warning-light, #fdf6ec);
|
||||
|
||||
--up-success: var(--up-light-success, #5ac725);
|
||||
--up-success-dark: var(--up-light-success-dark, #53c21d);
|
||||
--up-success-disabled: var(--up-light-success-disabled, #a9e08f);
|
||||
--up-success-light: var(--up-light-success-light, #f5fff0);
|
||||
|
||||
--up-error: var(--up-light-error, #f56c6c);
|
||||
--up-error-dark: var(--up-light-error-dark, #e45656);
|
||||
--up-error-disabled: var(--up-light-error-disabled, #f7b2b2);
|
||||
--up-error-light: var(--up-light-error-light, #fef0f0);
|
||||
|
||||
--up-info: var(--up-light-info, #909399);
|
||||
--up-info-dark: var(--up-light-info-dark, #767a82);
|
||||
--up-info-disabled: var(--up-light-info-disabled, #c4c6c9);
|
||||
--up-info-light: var(--up-light-info-light, #f4f4f5);
|
||||
|
||||
--up-table2-header-bg-color: #f5f7fa;
|
||||
--up-table2-zebra-bg-color: #fafafa;
|
||||
--up-table2-highlight-bg-color: #f5f7fa;
|
||||
--up-gap-bg-color: #f3f4f6;
|
||||
--up-skeleton-bg-color: #f1f2f4;
|
||||
--up-skeleton-shimmer-color: #e6e6e6;
|
||||
--up-swipe-action-button-bg-color: #c7c6cd;
|
||||
--up-index-list-indicator-bg-color: #c9c9c9;
|
||||
--up-calendar-month-mark-color: rgba(231, 232, 234, 0.83);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root,
|
||||
page,
|
||||
body {
|
||||
--up-main-color: #f5f5f5;
|
||||
--up-content-color: #d1d5db;
|
||||
--up-tips-color: #9ca3af;
|
||||
--up-light-color: #6b7280;
|
||||
--up-border-color: #3a3a3c;
|
||||
--up-bg-color: #1f1f1f;
|
||||
--up-hover-bg-color: #343741;
|
||||
--up-page-bg-color: #1f1f1f;
|
||||
--up-card-bg-color: #1c1c1e;
|
||||
--up-navbar-bg-color: #1c1c1e;
|
||||
--up-disabled-color: #4b5563;
|
||||
|
||||
--up-primary: #3c9cff;
|
||||
--up-primary-dark: #5aa8ff;
|
||||
--up-primary-disabled: #4c6f92;
|
||||
--up-primary-light: #10243a;
|
||||
|
||||
--up-warning: #f9ae3d;
|
||||
--up-warning-dark: #ffbf66;
|
||||
--up-warning-disabled: #8a6a3a;
|
||||
--up-warning-light: #3d2f1b;
|
||||
|
||||
--up-success: #5ac725;
|
||||
--up-success-dark: #7ad94b;
|
||||
--up-success-disabled: #5f7f4f;
|
||||
--up-success-light: #1f3316;
|
||||
|
||||
--up-error: #f56c6c;
|
||||
--up-error-dark: #ff8a8a;
|
||||
--up-error-disabled: #8d5858;
|
||||
--up-error-light: #3a2222;
|
||||
|
||||
--up-info: #909399;
|
||||
--up-info-dark: #b0b3b8;
|
||||
--up-info-disabled: #5f6368;
|
||||
--up-info-light: #2f3238;
|
||||
|
||||
--up-table2-header-bg-color: #2a2d33;
|
||||
--up-table2-zebra-bg-color: #23262b;
|
||||
--up-table2-highlight-bg-color: #2f3440;
|
||||
--up-gap-bg-color: #111111;
|
||||
--up-skeleton-bg-color: #2f3135;
|
||||
--up-skeleton-shimmer-color: rgba(255, 255, 255, 0.12);
|
||||
--up-swipe-action-button-bg-color: #4b5563;
|
||||
--up-index-list-indicator-bg-color: #4b5563;
|
||||
--up-calendar-month-mark-color: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
}
|
||||
|
||||
[data-up-theme='light'] {
|
||||
--up-main-color: var(--up-light-main-color, #303133);
|
||||
--up-content-color: var(--up-light-content-color, #606266);
|
||||
--up-tips-color: var(--up-light-tips-color, #909193);
|
||||
--up-light-color: var(--up-light-light-color, #c0c4cc);
|
||||
--up-border-color: var(--up-light-border-color, #dadbde);
|
||||
--up-bg-color: var(--up-light-bg-color, #f3f4f6);
|
||||
--up-hover-bg-color: #e7ebf0;
|
||||
--up-page-bg-color: #f3f4f6;
|
||||
--up-card-bg-color: #ffffff;
|
||||
--up-navbar-bg-color: #ffffff;
|
||||
--up-disabled-color: var(--up-light-disabled-color, #c8c9cc);
|
||||
|
||||
--up-primary: var(--up-light-primary, #3c9cff);
|
||||
--up-primary-dark: var(--up-light-primary-dark, #398ade);
|
||||
--up-primary-disabled: var(--up-light-primary-disabled, #9acafc);
|
||||
--up-primary-light: var(--up-light-primary-light, #ecf5ff);
|
||||
|
||||
--up-warning: var(--up-light-warning, #f9ae3d);
|
||||
--up-warning-dark: var(--up-light-warning-dark, #f1a532);
|
||||
--up-warning-disabled: var(--up-light-warning-disabled, #f9d39b);
|
||||
--up-warning-light: var(--up-light-warning-light, #fdf6ec);
|
||||
|
||||
--up-success: var(--up-light-success, #5ac725);
|
||||
--up-success-dark: var(--up-light-success-dark, #53c21d);
|
||||
--up-success-disabled: var(--up-light-success-disabled, #a9e08f);
|
||||
--up-success-light: var(--up-light-success-light, #f5fff0);
|
||||
|
||||
--up-error: var(--up-light-error, #f56c6c);
|
||||
--up-error-dark: var(--up-light-error-dark, #e45656);
|
||||
--up-error-disabled: var(--up-light-error-disabled, #f7b2b2);
|
||||
--up-error-light: var(--up-light-error-light, #fef0f0);
|
||||
|
||||
--up-info: var(--up-light-info, #909399);
|
||||
--up-info-dark: var(--up-light-info-dark, #767a82);
|
||||
--up-info-disabled: var(--up-light-info-disabled, #c4c6c9);
|
||||
--up-info-light: var(--up-light-info-light, #f4f4f5);
|
||||
|
||||
--up-table2-header-bg-color: #f5f7fa;
|
||||
--up-table2-zebra-bg-color: #fafafa;
|
||||
--up-table2-highlight-bg-color: #f5f7fa;
|
||||
--up-gap-bg-color: #f3f4f6;
|
||||
--up-skeleton-bg-color: #f1f2f4;
|
||||
--up-skeleton-shimmer-color: #e6e6e6;
|
||||
--up-swipe-action-button-bg-color: #c7c6cd;
|
||||
--up-index-list-indicator-bg-color: #c9c9c9;
|
||||
--up-calendar-month-mark-color: rgba(231, 232, 234, 0.83);
|
||||
}
|
||||
|
||||
[data-up-theme='dark'] {
|
||||
--up-main-color: #f5f5f5;
|
||||
--up-content-color: #d1d5db;
|
||||
--up-tips-color: #9ca3af;
|
||||
--up-light-color: #6b7280;
|
||||
--up-border-color: #3a3a3c;
|
||||
--up-bg-color: #1f1f1f;
|
||||
--up-hover-bg-color: #343741;
|
||||
--up-page-bg-color: #1f1f1f;
|
||||
--up-card-bg-color: #1c1c1e;
|
||||
--up-navbar-bg-color: #1c1c1e;
|
||||
--up-disabled-color: #4b5563;
|
||||
|
||||
--up-primary: #3c9cff;
|
||||
--up-primary-dark: #5aa8ff;
|
||||
--up-primary-disabled: #4c6f92;
|
||||
--up-primary-light: #10243a;
|
||||
|
||||
--up-warning: #f9ae3d;
|
||||
--up-warning-dark: #ffbf66;
|
||||
--up-warning-disabled: #8a6a3a;
|
||||
--up-warning-light: #3d2f1b;
|
||||
|
||||
--up-success: #5ac725;
|
||||
--up-success-dark: #7ad94b;
|
||||
--up-success-disabled: #5f7f4f;
|
||||
--up-success-light: #1f3316;
|
||||
|
||||
--up-error: #f56c6c;
|
||||
--up-error-dark: #ff8a8a;
|
||||
--up-error-disabled: #8d5858;
|
||||
--up-error-light: #3a2222;
|
||||
|
||||
--up-info: #909399;
|
||||
--up-info-dark: #b0b3b8;
|
||||
--up-info-disabled: #5f6368;
|
||||
--up-info-light: #2f3238;
|
||||
|
||||
--up-table2-header-bg-color: #2a2d33;
|
||||
--up-table2-zebra-bg-color: #23262b;
|
||||
--up-table2-highlight-bg-color: #2f3440;
|
||||
--up-gap-bg-color: #111111;
|
||||
--up-skeleton-bg-color: #2f3135;
|
||||
--up-skeleton-shimmer-color: rgba(255, 255, 255, 0.12);
|
||||
--up-swipe-action-button-bg-color: #4b5563;
|
||||
--up-index-list-indicator-bg-color: #4b5563;
|
||||
--up-calendar-month-mark-color: rgba(255, 255, 255, 0.04);
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
@import "./theme-vars-core.scss";
|
||||
@@ -1,28 +1,28 @@
|
||||
// 历遍生成4个方向的底部安全区
|
||||
@each $d in top, right, bottom, left {
|
||||
.u-safe-area-inset-#{$d},
|
||||
.up-safe-area-inset-#{$d} {
|
||||
padding-#{$d}: 0;
|
||||
padding-#{$d}: constant(safe-area-inset-#{$d});
|
||||
padding-#{$d}: env(safe-area-inset-#{$d});
|
||||
}
|
||||
}
|
||||
|
||||
//提升H5端uni.toast()的层级，避免被uview-plus的modal等遮盖
|
||||
/* #ifdef H5 */
|
||||
uni-toast {
|
||||
z-index: 10090;
|
||||
}
|
||||
uni-toast .uni-toast {
|
||||
z-index: 10090;
|
||||
}
|
||||
/* #endif */
|
||||
|
||||
// 隐藏scroll-view的滚动条
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
width: 0 !important;
|
||||
height: 0 !important;
|
||||
-webkit-appearance: none;
|
||||
background: transparent;
|
||||
}
|
||||
// 历遍生成4个方向的底部安全区
|
||||
@each $d in top, right, bottom, left {
|
||||
.u-safe-area-inset-#{$d},
|
||||
.up-safe-area-inset-#{$d} {
|
||||
padding-#{$d}: 0;
|
||||
padding-#{$d}: constant(safe-area-inset-#{$d});
|
||||
padding-#{$d}: env(safe-area-inset-#{$d});
|
||||
}
|
||||
}
|
||||
|
||||
//提升H5端uni.toast()的层级，避免被uview-plus的modal等遮盖
|
||||
/* #ifdef H5 */
|
||||
uni-toast {
|
||||
z-index: 10090;
|
||||
}
|
||||
uni-toast .uni-toast {
|
||||
z-index: 10090;
|
||||
}
|
||||
/* #endif */
|
||||
|
||||
// 隐藏scroll-view的滚动条
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
width: 0 !important;
|
||||
height: 0 !important;
|
||||
-webkit-appearance: none;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user