@10yun/cv-mobile-ui 0.3.24 → 0.3.26

package/ui-cv/cv-skeleton/cv-skeleton.vue

@@ -1,15 +1,20 @@
 <template>
   <view>
-    <view v-if="loading" class="cv-skeleton" :class="{ animate: animate }" :style="{ justifyContent: flexType}">
+    <view v-if="loading" class="cv-skeleton" :class="{ animate: animate }" :style="{ justifyContent: flexType }">
       <!-- 轮播图 -->
       <view v-if="imgTitle" class="cv-skeleton-imgTitle"></view>
       <!-- 头像图 -->
       <block v-if="showAvatar && !imgTitle">
-        <view class="cv-skeleton-avatar" v-for="(item, index) in nameRow" :key="index" :class="[avatarShape]"
-          :style="{ width: avatarSize, height: avatarSize}"></view>
+        <view
+          class="cv-skeleton-avatar"
+          v-for="(item, index) in nameRow"
+          :key="index"
+          :class="[avatarShape]"
+          :style="{ width: avatarSize, height: avatarSize }"
+        ></view>
       </block>
       <!-- 文字条 -->
-      <view class="cv-skeleton-content" v-if="showTitle  && !imgTitle">
+      <view class="cv-skeleton-content" v-if="showTitle && !imgTitle">
         <view class="cv-skeleton-title" :style="{ width: titleWidth }"></view>
         <view class="cv-skeleton-rows">
           <view class="cv-skeleton-row-item" v-for="(item, index) in rowList" :key="index" :style="{ width: item.width }"></view>
@@ -23,75 +28,75 @@
 </template>
 
 <script>
-const DEFAULT_ROW_WIDTH = '100%'
-const DEFAULT_LAST_ROW_WIDTH = '60%'
+const DEFAULT_ROW_WIDTH = '100%';
+const DEFAULT_LAST_ROW_WIDTH = '60%';
 /**
  * 骨架屏幕
  * 文档说明：https://ext.dcloud.net.cn/plugin?id=926
  */
 export default {
-  name: "cvSkeleton",
+  name: 'cvSkeleton',
   props: {
     loading: {
       type: Boolean,
-      default: true,
+      default: true
     },
     imgTitle: {
       type: Boolean,
-      default: false,
+      default: false
     },
     nameRow: {
       type: Number,
-      default: 1,
+      default: 1
     },
     flexType: {
       type: String,
-      default: 'flex-start', // center	居中	√		space-between	两端对齐	√		space-around	子元素拉手分布	√		flex-start	居左		flex-end	居右
+      default: 'flex-start' // center	居中	√		space-between	两端对齐	√		space-around	子元素拉手分布	√		flex-start	居左		flex-end	居右
     },
     showAvatar: {
       type: Boolean,
-      default: true,
+      default: true
     },
     avatarSize: {
       type: String,
-      default: '50px',
+      default: '50px'
     },
     avatarShape: {
       type: String,
-      default: 'round', // square | round
+      default: 'round' // square | round
     },
     showTitle: {
       type: Boolean,
-      default: false,
+      default: false
     },
     titleWidth: {
       type: String,
-      default: '40%',
+      default: '40%'
     },
     row: {
       type: Number,
-      default: 3,
+      default: 3
     },
     animate: {
       type: Boolean,
-      default: true,
-    },
+      default: true
+    }
   },
   data() {
-    return {}
+    return {};
   },
   computed: {
     rowList() {
-      let list = []
+      let list = [];
       for (let i = 0; i < this.row; i++) {
         list.push({
-          width: i === this.row - 1 && i !== 0 ? DEFAULT_LAST_ROW_WIDTH : DEFAULT_ROW_WIDTH,
-        })
+          width: i === this.row - 1 && i !== 0 ? DEFAULT_LAST_ROW_WIDTH : DEFAULT_ROW_WIDTH
+        });
       }
-      return list
-    },
-  },
-}
+      return list;
+    }
+  }
+};
 </script>
 
 <style>

package/ui-cv/cv-skeleton/cv-skeleton2.vue

@@ -1,12 +1,43 @@
 <template>
   <view
