cyy-vue-material 7.0.19 → 7.0.21

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

@@ -1,137 +1,137 @@
-<template>
-  <div>
-    <div v-if="lowCode">
-      <div class="lowCode-warp" :style="{ marginTop: props.marginTop + 'px', marginBottom: props.marginBottom + 'px' }">
-        <img :src="resultArr[0]['imgUrl']" alt="" :style="{ borderRadius: classifyPhotoCorner(props.photoCorner) + 'px', width: '100%' }" />
-        <ul>
-          <li v-for="(item, index) in resultArr" :key="index"></li>
-        </ul>
-      </div>
-    </div>
-    <template v-else>
-      <div class="swiperBox" :style="{ marginTop: props.marginTop + 'px', marginBottom: props.marginBottom + 'px' }">
-        <div class="swiper">
-          <swiper
-            interval="4000"
-            class="swiper-content"
-            circular="true"
-            :vertical="directionResult"
-            :autoplay="autoplayResult"
-            :duration="props.autoplayInterval"
-          >
-            <block v-for="(item, index) in resultArr" :key="index">
-              <swiper-item class="img-item">
-                <img
-                  :style="{ borderRadius: classifyPhotoCorner(props.photoCorner) + 'px' }"
-                  :lazy-load="true"
-                  :src="item['imgUrl']"
-                  @click="linkClick(item)"
-                />
-              </swiper-item>
-            </block>
-          </swiper>
-        </div>
-      </div>
-    </template>
-  </div>
-</template>
-
-<script>
-import { isLc } from "../../utils/index.js";
-import { isEmpty, isUndefined } from "lodash-es";
-export default {
-  name: "cyy-ArsenalCarousel",
-  data() {
-    return {
-      lowCode: isLc,
-    };
-  },
-  props: {
-    props: {
-      photoCorner: Number, //图片边角
-      autoPlay: Number, //自动播放
-      autoplayInterval: Number, //轮播间隔
-      direction: Number, //方向
-      loop: Number, //循环播放
-      marginTop: Number, //上边距
-      marginBottom: Number, //下边距
-      selectImg: Array, //添加图片
-    },
-  },
-  mounted() {
-    console.log(this.props, 2023);
-  },
-  computed: {
-    autoplayResult() {
-      if (this.props.autoPlay === 0) {
-        return true;
-      }
-      return false;
-    },
-    directionResult() {
-      if (this.props.direction === 0) {
-        return false;
-      }
-      return true;
-    },
-    resultArr() {
-      const { selectImg, defaultValue } = this.props;
-      const computedArr = selectImg.filter((item) => !isUndefined(item)).filter((item) => !Object.values(item).every((citem) => isUndefined(citem)));
-      let arr = defaultValue;
-      if (!isEmpty(computedArr)) {
-        arr = computedArr;
-      }
-      console.log(52, arr);
-      return arr;
-    },
-  },
-  methods: {
-    classifyPhotoCorner(item) {
-      if (item === 20) {
-        return 10;
-      }
-      if (item === 50) {
-        return 20;
-      }
-      return item;
-    },
-    linkClick(item) {
-      this.$emit("linkClick", item);
-    },
-  },
-};
-</script>
-<style lang="less" scoped>
-.holder {
-  width: 100%;
-  padding: 10px 0;
-  height: 60px;
-  background-color: rgb(888, 431, 73);
-}
-.swiperBox {
-  width: 100%;
-  height: 150px;
-  border-radius: 10px;
-
-  .swiper {
-    width: 100%;
-    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>
+<template>
+  <div>
+    <div v-if="lowCode">
+      <div class="lowCode-warp" :style="{ marginTop: props.marginTop + 'px', marginBottom: props.marginBottom + 'px' }">
+        <img :src="resultArr[0]['imgUrl']" alt="" :style="{ borderRadius: classifyPhotoCorner(props.photoCorner) + 'px', width: '100%' }" />
+        <ul>
+          <li v-for="(item, index) in resultArr" :key="index"></li>
+        </ul>
+      </div>
+    </div>
+    <template v-else>
+      <div class="swiperBox" :style="{ marginTop: props.marginTop + 'px', marginBottom: props.marginBottom + 'px' }">
+        <div class="swiper">
+          <swiper
+            interval="4000"
+            class="swiper-content"
+            circular="true"
+            :vertical="directionResult"
+            :autoplay="autoplayResult"
+            :duration="props.autoplayInterval"
+          >
+            <block v-for="(item, index) in resultArr" :key="index">
+              <swiper-item class="img-item">
+                <img
+                  :style="{ borderRadius: classifyPhotoCorner(props.photoCorner) + 'px' }"
+                  :lazy-load="true"
+                  :src="item['imgUrl']"
+                  @click="linkClick(item)"
+                />
+              </swiper-item>
+            </block>
+          </swiper>
+        </div>
+      </div>
+    </template>
+  </div>
+</template>
+
+<script>
+import { isLc } from "../../utils/index.js";
+import { isEmpty, isUndefined } from "lodash-es";
+export default {
+  name: "cyy-ArsenalCarousel",
+  data() {
+    return {
+      lowCode: isLc,
+    };
+  },
+  props: {
+    props: {
+      photoCorner: Number, //图片边角
+      autoPlay: Number, //自动播放
+      autoplayInterval: Number, //轮播间隔
+      direction: Number, //方向
+      loop: Number, //循环播放
+      marginTop: Number, //上边距
+      marginBottom: Number, //下边距
+      selectImg: Array, //添加图片
+    },
+  },
+  mounted() {
+    console.log(this.props, 2023);
+  },
+  computed: {
+    autoplayResult() {
+      if (this.props.autoPlay === 0) {
+        return true;
+      }
+      return false;
+    },
+    directionResult() {
+      if (this.props.direction === 0) {
+        return false;
+      }
+      return true;
+    },
+    resultArr() {
+      const { selectImg, defaultValue } = this.props;
+      const computedArr = selectImg.filter((item) => !isUndefined(item)).filter((item) => !Object.values(item).every((citem) => isUndefined(citem)));
+      let arr = defaultValue;
+      if (!isEmpty(computedArr)) {
+        arr = computedArr;
+      }
+      console.log(52, arr);
+      return arr;
+    },
+  },
+  methods: {
+    classifyPhotoCorner(item) {
+      if (item === 20) {
+        return 10;
+      }
+      if (item === 50) {
+        return 20;
+      }
+      return item;
+    },
+    linkClick(item) {
+      this.$emit("linkClick", item);
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.holder {
+  width: 100%;
+  padding: 10px 0;
+  height: 60px;
+  background-color: rgb(888, 431, 73);
+}
+.swiperBox {
+  width: 100%;
+  height: 150px;
+  border-radius: 10px;
+
+  .swiper {
+    width: 100%;
+    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>