cyy-vue-material 1.0.34 → 1.0.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cyy-vue-material",
-  "version": "1.0.34",
+  "version": "1.0.36",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/src/package/cyy-ArsenalCarousel/cyy-ArsenalCarousel.vue

@@ -2,42 +2,17 @@
   <div>
     <div v-if="!props.selectImg.length" class="holder">请上传图片</div>
     <template v-else>
-      轮播图
-      <!-- <div
-        v-if="props.showStyle === 0"
-        class="golds"
-        :style="{ backgroundColor: props.backgroundColor, paddingTop: props.paddingTop + 'px', paddingBottom: props.paddingBottom + 'px' }"
-      >
-        <div class="golds-item" v-for="(item, index) in resultArr" :key="index" @click="linkClick(item)">
-          <img
-            :class="[props.photoSize === 1 ? 'photoSizeBig' : 'photoSizeSmall']"
-            :style="{ borderRadius: props.photoCorner + '%' }"
-            :lazy-load="true"
-            :src="item['imgUrl']"
-          />
-          <div :style="{ color: props.fontColor }">{{ item.name }}</div>
+      <div class="swiperBox">
+        <div class="swiper">
+          <swiper interval="4000" class="swiper-content" circular="true" autoplay="true" duration="1500" @change="setimg">
+            <block v-for="(item, index) in resultArr" :key="index">
+              <swiper-item class="img-item">
+                <img :lazy-load="true" :src="item['imgUrl']" @click="linkClick(item)" />
+              </swiper-item>
+            </block>
+          </swiper>
         </div>
       </div>
-      <div v-if="props.showStyle === 1">
-        <div class="classify-list" :style="{ paddingTop: props.paddingTop + 'px', paddingBottom: props.paddingBottom + 'px' }">
-          <div
-            class="classify-item"
-            :class="[props.photoSize === 1 ? 'classifyItemBig' : 'classifyItemSmall']"
-            :style="{ backgroundColor: props.backgroundColor }"
-            v-for="item in resultArr"
-            :key="index"
-            @click="linkClick(item)"
-          >
-            <div :class="[props.photoSize === 1 ? 'classifyFontBig' : 'classifyFontSmall']" :style="{ color: props.fontColor }">{{ item.name }}</div>
-            <img
-              :class="[props.photoSize === 1 ? 'classifyImgBig' : 'classifyImgSmall']"
-              :style="{ borderRadius: classifyPhotoCorner(props.photoCorner) + 'px' }"
-              :lazy-load="true"
-              :src="item['imgUrl']"
-            />
-          </div>
-        </div>
-      </div> -->
     </template>
   </div>
 </template>
@@ -45,14 +20,9 @@
 <script>
 import { isEmpty, isUndefined } from "lodash-es";
 export default {
-  name: "cyy-ArsenalPicture",
+  name: "cyy-ArsenalCarousel",
   data() {
-    return {
-      imgStyle: {
-        width: "100%",
-        boxSizing: "border-box",
-      },
-    };
+    return {};
   },
   props: {
     props: {
@@ -102,6 +72,32 @@ export default {
   width: 100%;
   padding: 10px 0;
   height: 60px;
-  background-color: rgb(80, 431, 73);
+  background-color: rgb(888, 431, 73);
+}
+.swiperBox {
+  width: 375px;
+  height: 150px;
+  border-radius: 10px;
+
+  .swiper {
+    width: 375px;
+    height: 150px;
+
+    .swiper-content {
+      height: 150px;
+      width: 100%;
+
+      .img-item {
+        padding: 0 12.5px;
+        box-sizing: border-box;
+      }
+    }
+
+    img {
+      width: 100%;
+      height: 100%;
+      border-radius: 10px;
+    }
+  }
 }
 </style>

package/src/package/cyy-goods/cyy-goods.vue

@@ -75,9 +75,8 @@ export default {
       this.imgUrl = getUrl(this);
       console.log("this.imgUrl", this.imgUrl);
       const { goods = [] } = this.props;
-      const goodsCode = goods.toString();
-      const paramObj = { goodsCode };
-      console.log("🐽🐽🐽🐽🐽🐽🐽🐽m", goodsCode);
+      const skuCode = goods.toString();
+      const paramObj = { skuCodeStr: skuCode };
       const res = await fetchGoodImpl(this, paramObj);
       this.listArr = get(res, "list", []);
       console.log("🐽🐽🐽🐽🐽🐽🐽🐽w", this.listArr);
@@ -209,9 +208,10 @@ button {
           border-radius: 5px;
           background-color: red;
           color: white;
-          min-width: 74px;
+          // min-width: 74px;
           margin: 0.5em 0.25em 0;
           align-self: flex-end;
+          font-size: 12px;
         }
       }
     }