-    :style="{width:systemInfo.width+'rpx', height: systemInfo.height+'rpx','background-color': bgcolor,position:'absolute', left:'0', top:'0','z-index':'9998', overflow: 'hidden'}">
-    <view v-for="(item,index) in skeletonRectLists" :key="index" :class="{chiaroscuro:loading == 'chiaroscuro'}"
-      :style="{width:item.width+'rpx',height: item.height+'rpx','background-color': 'rgb(194, 207, 214)',position: 'absolute',left:item.left+'rpx',top: item.top+'rpx'}">
-    </view>
-    <view v-for="(item,index) in skeletonCircleLists" :key="index" :class="{chiaroscuro:loading == 'chiaroscuro'}"
-      :style="{width: item.width+'rpx',height: item.height+'rpx','background-color': 'rgb(194, 207, 214)', 'border-radius':item.width+'rpx',position: 'absolute', left: item.left+'rpx', top: item.top+'rpx'}">
-    </view>
+    :style="{
+      width: systemInfo.width + 'rpx',
+      height: systemInfo.height + 'rpx',
+      'background-color': bgcolor,
+      position: 'absolute',
+      left: '0',
+      top: '0',
+      'z-index': '9998',
+      overflow: 'hidden'
+    }"
+  >
+    <view
+      v-for="(item, index) in skeletonRectLists"
+      :key="index"
+      :class="{ chiaroscuro: loading == 'chiaroscuro' }"
+      :style="{
+        width: item.width + 'rpx',
+        height: item.height + 'rpx',
+        'background-color': 'rgb(194, 207, 214)',
+        position: 'absolute',
+        left: item.left + 'rpx',
+        top: item.top + 'rpx'
+      }"
+    ></view>
+    <view
+      v-for="(item, index) in skeletonCircleLists"
+      :key="index"
+      :class="{ chiaroscuro: loading == 'chiaroscuro' }"
+      :style="{
+        width: item.width + 'rpx',
+        height: item.height + 'rpx',
+        'background-color': 'rgb(194, 207, 214)',
+        'border-radius': item.width + 'rpx',
+        position: 'absolute',
+        left: item.left + 'rpx',
+        top: item.top + 'rpx'
+      }"
+    ></view>
 
     <view class="cv-spinbox" v-if="loading == 'spin'">
       <view class="cv-spin"></view>
@@ -15,51 +46,46 @@
 </template>
 <script>
 export default {
-  name: "",
+  name: '',
   props: {
     bgcolor: {
       type: String,
-      default: "#FFF"
+      default: '#FFF'
     },
     selector: {
       type: String,
-      default: "skeleton"
+      default: 'skeleton'
     },
     loading: {
       type: String,
-      default: "spin"
+      default: 'spin'
     }
   },
   data() {
     return {
-      loadingAni: ["spin", "chiaroscuro"],
+      loadingAni: ['spin', 'chiaroscuro'],
       systemInfo: {},
       skeletonRectLists: [],
       skeletonCircleLists: []
-    }
-  },
-  created: function () {
-
-  },
-  mounted: function () {
-
+    };
   },
