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

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

@@ -1,5 +1,5 @@
 <template>
-  <view class="fui-timeaxis-class fui-time-axis">
+  <view class="up-timeaxis-class up-time-axis">
     <slot></slot>
   </view>
 </template>
@@ -14,13 +14,13 @@ export default {
 </script>
 
 <style scoped>
-.fui-time-axis {
+.up-time-axis {
   padding-left: 20px;
   box-sizing: border-box;
   position: relative;
 }
 
-.fui-time-axis::before {
+.up-time-axis::before {
   content: ' ';
   position: absolute;
   left: 0;

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

@@ -1,7 +1,7 @@
 <template>
-  <view class="fui-timeaxis-item">
+  <view class="up-timeaxis-item">
     <slot name="content"></slot>
-    <view class="fui-timeaxis-node" :style="{ backgroundColor: backgroundColor }">
+    <view class="up-timeaxis-node" :style="{ backgroundColor: backgroundColor }">
       <slot name="node"></slot>
     </view>
   </view>
@@ -24,7 +24,7 @@ export default {
 </script>
 
 <style scoped>
-.fui-timeaxis-item {
+.up-timeaxis-item {
   position: relative;
   width: 100%;
   display: flex;
@@ -32,7 +32,7 @@ export default {
   margin-bottom: 25px;
 }
 
-.fui-timeaxis-node {
+.up-timeaxis-node {
   position: absolute;
   top: 0;
   left: -20px;

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

@@ -1,17 +1,17 @@
 <template>
-  <block v-if="position == 'top'">
-    <view class="fui-tips-class fui-toptips" :class="['fui-' + type, show ? 'fui-top-show' : '']">{{ msg }}</view>
-  </block>
-  <block v-else>
+  <template v-if="position == 'top'">
+    <view class="up-tips-class up-toptips" :class="['up-' + type, show ? 'up-top-show' : '']">{{ msg }}</view>
+  </template>
+  <template v-else>
     <view
-      class="fui-tips-class fui-toast"
-      :class="[position == 'center' ? 'fui-centertips' : 'fui-bottomtips', show ? 'fui-toast-show' : '']"
+      class="up-tips-class up-toast"
+      :class="[position == 'center' ? 'up-centertips' : 'up-bottomtips', show ? 'up-toast-show' : '']"
     >
-      <view class="fui-tips-content" :class="['fui-' + type]">
+      <view class="up-tips-content" :class="['up-' + type]">
         {{ msg }}
       </view>
     </view>
-  </block>
+  </template>
 </template>
 
 <script>
@@ -53,7 +53,7 @@ export default {
 
 <style scoped>
 /*顶部消息提醒 start*/
-.fui-toptips {
+.up-toptips {
   width: 100%;
   padding: 18rpx 30rpx;
   box-sizing: border-box;
@@ -72,7 +72,7 @@ export default {
   transition: all 0.3s ease-in-out;
 }
 
-.fui-top-show {
+.up-top-show {
   transform: translateZ(0) translateY(0);
   opacity: 1;
 }
@@ -85,7 +85,7 @@ export default {
  1、fixed 元素宽度无法自适应，所以增加了子元素
  2、fixed 和 display冲突导致动画效果消失，暂时使用visibility替代
 */
-.fui-toast {
+.up-toast {
   width: 80%;
   box-sizing: border-box;
   color: #fff;
@@ -101,12 +101,12 @@ export default {
   justify-content: center;
 }
 
-.fui-toast-show {
+.up-toast-show {
   visibility: visible;
   opacity: 1;
 }
 
-.fui-tips-content {
+.up-tips-content {
   word-wrap: break-word;
   word-break: break-all;
   border-radius: 8rpx;
@@ -114,7 +114,7 @@ export default {
 }
 
 /*底部消息提醒 start*/
-.fui-bottomtips {
+.up-bottomtips {
   bottom: 120rpx;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
@@ -123,7 +123,7 @@ export default {
 /*底部消息提醒 end*/
 
 /*居中消息提醒 start*/
-.fui-centertips {
+.up-centertips {
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
@@ -135,23 +135,23 @@ export default {
 
 /*背景颜色 start*/
 
-.fui-primary {
+.up-primary {
   background-color: #5677fc;
 }
 
-.fui-green {
+.up-green {
   background-color: #19be6b;
 }
 
-.fui-warning {
+.up-warning {
   background-color: #ff7900;
 }
 
-.fui-danger {
+.up-danger {
   background-color: #ed3f14;
 }
 
-.fui-translucent {
+.up-translucent {
   background-color: rgba(0, 0, 0, 0.7);
 }
 

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

@@ -1,12 +1,12 @@
 <template>
   <view
-    class="fui-toast"
-    :class="[visible ? 'fui-toast-show' : '', content ? 'fui-toast-padding' : '', icon ? '' : 'fui-unicon-padding']"
+    class="up-toast"
+    :class="[visible ? 'up-toast-show' : '', content ? 'up-toast-padding' : '', icon ? '' : 'up-unicon-padding']"
     :style="{ width: getWidth(icon, content) }"
   >
-    <image :src="imgUrl" class="fui-toast-img" v-if="icon"></image>
-    <view class="fui-toast-text" :class="[icon ? '' : 'fui-unicon']">{{ title }}</view>
-    <view class="fui-toast-text fui-content-ptop" v-if="content && icon">{{ content }}</view>
+    <image :src="imgUrl" class="up-toast-img" v-if="icon"></image>
+    <view class="up-toast-text" :class="[icon ? '' : 'up-unicon']">{{ title }}</view>
+    <view class="up-toast-text up-content-ptop" v-if="content && icon">{{ content }}</view>
   </view>
 </template>
 
@@ -57,7 +57,7 @@ export default {
 </script>
 
 <style scoped>
-.fui-toast {
+.up-toast {
   background-color: rgba(0, 0, 0, 0.75);
   border-radius: 10rpx;
   position: fixed;
@@ -78,39 +78,39 @@ export default {
   box-sizing: border-box;
 }
 
-.fui-toast-padding {
+.up-toast-padding {
   padding-top: 50rpx !important;
   padding-bottom: 50rpx !important;
 }
-.fui-unicon-padding {
+.up-unicon-padding {
   padding: 24rpx 40rpx !important;
   word-break: break-all;
 }
 
-.fui-toast-show {
+.up-toast-show {
   visibility: visible;
   opacity: 1;
 }
 
-.fui-toast-img {
+.up-toast-img {
   width: 120rpx;
   height: 120rpx;
   display: block;
   margin-bottom: 28rpx;
 }
 
-.fui-toast-text {
+.up-toast-text {
   font-size: 30rpx;
   line-height: 30rpx;
   font-weight: 400;
   color: #fff;
   text-align: center;
 }
-.fui-unicon {
+.up-unicon {
   line-height: 40rpx !important;
   font-size: 32rpx !important;
 }
-.fui-content-ptop {
+.up-content-ptop {
   padding-top: 10rpx;
   font-size: 26rpx !important;
 }

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

@@ -1,8 +1,8 @@
 <template>
   <view>
     <view
-      class="fui-top-dropdown fui-dropdown-box"
-      :class="[show ? 'fui-dropdown-show' : '']"
+      class="up-top-dropdown up-dropdown-box"
+      :class="[show ? 'up-dropdown-show' : '']"
       :style="{
         height: height ? px(height) : 'auto',
         width: width + 'vw',
@@ -18,8 +18,8 @@
     </view>
     <view
       @touchmove.stop.prevent
-      class="fui-dropdown-mask"
-      :class="[mask && show ? 'fui-mask-show' : '']"
+      class="up-dropdown-mask"
+      :class="[mask && show ? 'up-mask-show' : '']"
       @tap="handleClose"
     ></view>
   </view>
@@ -92,7 +92,7 @@ export default {
 </script>
 
 <style scoped>
-.fui-dropdown-box {
+.up-dropdown-box {
   position: fixed;
   box-sizing: border-box;
   border-bottom-right-radius: 24rpx;
@@ -105,11 +105,11 @@ export default {
   top: 0;
 }
 
-.fui-dropdown-show {
+.up-dropdown-show {
   /* visibility: visible; */
 }
 
-.fui-dropdown-mask {
+.up-dropdown-mask {
   position: fixed;
   top: 0;
   left: 0;
@@ -122,7 +122,7 @@ export default {
   visibility: hidden;
 }
 
-.fui-mask-show {
+.up-mask-show {
   opacity: 1;
   visibility: visible;
 }

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

@@ -1,30 +1,30 @@
 <template>
-  <view class="fui-container">
-    <view class="fui-upload-box">
-      <view class="fui-image-item" v-for="(item, index) in imageList" :key="index">
-        <image :src="item" class="fui-item-img" @tap.stop="previewImage(index)" mode="aspectFill"></image>
-        <view v-if="!forbidDel" class="fui-img-del" @tap.stop="delImage(index)">
+  <view class="up-container">
+    <view class="up-upload-box">
+      <view class="up-image-item" v-for="(item, index) in imageList" :key="index">
+        <image :src="item" class="up-item-img" @tap.stop="previewImage(index)" mode="aspectFill"></image>
+        <view v-if="!forbidDel" class="up-img-del" @tap.stop="delImage(index)">
           <image class="del-img" src="/static/images/share/icon_del.png" mode="widthFix"></image>
         </view>
-        <view v-if="statusArr[index] != 1" class="fui-upload-mask">
-          <view class="fui-upload-loading" v-if="statusArr[index] == 2"></view>
-          <text class="fui-tips">{{ statusArr[index] == 2 ? '上传中...' : '上传失败' }}</text>
+        <view v-if="statusArr[index] != 1" class="up-upload-mask">
+          <view class="up-upload-loading" v-if="statusArr[index] == 2"></view>
+          <text class="up-tips">{{ statusArr[index] == 2 ? '上传中...' : '上传失败' }}</text>
           <view
-            class="fui-mask-btn"
+            class="up-mask-btn"
             v-if="statusArr[index] == 3"
             @tap.stop="reUpLoad(index)"
-            hover-class="fui-btn-hover"
+            hover-class="up-btn-hover"
             :hover-stay-time="150"
           >
             重新上传
           </view>
         </view>
       </view>
-      <view v-if="isShowAdd" class="fui-upload-add" @tap="chooseImage">
-        <uni-icons type="camera" size="30" color="#00AFC7"></uni-icons>
+      <view v-if="isShowAdd" class="up-upload-add" @tap="chooseImage">
+        <uni-icons type="camera" size="30" color="#00AFC7" />
         <view class="" style="font-size: 24rpx; margin-top: 20rpx">添加</view>
         <!-- <image class="add-img" src="/static/images/share/ad.png" mode="widthFix"></image> -->
-        <!-- <view class="fui-upload-icon fui-icon-plus"></view> -->
+        <!-- <view class="up-upload-icon up-icon-plus"></view> -->
       </view>
     </view>
   </view>
@@ -299,7 +299,7 @@ export default {
   font-style: normal;
 }
 
-.fui-upload-icon {
+.up-upload-icon {
   font-family: 'fuiUpload' !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
@@ -307,21 +307,21 @@ export default {
   padding: 10rpx;
 }
 
-.fui-icon-delete:before {
+.up-icon-delete:before {
   content: '\e601';
 }
 
-.fui-icon-plus:before {
+.up-icon-plus:before {
   content: '\e609';
 }
 
-.fui-upload-box {
+.up-upload-box {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
 }
 
-.fui-upload-add {
+.up-upload-add {
   /* width: 240rpx;
     height: 240rpx; */
   width: 178rpx;
@@ -345,7 +345,7 @@ export default {
   width: 36rpx;
   height: 36rpx;
 }
-.fui-image-item {
+.up-image-item {
   width: 178rpx;
   height: 178rpx;
   position: relative;
@@ -355,18 +355,18 @@ export default {
   border-radius: 18rpx;
 }
 
-.fui-image-item:nth-of-type(3n) {
+.up-image-item:nth-of-type(3n) {
   margin-right: 0;
 }
 
-.fui-item-img {
+.up-item-img {
   width: 178rpx;
   height: 178rpx;
   display: block;
   border-radius: 18rpx;
 }
 
-.fui-img-del {
+.up-img-del {
   width: 36rpx;
   height: 36rpx;
   position: absolute;
@@ -379,7 +379,7 @@ export default {
   z-index: 999;
 }
 
-/* .fui-img-del::before {
+/* .up-img-del::before {
 	content: '';
 	width: 16rpx;
 	height: 1px;
@@ -389,7 +389,7 @@ export default {
 	background-color: #fff;
 } */
 
-.fui-upload-mask {
+.up-upload-mask {
   width: 100%;
   height: 100%;
   position: absolute;
@@ -404,16 +404,16 @@ export default {
   background-color: rgba(0, 0, 0, 0.6);
 }
 
-.fui-upload-loading {
+.up-upload-loading {
   width: 28rpx;
   height: 28rpx;
   border-radius: 50%;
   border: 2px solid;
   border-color: #b2b2b2 #b2b2b2 #b2b2b2 #fff;
-  animation: fui-rotate 0.7s linear infinite;
+  animation: up-rotate 0.7s linear infinite;
 }
 
-@keyframes fui-rotate {
+@keyframes up-rotate {
   0% {
     transform: rotate(0);
   }
@@ -423,12 +423,12 @@ export default {
   }
 }
 
-.fui-tips {
+.up-tips {
   font-size: 26rpx;
   color: #fff;
 }
 
-.fui-mask-btn {
+.up-mask-btn {
   padding: 4rpx 16rpx;
   border-radius: 40rpx;
   text-align: center;
@@ -440,7 +440,7 @@ export default {
   justify-content: center;
 }
 
-.fui-btn-hover {
+.up-btn-hover {
   opacity: 0.8;
 }
 </style>