@10yun/cv-mobile-ui 0.5.26 → 0.5.29

package/uview-plus/libs/css/common-libcss.scss

@@ -1,4 +1,5 @@
-.u-line-1 {
+.u-line-1,
+.up-line-1 {
   /* #ifdef APP-NVUE */
   lines: 1;
   text-overflow: ellipsis;
@@ -14,7 +15,8 @@
   -webkit-box-orient: vertical !important;
   /* #endif */
 }
-.u-line-2 {
+.u-line-2,
+.up-line-2 {
   /* #ifdef APP-NVUE */
   lines: 2;
   text-overflow: ellipsis;
@@ -30,7 +32,8 @@
   -webkit-box-orient: vertical !important;
   /* #endif */
 }
-.u-line-3 {
+.u-line-3,
+.up-line-3 {
   /* #ifdef APP-NVUE */
   lines: 3;
   text-overflow: ellipsis;
@@ -46,7 +49,8 @@
   -webkit-box-orient: vertical !important;
   /* #endif */
 }
-.u-line-4 {
+.u-line-4,
+.up-line-4 {
   /* #ifdef APP-NVUE */
   lines: 4;
   text-overflow: ellipsis;
@@ -62,7 +66,8 @@
   -webkit-box-orient: vertical !important;
   /* #endif */
 }
-.u-line-5 {
+.u-line-5,
+.up-line-5 {
   /* #ifdef APP-NVUE */
   lines: 5;
   text-overflow: ellipsis;
@@ -78,39 +83,131 @@
   -webkit-box-orient: vertical !important;
   /* #endif */
 }
-.u-border {
+.u-line-6,
+.up-line-6 {
+  /* #ifdef APP-NVUE */
+  lines: 6;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  flex: 1;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  display: -webkit-box !important;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  -webkit-line-clamp: 6;
+  -webkit-box-orient: vertical !important;
+  /* #endif */
+}
+.u-line-7,
+.up-line-7 {
+  /* #ifdef APP-NVUE */
+  lines: 7;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  flex: 1;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  display: -webkit-box !important;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  -webkit-line-clamp: 7;
+  -webkit-box-orient: vertical !important;
+  /* #endif */
+}
+.u-line-8,
+.up-line-8 {
+  /* #ifdef APP-NVUE */
+  lines: 8;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  flex: 1;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  display: -webkit-box !important;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  -webkit-line-clamp: 8;
+  -webkit-box-orient: vertical !important;
+  /* #endif */
+}
+.u-line-9,
+.up-line-9 {
+  /* #ifdef APP-NVUE */
+  lines: 9;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  flex: 1;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  display: -webkit-box !important;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  -webkit-line-clamp: 9;
+  -webkit-box-orient: vertical !important;
+  /* #endif */
+}
+.u-line-10,
+.up-line-10 {
+  /* #ifdef APP-NVUE */
+  lines: 10;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  flex: 1;
+  /* #endif */
+  /* #ifndef APP-NVUE */
+  display: -webkit-box !important;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  -webkit-line-clamp: 10;
+  -webkit-box-orient: vertical !important;
+  /* #endif */
+}
+.u-border,
+.up-border {
   border-width: 0.5px !important;
   border-color: var(--u-border-color) !important;
   border-style: solid;
 }
-.u-border-top {
+.u-border-top,
+.up-border-top {
   border-top-width: 0.5px !important;
   border-color: var(--u-border-color) !important;
   border-top-style: solid;
 }
-.u-border-left {
+.u-border-left,
+.up-border-left {
   border-left-width: 0.5px !important;
   border-color: var(--u-border-color) !important;
   border-left-style: solid;
 }
-.u-border-right {
+.u-border-right,
+.up-border-right {
   border-right-width: 0.5px !important;
   border-color: var(--u-border-color) !important;
   border-right-style: solid;
 }
-.u-border-bottom {
+.u-border-bottom,
+.up-border-bottom {
   border-bottom-width: 0.5px !important;
   border-color: var(--u-border-color) !important;
   border-bottom-style: solid;
 }
-.u-border-top-bottom {
+.u-border-top-bottom,
+.up-border-top-bottom {
   border-top-width: 0.5px !important;
   border-bottom-width: 0.5px !important;
   border-color: var(--u-border-color) !important;
   border-top-style: solid;
   border-bottom-style: solid;
 }
-.u-reset-button {
+.u-reset-button,
+.up-reset-button {
   padding: 0;
   background-color: transparent;
   /* #ifndef APP-PLUS */
@@ -123,10 +220,17 @@
   /* #endif */
 }
 /* #ifndef APP-NVUE */
-.u-reset-button::after {
+.u-reset-button::after,
+.up-reset-button::after {
   border: none;
 }
 /* #endif */
-.u-hover-class {
+.u-hover-class,
+.up-hover-class {
   opacity: 0.7;
 }
+.cursor-pointer {
+  /* #ifdef H5 */
+  cursor: pointer;
+  /* #endif */
+}

package/uview-plus/libs/css/common.scss

@@ -1,7 +1,8 @@
 // 超出行数，自动显示行尾省略号，最多5行
-// 来自uView的温馨提示：当您在控制台看到此报错，说明需要在App.vue的style标签加上【lang="scss"】
-@for $i from 1 through 5 {
-	.u-line-#{$i} {
+// 来自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;
@@ -33,37 +34,43 @@
 // App.vue的样式会被uni-app的view元素的自带border属性覆盖，导致无效
 // 综上，这是uni-app的缺陷导致我们为了多端兼容，而必须要加上!important
 // 移动端兼容性较好，直接使用0.5px去实现细边框，不使用伪元素形式实现
-.u-border {
+.u-border,
+.up-border {
 	border-width: 0.5px!important;
 	border-color: $u-border-color!important;
     border-style: solid;
 }
 
-.u-border-top {
+.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 {
+.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 {
+.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 {
+.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 {
+.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;
@@ -72,7 +79,8 @@
 }
 
 // 去除button的所有默认样式，让其表现跟普通的view、text元素一样
-.u-reset-button {
+.u-reset-button,
+.up-reset-button {
 	padding: 0;
 	background-color: transparent;
 	/* #ifndef APP-PLUS */
@@ -86,12 +94,19 @@
 }
 
 /* #ifndef APP-NVUE */
-.u-reset-button::after {
+.u-reset-button::after,
+.up-reset-button::after {
    border: none;
 }
 /* #endif */
 
-.u-hover-class {
+.u-hover-class,
+.up-hover-class {
 	opacity: 0.7;
 }
 
+.cursor-pointer {
+	/* #ifdef H5 */
+	cursor: pointer;
+	/* #endif */
+}

package/uview-plus/libs/css/components-libcss.scss

@@ -1,5 +1,20 @@
 /* #ifndef APP-NVUE */
-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;

package/uview-plus/libs/css/components.scss

@@ -1,9 +1,28 @@
 @import "./mixin.scss";
 
 /* #ifndef APP-NVUE */
-// 由于uView是基于nvue环境进行开发的，此环境中普通元素默认为flex-direction: column;
+// 由于uview-plus是基于nvue环境进行开发的，此环境中普通元素默认为flex-direction: column;
 // 所以在非nvue中，需要对元素进行重置为flex-direction: column; 否则可能会表现异常
-view, scroll-view, swiper-item {
+// 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;