+  created: function () {},
+  mounted: function () {},
   methods: {
     attached: function () {
       //默认的首屏宽高，防止内容闪现
-      const systemInfo = uni.getStorageSync("cache_system_info");
+      const systemInfo = uni.getStorageSync('cache_system_info');
       (this.systemInfo = {
         width: systemInfo.windowWidth,
         height: systemInfo.windowHeight
       }),
-        (this.loading = this.loadingAni.includes(this.loading) ?
-          this.loading :
-          "spin");
+        (this.loading = this.loadingAni.includes(this.loading) ? this.loading : 'spin');
     },
     rectHandle: function () {
       const that = this;
       //绘制不带样式的节点
-      uni.createSelectorQuery()
+      uni
+        .createSelectorQuery()
         .selectAll(`.${this.selector}-rect`)
         .boundingClientRect()
         .exec(function (res) {
@@ -69,7 +95,8 @@ export default {
 
     radiusHandle: function () {
       const that = this;
-      uni.createSelectorQuery()
+      uni
+        .createSelectorQuery()
         .selectAll(`.${this.selector}-radius`)
         .boundingClientRect()
         .exec(function (res) {
@@ -81,7 +108,8 @@ export default {
     const that = this;
 
     //绘制背景
-    uni.createSelectorQuery()
+    uni
+      .createSelectorQuery()
       .select(`.${this.data.selector}`)
       .boundingClientRect()
       .exec(function (res) {
@@ -113,7 +141,7 @@ export default {
 }
 
 .spin:after {
-  content: " ";
+  content: ' ';
   display: block;
   width: 46rpx;
   height: 46rpx;
@@ -177,11 +205,6 @@ export default {
   top: 0;
   bottom: 0;
   width: 100%;
-  background: linear-gradient(
-    to left,
-    rgba(255, 255, 255, 0) 0%,
-    rgba(255, 255, 255, 0.85) 50%,
-    rgba(255, 255, 255, 0) 100%
-  );
+  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0) 100%);
 }
 </style>

package/ui-cv/cv-skeleton-group/cv-skeleton-group.vue

@@ -7,12 +7,10 @@
 export default {
   name: 'cvSkeletonGroup',
   data() {
-    return {
-    };
+    return {};
   },
-  methods: {
-  }
-}
+  methods: {}
+};
 </script>
 <style>
 .cv-skeleton-group {
@@ -20,4 +18,4 @@ export default {
   height: 100vh;
   background-color: #fff;
 }
-</style>
+</style>

package/ui-cv/cv-specs/cv-specs.vue

@@ -5,26 +5,31 @@
       <view class="cv-specs-sort-area" v-for="(item, index1) in spu" :key="index1">
         <!-- 规格类别名称 -->
         <view class="cv-specs-sort-name">
-          <text>{{item.name}}</text>
+          <text>{{ item.name }}</text>
         </view>
         <!-- 规格列表 -->
         <view class="cv-specs-sort-list">
-          <view class="cv-specs-sort-list-details" v-for="(item_value, i) in item.items" :key="i"
-            :class="[item_value.ishow ? '' : 'disabled', subIndex[index1] == i ? 'selected' : '']" @tap="skuClick(item_value, index1, $event, i)">
-            <text>{{item_value.name}}</text>
+          <view
+            class="cv-specs-sort-list-details"
+            v-for="(item_value, i) in item.items"
+            :key="i"
+            :class="[item_value.ishow ? '' : 'disabled', subIndex[index1] == i ? 'selected' : '']"
+            @tap="skuClick(item_value, index1, $event, i)"
+          >
+            <text>{{ item_value.name }}</text>
           </view>
         </view>
       </view>
     </view>
     <!-- 数量 -->
-    <view class="cv-number" v-if="disabledNumber===false">
+    <view class="cv-number" v-if="disabledNumber === false">
       <view class="cv-number-title"><text>购买数量</text></view>
       <view class="cv-number-right">
-        <view class="cv-number-right-cut" :class="numberCutDisabled?'disabled':''" @tap="changeNumber('cut')">
+        <view class="cv-number-right-cut" :class="numberCutDisabled ? 'disabled' : ''" @tap="changeNumber('cut')">
           <view class="cv-number-right-cut-fill"></view>
         </view>
-        <view class="cv-number-right-num">{{localNumber}}</view>
-        <view class="cv-number-right-plus" :class="numberPlusDisabled?'disabled':''" @tap="changeNumber('plus')">
+        <view class="cv-number-right-num">{{ localNumber }}</view>
+        <view class="cv-number-right-plus" :class="numberPlusDisabled ? 'disabled' : ''" @tap="changeNumber('plus')">
           <view class="cv-number-right-cut-fill-h"></view>
           <view class="cv-number-right-cut-fill-s"></view>
         </view>
@@ -35,22 +40,21 @@
 
 <script>
 export default {
-  name: "cvSpecs",
+  name: 'cvSpecs',
   options: {
-    addGlobalClass: true,
+    addGlobalClass: true
   },
   props: {
     specList: {
       type: Object,
       default() {
-        return {}
+        return {};
       }
-
     },
     skuList: {
       type: Object,
       default() {
-        return {}
+        return {};
       }
     },
     disabledNumber: {
@@ -88,12 +92,11 @@ export default {
       localNumber: 1,
       numberCutDisabled: true,
       numberPlusDisabled: false,
-      numberMax: 99,
+      numberMax: 99
     };
   },
   created: function () {
     this._dealData();
-
   },
   methods: {
     //初始化数据
@@ -105,7 +108,7 @@ export default {
       this.subIndex = []; //是否选中 因为不确定是多规格还是但规格，所以这里定义数组来判断
       this.selectshop = {}; //存放最后选中的商品
       if (this.spu && this.sku && this.spu.length > 0 && this.sku.length > 0) {
-        this.spu.map(item => {
+        this.spu.map((item) => {
           this.selectArr.push('');
           this.subIndex.push(-1);
         });
@@ -124,11 +127,11 @@ export default {
         }
         this.checkInpath(index1);
         //如果全部选完
-        if (this.selectArr.every(item => item != '')) {
+        if (this.selectArr.every((item) => item != '')) {
           this.selectshop = this.shopItemInfo[this.selectArr];
 
           this.localNumber = 1;
-          this.numberMax = this.selectshop.stock
+          this.numberMax = this.selectshop.stock;
         } else {
           this.selectshop = {};
         }
@@ -149,7 +152,7 @@ export default {
           }
           let choosed_copy = [...this.selectArr];
           this.$set(choosed_copy, i, this.spu[i].items[j].name);
-          let choosed_copy2 = choosed_copy.filter(item => item !== '' && typeof item !== 'undefined');
+          let choosed_copy2 = choosed_copy.filter((item) => item !== '' && typeof item !== 'undefined');
           if (this.shopItemInfo.hasOwnProperty(choosed_copy2)) {
             this.$set(this.spu[i].items[j], 'ishow', true);
           } else {
@@ -166,7 +169,7 @@ export default {
             items.sku.reduce(
               (arr, item) => {
                 return arr.concat(
-                  arr.map(item2 => {
+                  arr.map((item2) => {
                     //利用对象属性的唯一性实现二维数组去重
                     if (!this.shopItemInfo.hasOwnProperty([...item2, item])) {
                       this.shopItemInfo[[...item2, item]] = items;
@@ -185,17 +188,16 @@ export default {
     changeNumber(type) {
       if (type == 'cut') {
         if (!this.numberCutDisabled) {
-          this.localNumber = --this.localNumber
+          this.localNumber = --this.localNumber;
         } else {
           return;
         }
       } else if (type == 'plus') {
         if (!this.numberPlusDisabled) {
-          this.localNumber = ++this.localNumber
+          this.localNumber = ++this.localNumber;
         } else {
           return;
         }
-
       }
       if (this.localNumber <= 1) {
         this.numberCutDisabled = true;
@@ -204,26 +206,25 @@ export default {
         this.numberCutDisabled = false;
       }
       if (this.localNumber >= this.numberMax) {
-        this.localNumber = this.numberMax
+        this.localNumber = this.numberMax;
         this.numberPlusDisabled = true;
       } else {
         this.numberPlusDisabled = false;
-
       }
     },
     change() {
       let data = {};
-      data.sku = this.selectshop
+      data.sku = this.selectshop;
       data.selectSpecs = [...this.selectArr];
       if (this.disabledNumber === false) {
         data.number = this.localNumber;
       }
-      this.$emit('change', data)
-    },
+      this.$emit('change', data);
+    }
   }
 };
-</script> 
-<style >
+</script>
+<style>
 .cv-specs {
   padding: 0 10px;
   background-color: #ffffff;

package/ui-cv/cv-switch/cv-switch.vue

@@ -8,11 +8,11 @@
 import MixinsCommon from '../mixins/mixins-common.js';
 export default {
   mixins: [MixinsCommon],
-  name: "cvSwitch",
+  name: 'cvSwitch',
   inject: {
     cvFormGroup: {
       default() {
-        return null
+        return null;
       }
     }
   },
@@ -26,14 +26,13 @@ export default {
       type: [String, Number, Boolean],
       default: 0
     }
-
   },
   data() {
     return {
       localVal: 0,
       itemsValue: '',
       dataType: 'Number',
-      checked: false,
+      checked: false
     };
   },
   watch: {
@@ -75,7 +74,7 @@ export default {
     updateInput() {
       switch (this.dataType) {
         case 'boolean':
-          this.localVal = this.checked
+          this.localVal = this.checked;
           break;
         case 'number':
           if (this.checked == true) {