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

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

@@ -1,68 +1,68 @@
 <template>
   <view>
-    <view :class="{ 'fui-bottom-popup': isFixed, 'fui-popup-show': isShow && isFixed }">
-      <view class="fui-calendar-header" :class="{ 'fui-calendar-radius': radius }" @touchmove.stop.prevent="stop" v-if="isFixed">
+    <view :class="{ 'up-bottom-popup': isFixed, 'up-popup-show': isShow && isFixed }">
+      <view class="up-calendar-header" :class="{ 'up-calendar-radius': radius }" @touchmove.stop.prevent="stop" v-if="isFixed">
         <view>日期选择</view>
-        <view class="fui-iconfont fui-font-close" hover-class="fui-opacity" :hover-stay-time="150" @tap="hide"></view>
+        <view class="up-iconfont up-font-close" hover-class="up-opacity" :hover-stay-time="150" @tap="hide"></view>
       </view>
 
-      <view class="fui-date-box">
+      <view class="up-date-box">
         <view
-          class="fui-iconfont fui-font-arrowleft"
+          class="up-iconfont up-font-arrowleft"
           :style="{ color: yearArrowColor }"
-          hover-class="fui-opacity"
+          hover-class="up-opacity"
           :hover-stay-time="150"
           v-if="arrowType == 1"
           @tap="changeYear(0)"
         ></view>
         <view
-          class="fui-iconfont fui-font-arrowleft"
+          class="up-iconfont up-font-arrowleft"
           :style="{ color: monthArrowColor }"
-          hover-class="fui-opacity"
+          hover-class="up-opacity"
           :hover-stay-time="150"
           @tap="changeMonth(0)"
         ></view>
-        <view class="fui-date_time">{{ showTitle }}</view>
+        <view class="up-date_time">{{ showTitle }}</view>
         <view
-          class="fui-iconfont fui-font-arrowright"
+          class="up-iconfont up-font-arrowright"
           :style="{ color: monthArrowColor }"
-          hover-class="fui-opacity"
+          hover-class="up-opacity"
           :hover-stay-time="150"
           @tap="changeMonth(1)"
         ></view>
         <view
-          class="fui-iconfont fui-font-arrowright"
+          class="up-iconfont up-font-arrowright"
           :style="{ color: yearArrowColor }"
-          hover-class="fui-opacity"
+          hover-class="up-opacity"
           :hover-stay-time="150"
           v-if="arrowType == 1"
           @tap="changeYear(1)"
         ></view>
       </view>
-      <view class="fui-date-header">
-        <view class="fui-date">日</view>
-        <view class="fui-date">一</view>
-        <view class="fui-date">二</view>
-        <view class="fui-date">三</view>
-        <view class="fui-date">四</view>
-        <view class="fui-date">五</view>
-        <view class="fui-date">六</view>
+      <view class="up-date-header">
+        <view class="up-date">日</view>
+        <view class="up-date">一</view>
+        <view class="up-date">二</view>
+        <view class="up-date">三</view>
+        <view class="up-date">四</view>
+        <view class="up-date">五</view>
+        <view class="up-date">六</view>
       </view>
       <view
-        class="fui-date-content"
-        :class="{ 'fui-flex-start': isFixed && fixedHeight }"
+        class="up-date-content"
+        :class="{ 'up-flex-start': isFixed && fixedHeight }"
         :style="{ height: isFixed && fixedHeight ? dateHeight * 6 + 'px' : 'auto' }"
       >
         <block v-for="(item, index) in weekdayArr" :key="index">
-          <view class="fui-date"></view>
+          <view class="up-date"></view>
         </block>
         <view
-          class="fui-date"
+          class="up-date"
           :class="{
-            'fui-date-pd_0': isFixed && fixedHeight,
-            'fui-opacity': openDisAbled(year, month, index + 1),
-            'fui-start-date': (type == 2 && startDate == `${year}-${month}-${index + 1}`) || type == 1,
-            'fui-end-date': (type == 2 && endDate == `${year}-${month}-${index + 1}`) || type == 1
+            'up-date-pd_0': isFixed && fixedHeight,
+            'up-opacity': openDisAbled(year, month, index + 1),
+            'up-start-date': (type == 2 && startDate == `${year}-${month}-${index + 1}`) || type == 1,
+            'up-end-date': (type == 2 && endDate == `${year}-${month}-${index + 1}`) || type == 1
           }"
           :style="{
             backgroundColor: isFixed ? getColor(index, 1) : 'transparent',
