更新打包配置
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,34 +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-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 */
|
||||
@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 */
|
||||
|
||||
@@ -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