@10yun/cv-mobile-ui 0.5.51 → 0.5.52

package/ui-fireui/components/{fui-list-view/fui-list-view.vue → u-list-view/u-list-view.vue}

@@ -1,7 +1,7 @@
 <template>
-  <view class="fui-list-view fui-view-class" :style="{ backgroundColor: backgroundColor }">
-    <view class="fui-list-title" v-if="title">{{ title }}</view>
-    <view class="fui-list-content" :class="[unlined ? 'fui-border-' + unlined : '']">
+  <view class="up-list-view up-view-class" :style="{ backgroundColor: backgroundColor }">
+    <view class="up-list-title" v-if="title">{{ title }}</view>
+    <view class="up-list-content" :class="[unlined ? 'up-border-' + unlined : '']">
       <slot></slot>
     </view>
   </view>
@@ -28,7 +28,7 @@ export default {
 </script>
 
 <style scoped>
-.fui-list-title {
+.up-list-title {
   width: 100%;
   padding: 30rpx;
   box-sizing: border-box;
@@ -37,12 +37,12 @@ export default {
   color: #666;
 }
 
-.fui-list-content {
+.up-list-content {
   width: 100%;
   position: relative;
 }
 
-.fui-list-content::before {
+.up-list-content::before {
   content: ' ';
   position: absolute;
   top: 0;
@@ -56,7 +56,7 @@ export default {
   pointer-events: none;
 }
 
-.fui-list-content::after {
+.up-list-content::after {
   content: '';
   width: 100%;
   position: absolute;
@@ -69,19 +69,19 @@ export default {
   left: 0;
 }
 
-.fui-border-top::before {
+.up-border-top::before {
   border-top: 0;
 }
 
-.fui-border-bottom::after {
+.up-border-bottom::after {
   border-bottom: 0;
 }
 
-.fui-border-all::after {
+.up-border-all::after {
   border-bottom: 0;
 }
 
-.fui-border-all::before {
+.up-border-all::before {
   border-top: 0;
 }
 </style>

package/ui-fireui/components/{fui-loading/fui-loading.vue → u-loading/u-loading.vue}

@@ -1,7 +1,7 @@
 <template>
-  <view class="fui-loading-init">
-    <view class="fui-loading-center"></view>
-    <view class="fui-loadmore-tips">{{ text }}</view>
+  <view class="up-loading-init">
+    <view class="up-loading-center"></view>
+    <view class="up-loadmore-tips">{{ text }}</view>
   </view>
 </template>
 
@@ -18,7 +18,7 @@ export default {
 </script>
 
 <style scoped>
-.fui-loading-init {
+.up-loading-init {
   min-width: 200rpx;
   min-height: 200rpx;
   max-width: 500rpx;
@@ -37,7 +37,7 @@ export default {
   border-radius: 10rpx;
 }
 
-.fui-loading-center {
+.up-loading-center {
   width: 50rpx;
   height: 50rpx;
   border: 3px solid #fff;
@@ -50,7 +50,7 @@ export default {
   margin-bottom: 36rpx;
 }
 
-.fui-loadmore-tips {
+.up-loadmore-tips {
   text-align: center;
   padding: 0 20rpx;
   box-sizing: border-box;

package/ui-fireui/components/{fui-loadmore/fui-loadmore.vue → u-loadmore/u-loadmore.vue}

@@ -1,7 +1,7 @@
 <template>
-  <view class="fui-loadmore">
-    <view :class="['fui-loading-' + index, index == 3 && type ? 'fui-loading-' + type : '']"></view>
-    <view class="fui-loadmore-tips">{{ text }}</view>
+  <view class="up-loadmore">
+    <view :class="['up-loading-' + index, index == 3 && type ? 'up-loading-' + type : '']"></view>
+    <view class="up-loadmore-tips">{{ text }}</view>
   </view>
 </template>
 
@@ -29,7 +29,7 @@ export default {
 </script>
 
 <style scoped>
-.fui-loadmore {
+.up-loadmore {
   width: 48%;
   margin: 1.5em auto;
   line-height: 1.5em;
@@ -37,7 +37,7 @@ export default {
   text-align: center;
 }
 
-.fui-loading-1 {
+.up-loading-1 {
   margin: 0 5px;
   width: 20px;
   height: 20px;
@@ -75,12 +75,12 @@ export default {
   }
 }
 
-.fui-loadmore-tips {
+.up-loadmore-tips {
   display: inline-block;
   vertical-align: middle;
 }
 
-.fui-loading-2 {
+.up-loading-2 {
   width: 28rpx;
   height: 28rpx;
   border: 1px solid #8f8d8e;
@@ -112,7 +112,7 @@ export default {
   }
 }
 
-.fui-loading-3 {
+.up-loading-3 {
   display: inline-block;
   margin: 0 6px;
   vertical-align: middle;
@@ -122,26 +122,26 @@ export default {
   border-radius: 50%;
   border: 2px solid;
   border-color: #e5e5e5 #e5e5e5 #e5e5e5 #8f8d8e;
-  animation: fui-rotate 0.7s linear infinite;
+  animation: up-rotate 0.7s linear infinite;
 }
 
-.fui-loading-3.fui-loading-primary {
+.up-loading-3.up-loading-primary {
   border-color: #e5e5e5 #e5e5e5 #e5e5e5 #5677fc;
 }
 
-.fui-loading-3.fui-loading-green {
+.up-loading-3.up-loading-green {
   border-color: #e5e5e5 #e5e5e5 #e5e5e5 #19be6b;
 }
 
-.fui-loading-3.fui-loading-orange {
+.up-loading-3.up-loading-orange {
   border-color: #e5e5e5 #e5e5e5 #e5e5e5 #ff7900;
 }
 
-.fui-loading-3.fui-loading-red {
+.up-loading-3.up-loading-red {
   border-color: #ededed #ededed #ededed #ed3f14;
 }
 
-@-webkit-keyframes fui-rotate {
+@-webkit-keyframes up-rotate {
   0% {
     transform: rotate(0);
   }
@@ -151,7 +151,7 @@ export default {
   }
 }
 
-@keyframes fui-rotate {
+@keyframes up-rotate {
   0% {
     transform: rotate(0);
   }

package/ui-fireui/components/{fui-modal/fui-modal.vue → u-modal/u-modal.vue}

@@ -1,26 +1,26 @@
 <template>
   <view @touchmove.stop.prevent>
     <view
-      class="fui-modal-box"
+      class="up-modal-box"
       :style="{ width: width, padding: padding, borderRadius: radius }"
-      :class="[fadeIn || show ? 'fui-modal-normal' : 'fui-modal-scale', show ? 'fui-modal-show' : '']"
+      :class="[fadeIn || show ? 'up-modal-normal' : 'up-modal-scale', show ? 'up-modal-show' : '']"
     >
       <view v-if="!custom">
-        <view class="fui-modal-title" v-if="title">{{ title }}</view>
-        <view class="fui-modal-content" :class="[title ? '' : 'fui-mtop']" :style="{ color: color, fontSize: size + 'rpx' }">
+        <view class="up-modal-title" v-if="title">{{ title }}</view>
+        <view class="up-modal-content" :class="[title ? '' : 'up-mtop']" :style="{ color: color, fontSize: size + 'rpx' }">
           {{ content }}
         </view>
-        <view class="fui-modalBtn-box" :class="[button.length != 2 ? 'fui-flex-column' : '']">
+        <view class="up-modalBtn-box" :class="[button.length != 2 ? 'up-flex-column' : '']">
           <block v-for="(item, index) in button" :key="index">
             <button
-              class="fui-modal-btn"
+              class="up-modal-btn"
               :class="[
-                'fui-' + (item.type || 'primary') + (item.plain ? '-outline' : ''),
-                button.length != 2 ? 'fui-btn-width' : '',
-                button.length > 2 ? 'fui-mbtm' : '',
-                shape == 'circle' ? 'fui-circle-btn' : ''
+                'up-' + (item.type || 'primary') + (item.plain ? '-outline' : ''),
+                button.length != 2 ? 'up-btn-width' : '',
+                button.length > 2 ? 'up-mbtm' : '',
+                shape == 'circle' ? 'up-circle-btn' : ''
               ]"
-              :hover-class="'fui-' + (item.plain ? 'outline' : item.type || 'primary') + '-hover'"
+              :hover-class="'up-' + (item.plain ? 'outline' : item.type || 'primary') + '-hover'"
               :data-index="index"
               @tap="handleClick"
             >
@@ -33,7 +33,7 @@
         <slot></slot>
       </view>
     </view>
-    <view class="fui-modal-mask" :class="[show ? 'fui-mask-show' : '']" @tap="handleClickCancel"></view>
+    <view class="up-modal-mask" :class="[show ? 'up-mask-show' : '']" @tap="handleClickCancel"></view>
   </view>
 </template>
 
@@ -136,7 +136,7 @@ export default {
 </script>
 
 <style scoped>
-.fui-modal-box {
+.up-modal-box {
   position: fixed;
   left: 50%;
   top: 50%;
@@ -149,20 +149,20 @@ export default {
   visibility: hidden;
 }
 
-.fui-modal-scale {
+.up-modal-scale {
   transform: translate(-50%, -50%) scale(0);
 }
 
-.fui-modal-normal {
+.up-modal-normal {
   transform: translate(-50%, -50%) scale(1);
 }
 
-.fui-modal-show {
+.up-modal-show {
   opacity: 1;
   visibility: visible;
 }
 
-.fui-modal-mask {
+.up-modal-mask {
   position: fixed;
   top: 0;
   left: 0;
@@ -175,12 +175,12 @@ export default {
   visibility: hidden;
 }
 
-.fui-mask-show {
+.up-mask-show {
   visibility: visible;
   opacity: 1;
 }
 
-.fui-modal-title {
+.up-modal-title {
   text-align: center;
   font-size: 34rpx;
   color: #333;
@@ -188,7 +188,7 @@ export default {
   font-weight: bold;
 }
 
-.fui-modal-content {
+.up-modal-content {
   text-align: center;
   color: #999;
   font-size: 28rpx;
@@ -196,26 +196,26 @@ export default {
   padding-bottom: 60rpx;
 }
 
-.fui-mtop {
+.up-mtop {
   margin-top: 30rpx;
 }
 
-.fui-mbtm {
+.up-mbtm {
   margin-bottom: 30rpx;
 }
 
-.fui-modalBtn-box {
+.up-modalBtn-box {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 
-.fui-flex-column {
+.up-flex-column {
   flex-direction: column;
 }
 
-.fui-modal-btn {
+.up-modal-btn {
   width: 46%;
   height: 68rpx;
   line-height: 68rpx;
@@ -227,7 +227,7 @@ export default {
   margin-right: 0;
 }
 
-.fui-modal-btn::after {
+.up-modal-btn::after {
   content: ' ';
   position: absolute;
   width: 200%;
@@ -241,152 +241,152 @@ export default {
   border-radius: 20rpx;
 }
 
-.fui-btn-width {
+.up-btn-width {
   width: 80% !important;
 }
 
-.fui-primary {
+.up-primary {
   background: #5677fc;
   color: #fff;
 }
 
-.fui-primary-hover {
+.up-primary-hover {
   background: #4a67d6;
   color: #e5e5e5;
 }
 
-.fui-primary-outline {
+.up-primary-outline {
   color: #5677fc;
   background: transparent;
 }
 
-.fui-primary-outline::after {
+.up-primary-outline::after {
   border: 1px solid #5677fc;
 }
 
-.fui-danger {
+.up-danger {
   background: #4fb49b;
   color: #fff;
 }
 
-.fui-danger-hover {
+.up-danger-hover {
   background: #d53912;
   color: #e5e5e5;
 }
 
-.fui-danger-outline {
+.up-danger-outline {
   color: #4fb49b;
   background: transparent;
 }
 
-.fui-danger-outline::after {
+.up-danger-outline::after {
   border: 1px solid #4fb49b;
 }
 
-.fui-red {
+.up-red {
   background: #4fb49b;
   color: #fff;
 }
 
-.fui-red-hover {
+.up-red-hover {
   background: #4fb49b;
   color: #e5e5e5;
 }
 
-.fui-red-outline {
+.up-red-outline {
   color: #4fb49b;
   background: transparent;
 }
 
-.fui-red-outline::after {
+.up-red-outline::after {
   border: 1px solid #4fb49b;
 }
 
-.fui-warning {
+.up-warning {
   background: #ff7900;
   color: #fff;
 }
 
-.fui-warning-hover {
+.up-warning-hover {
   background: #e56d00;
   color: #e5e5e5;
 }
 
-.fui-warning-outline {
+.up-warning-outline {
   color: #ff7900;
   background: transparent;
 }
 
-.fui-warning-outline::after {
+.up-warning-outline::after {
   border: 1px solid #ff7900;
 }
 
-.fui-green {
+.up-green {
   background: #19be6b;
   color: #fff;
 }
 
-.fui-green-hover {
+.up-green-hover {
   background: #16ab60;
   color: #e5e5e5;
 }
 
-.fui-green-outline {
+.up-green-outline {
   color: #19be6b;
   background: transparent;
 }
 
-.fui-green-outline::after {
+.up-green-outline::after {
   border: 1px solid #19be6b;
 }
 
-.fui-white {
+.up-white {
   background: #fff;
   color: #333;
 }
 
-.fui-white-hover {
+.up-white-hover {
   background: #f7f7f9;
   color: #666;
 }
 
-.fui-white-outline {
+.up-white-outline {
   color: #333;
   background: transparent;
 }
 
-.fui-white-outline::after {
+.up-white-outline::after {
   border: 1px solid #333;
 }
 
-.fui-gray {
+.up-gray {
   background: #ededed;
   color: #999;
 }
 
-.fui-gray-hover {
+.up-gray-hover {
   background: #d5d5d5;
   color: #898989;
 }
 
-.fui-gray-outline {
+.up-gray-outline {
   color: #999;
   background: transparent;
 }
 
-.fui-gray-outline::after {
+.up-gray-outline::after {
   border: 1px solid #999;
 }
 
-.fui-outline-hover {
+.up-outline-hover {
   opacity: 0.6;
 }
 
-.fui-circle-btn {
+.up-circle-btn {
   border-radius: 40rpx !important;
 }
 
-.fui-circle-btn::after {
+.up-circle-btn::after {
   border-radius: 80rpx !important;
 }
 </style>

package/ui-fireui/components/{fui-navigation-bar/fui-navigation-bar.vue → u-navigation-bar/u-navigation-bar.vue}

@@ -1,12 +1,12 @@
 <template>
   <view
-    class="fui-navigation-bar"
-    :class="{ 'fui-bar-line': opcity > 0.85 && splitLine, 'fui-navbar-fixed': isFixed }"
+    class="up-navigation-bar"
+    :class="{ 'up-bar-line': opcity > 0.85 && splitLine, 'up-navbar-fixed': isFixed }"
     :style="{ height: height + 'px', backgroundColor: `rgba(${backgroundColor},${opcity})` }"
   >
-    <view class="fui-status-bar" :style="{ height: statusBarHeight + 'px' }" v-if="isImmersive"></view>
+    <view class="up-status-bar" :style="{ height: statusBarHeight + 'px' }" v-if="isImmersive"></view>
     <view
-      class="fui-navigation_bar-title"
+      class="up-navigation_bar-title"
       :style="{ opacity: opcity, color: color, paddingTop: top - statusBarHeight + 'px' }"
       v-if="title && !isCustom"
     >
@@ -86,7 +86,7 @@ export default {
       left: 375, //小程序端 左侧距胶囊按钮距离
       height: 44, //header高度
       top: 0,
-      scrollH: 1, //滚动总高度,计算opcity
+      scrollH: 1,//0 //滚动总高度,计算opcity
       opcity: 0, //0-1
       statusBarHeight: 0 //状态栏高度
     };
@@ -128,6 +128,7 @@ export default {
   methods: {
     opcityChange() {
       let scroll = this.scrollTop <= 1 ? 0 : this.scrollTop;
+      //  let scroll = this.scrollTop <= 0 ? 0 : this.scrollTop;
       let opcity = scroll / this.scrollH;
       if ((this.opcity >= 1 && opcity >= 1) || (this.opcity == 0 && opcity == 0)) {
         return;
@@ -142,19 +143,19 @@ export default {
 </script>
 
 <style scoped>
-.fui-navigation-bar {
+.up-navigation-bar {
   width: 100%;
 }
-.fui-navbar-fixed {
+.up-navbar-fixed {
   position: fixed;
   left: 0;
   top: 0;
   z-index: 9998;
 }
-.fui-status-bar {
+.up-status-bar {
   width: 100%;
 }
-.fui-navigation_bar-title {
+.up-navigation_bar-title {
   width: 100%;
   font-size: 17px;
   line-height: 17px;
@@ -167,7 +168,7 @@ export default {
   justify-content: center;
 }
 
-.fui-bar-line::after {
+.up-bar-line::after {
   content: '';
   position: absolute;
   border-bottom: 1rpx solid #eaeef1;

package/ui-fireui/components/{fui-no-data/fui-no-data.vue → u-no-data/u-no-data.vue}

@@ -1,17 +1,17 @@
 <template>
-  <view class="fui-nodata-box" :class="[fixed ? 'fui-nodata-fixed' : '']">
+  <view class="up-nodata-box" :class="[fixed ? 'up-nodata-fixed' : '']">
     <image
       v-if="imgUrl"
       :src="imgUrl"
-      class="fui-tips-icon"
+      class="up-tips-icon"
       :style="{ width: imgWidth + 'rpx', height: imgHeight + 'rpx' }"
     ></image>
-    <view class="fui-tips-content">
+    <view class="up-tips-content">
       <slot></slot>
     </view>
     <button
-      class="fui-tips-btn"
-      hover-class="fui-tips-btn-hover"
+      class="up-tips-btn"
+      hover-class="up-tips-btn-hover"
       :style="{ width: btnWidth + 'rpx' }"
       v-if="btnText"
       @tap="handleClick"
@@ -65,14 +65,14 @@ export default {
 </script>
 
 <style scoped>
-.fui-nodata-box {
+.up-nodata-box {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 
-.fui-nodata-fixed {
+.up-nodata-fixed {
   width: 90%;
   position: fixed;
   left: 50%;
@@ -81,7 +81,7 @@ export default {
   transform: translate(-50%, -50%);
 }
 
-.fui-tips-icon {
+.up-tips-icon {
   display: block;
   flex-shrink: 0;
   width: 280rpx;
@@ -89,7 +89,7 @@ export default {
   margin-bottom: 40rpx;
 }
 
-.fui-tips-content {
+.up-tips-content {
   text-align: center;
   color: #666666;
   font-size: 28rpx;
@@ -99,7 +99,7 @@ export default {
   word-wrap: break-word;
 }
 
-.fui-tips-btn {
+.up-tips-btn {
   height: 60rpx;
   line-height: 60rpx;
   font-size: 28rpx;
@@ -109,7 +109,7 @@ export default {
   margin: 0;
 }
 
-.fui-tips-btn-hover {
+.up-tips-btn-hover {
   background-color: #c80808;
   color: #e5e5e5;
 }