@@ -73,47 +73,47 @@
           @tap="dateClick(index)"
         >
           <view
-            class="fui-date-text"
+            class="up-date-text"
             :style="{ color: isFixed ? getColor(index, 2) : getStatusData(3, index), backgroundColor: getStatusData(2, index) }"
           >
             <view v-if="isFixed || !getStatusData(4, index)">{{ index + 1 }}</view>
-            <view v-if="!getStatusData(4, index)" class="fui-custom-desc" :class="{ 'fui-lunar-unshow': !lunar && isFixed }">
+            <view v-if="!getStatusData(4, index)" class="up-custom-desc" :class="{ 'up-lunar-unshow': !lunar && isFixed }">
               {{ getDescText(index, startDate, endDate) }}
             </view>
-            <text class="fui-iconfont fui-font-check" v-if="getStatusData(4, index)"></text>
+            <text class="up-iconfont up-font-check" v-if="getStatusData(4, index)"></text>
           </view>
           <view
-            class="fui-date-desc"
+            class="up-date-desc"
             :style="{ color: activeColor }"
             v-if="!lunar && type == 2 && startDate == `${year}-${month}-${index + 1}` && startDate != endDate"
           >
             {{ startText }}
           </view>
           <view
-            class="fui-date-desc"
+            class="up-date-desc"
             :style="{ color: activeColor }"
             v-if="!lunar && type == 2 && endDate == `${year}-${month}-${index + 1}`"
           >
             {{ endText }}
           </view>
         </view>
-        <view class="fui-bg-month">{{ month }}</view>
+        <view class="up-bg-month">{{ month }}</view>
       </view>
 
-      <view class="fui-calendar-op" v-if="isFixed" @touchmove.stop.prevent="stop">
-        <view class="fui-calendar-result">
+      <view class="up-calendar-op" v-if="isFixed" @touchmove.stop.prevent="stop">
+        <view class="up-calendar-result">
           <text>{{ type == 1 ? activeDate : startDate }}</text>
           <text v-if="endDate">至{{ endDate }}</text>
         </view>
-        <view class="fui-calendar-btn_box">
-          <fui-button :type="btnType" height="72rpx" shape="circle" :size="28" @click="btnFix(false)">确定</fui-button>
+        <view class="up-calendar-btn_box">
+          <up-button :type="btnType" height="72rpx" shape="circle" :size="28" @click="btnFix(false)">确定</up-button>
         </view>
       </view>
     </view>
 
     <view
-      class="fui-popup-mask"
-      :class="[isShow ? 'fui-mask-show' : '']"
+      class="up-popup-mask"
+      :class="[isShow ? 'up-mask-show' : '']"
       @touchmove.stop.prevent="stop"
       v-if="isFixed"
       @tap="hide"
@@ -122,8 +122,8 @@
 </template>
 <script>
 //easycom组件模式 无需手动引入
-// import fuiButton from "../fui-button/fui-button"
-import calendar from './fui-calendar.js';
+// import fuiButton from "../up-button/up-button"
+import calendar from './up-calendar.js';
 export default {
   name: 'fuiCalendar',
   // components:{
@@ -600,7 +600,7 @@ export default {
   font-style: normal;
 }
 
-.fui-iconfont {
+.up-iconfont {
   font-family: 'fuiDateFont' !important;
   font-size: 36rpx;
   font-style: normal;
@@ -608,23 +608,23 @@ export default {
   -moz-osx-font-smoothing: grayscale;
 }
 
-.fui-font-close:before {
+.up-font-close:before {
   content: '\e608';
 }
 
-.fui-font-check:before {
+.up-font-check:before {
   content: '\e6e1';
 }
 
-.fui-font-arrowright:before {
+.up-font-arrowright:before {
   content: '\e600';
 }
 
-.fui-font-arrowleft:before {
+.up-font-arrowleft:before {
   content: '\e601';
 }
 
-.fui-date-box {
+.up-date-box {
   width: 100%;
   display: flex;
   align-items: center;
@@ -633,13 +633,13 @@ export default {
   background-color: #fff;
 }
 
-.fui-calendar-radius {
+.up-calendar-radius {
   border-top-left-radius: 20rpx;
   border-top-right-radius: 20rpx;
   overflow: hidden;
 }
 
-.fui-date_time {
+.up-date_time {
   padding: 0 16rpx;
   color: #333;
   font-size: 32rpx;
@@ -647,15 +647,15 @@ export default {
   font-weight: bold;
 }
 
-.fui-font-arrowleft {
+.up-font-arrowleft {
   margin-right: 32rpx;
 }
 
-.fui-font-arrowright {
+.up-font-arrowright {
   margin-left: 32rpx;
 }
 
-.fui-date-header {
+.up-date-header {
   width: 100%;
   display: flex;
   align-items: center;
@@ -668,7 +668,7 @@ export default {
   z-index: 2;
 }
 
-.fui-date-content {
+.up-date-content {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
@@ -678,11 +678,11 @@ export default {
   position: relative;
 }
 
-.fui-flex-start {
+.up-flex-start {
   align-content: flex-start;
 }
 
-.fui-bg-month {
+.up-bg-month {
   position: absolute;
   font-size: 260rpx;
   line-height: 260rpx;
@@ -693,7 +693,7 @@ export default {
   z-index: 1;
 }
 
-.fui-date {
+.up-date {
   width: 14.2857%;
   display: flex;
   align-items: center;
@@ -704,21 +704,21 @@ export default {
   z-index: 2;
 }
 
-.fui-date-pd_0 {
+.up-date-pd_0 {
   padding: 0 !important;
 }
 
-.fui-start-date {
+.up-start-date {
   border-top-left-radius: 8rpx;
   border-bottom-left-radius: 8rpx;
 }
 
-.fui-end-date {
+.up-end-date {
   border-top-right-radius: 8rpx;
   border-bottom-right-radius: 8rpx;
 }
 
-.fui-date-text {
+.up-date-text {
   width: 80rpx;
   height: 80rpx;
   display: flex;
@@ -731,18 +731,18 @@ export default {
   border-radius: 50%;
 }
 
-.fui-btn-calendar {
+.up-btn-calendar {
   padding: 16rpx;
   box-sizing: border-box;
   text-align: center;
   text-decoration: none;
 }
 
-.fui-opacity {
+.up-opacity {
   opacity: 0.5;
 }
 
-.fui-bottom-popup {
+.up-bottom-popup {
   width: 100%;
   position: fixed;
   left: 0;
@@ -756,12 +756,12 @@ export default {
   min-height: 20rpx;
 }
 
-.fui-popup-show {
+.up-popup-show {
   transform: translate3d(0, 0, 0);
   visibility: visible;
 }
 
-.fui-popup-mask {
+.up-popup-mask {
   position: fixed;
   top: 0;
   left: 0;
@@ -774,12 +774,12 @@ export default {
   visibility: hidden;
 }
 
-.fui-mask-show {
+.up-mask-show {
   opacity: 1;
   visibility: visible;
 }
 
-.fui-calendar-header {
+.up-calendar-header {
   width: 100%;
   height: 80rpx;
   padding: 0 40rpx;
@@ -793,7 +793,7 @@ export default {
   position: relative;
 }
 
-.fui-font-close {
+.up-font-close {
   position: absolute;
   right: 30rpx;
   top: 50%;
@@ -801,20 +801,20 @@ export default {
   color: #999;
 }
 
-.fui-btn-calendar {
+.up-btn-calendar {
   padding: 16rpx;
   box-sizing: border-box;
   text-align: center;
   text-decoration: none;
 }
 
-.fui-font-check {
+.up-font-check {
   color: #fff;
   font-size: 54rpx;
   line-height: 54rpx;
 }
 
-.fui-custom-desc {
+.up-custom-desc {
   width: 100%;
   font-size: 24rpx;
   line-height: 24rpx;
@@ -823,14 +823,14 @@ export default {
   text-align: center;
 }
 
-.fui-lunar-unshow {
+.up-lunar-unshow {
   position: absolute;
   left: 0;
   bottom: 8rpx;
   z-index: 2;
 }
 
-.fui-date-desc {
+.up-date-desc {
   width: 100%;
   font-size: 24rpx;
   line-height: 24rpx;
@@ -843,7 +843,7 @@ export default {
   z-index: 2;
 }
 
-.fui-calendar-op {
+.up-calendar-op {
   width: 100%;
   display: flex;
   align-items: center;
@@ -856,13 +856,13 @@ export default {
   color: #666;
 }
 
-.fui-calendar-result {
+.up-calendar-result {
   height: 48rpx;
   transform: scale(0.9);
   transform-origin: center 100%;
 }
 
-.fui-calendar-btn_box {
+.up-calendar-btn_box {
   width: 100%;
 }
 </style>