cyy-vue-material 7.0.19 → 7.0.21

package/src/package/cyy-goodsOne/cyy-goodsOne.vue

@@ -1,217 +1,217 @@
-<template>
-  <div>
-    <div v-if="!props.goods" :style="noDataStyle">请选择商品样式一</div>
-    <div v-else>
-      <div class="three-layout">
-        <div class="three-layout-title" @click="jumpToSearch()">
-          <div class="top-left" v-if="!props.title.isShow">{{ props.title.title || "" }}</div>
-          <div v-if="props.more === 1" class="top-right">
-            <div>更多</div>
-            <image :lazy-load="true" src="../../static/arrow.png"></image>
-          </div>
-        </div>
-
-        <div class="three-layout-content">
-          <div class="three-layout-bigImg">
-            <image :lazy-load="true" :src="props.bill ? props.bill : ''" mode="aspectFill"></image>
-          </div>
-          <div class="three-layout-goods">
-            <scroll-view scroll-x="true" scroll-with-animation="true" class="scroll-list scroll-top">
-              <div class="scroll-item" v-for="(item, index) in listArr" :key="index" @click="toDetail()">
-                <image :lazy-load="true" :src="'https://rcyx-mp-test.yoxuan.vip' + item.dataPic" mode="aspectFill" lazy-load="true"></image>
-                <div class="mask-three-more" v-if="item.goodsSupplynum <= 0 || item.goodsProperty5 === '1'">{{ maskTitle(item.goodsProperty5) }}</div>
-                <p><vop-label :goodsType="item.contlistPrice1"></vop-label>{{ item.goodsName }}</p>
-                <div class="price-box">
-                  <div class="now-price">¥{{ item.pricesetMakeprice || 0 }}</div>
-                  <div class="origin-price" v-if="item.contlistConNow == 1">¥{{ item.pricesetBaseprice || 0 }}</div>
-                </div>
-              </div>
-            </scroll-view>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { fetchGoodImpl, isLc } from "../../utils/index.js";
-import { get } from "lodash-es";
-export default {
-  name: "cyy-goodsOne",
-  props: {
-    props: {
-      title: Object,
-      more: Number,
-      bill: String,
-      SelectGoods: Object,
-      arrange: Number,
-      circular: Number,
-      margin: Number,
-      markedPrice: Number,
-      marginTop: Number,
-      paddingLeft: Number,
-      paddingRight: Number,
-      marginBottom: Number,
-    },
-  },
-  data() {
-    return {
-      listArr: [],
-      noDataStyle: {
-        width: "100%",
-        height: "180px",
-        lineHeight: "180px",
-        fontSize: "30px",
-        backgroundColor: "#ccc",
-        color: "#aaa",
-        textAlign: "center",
-      },
-    };
-  },
-  mounted() {
-    console.log(75);
-    this.init();
-  },
-  methods: {
-    async init() {
-      console.log(196);
-      const { goods = [] } = this.props;
-      console.log(197);
-      const goodsCode = goods.toString();
-      console.log(198);
-      const paramObj = { goodsCode };
-      console.log(199, paramObj);
-      const res = await fetchGoodImpl(this, paramObj);
-      this.listArr = get(res, "list", []);
-      console.log(201);
-      console.log("🐽🐽🐽🐽🐽🐽🐽🐽", this.listArr);
-    },
-
-    goGoodsDetail(item) {
-      if (isLc) {
-        return;
-      }
-      const { skuCode, skuNo } = item;
-      let params = {
-        skuCode: skuCode,
-        skuNo: skuNo,
-      };
-      this.$routers.push("detail", params);
-    },
-    jumpToSearch() {},
-  },
-  maskTitle(presale) {
-    if (presale === "1") {
-      return "预售中";
-    } else {
-      return "补货中";
-    }
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.three-layout {
-  border-radius: 7px;
-  .mask-three-more {
-    position: absolute;
-    top: 0px;
-    display: block;
-    width: 98px;
-    height: 98px;
-    line-height: 98px;
-    background-color: #000;
-    opacity: 0.5;
-    font-size: 52px;
-    text-align: center;
-    color: #ffffff;
-  }
-  .three-layout-title {
-    margin: 15px 12.5px;
-    display: flex;
-    justify-content: space-between;
-    .top-left {
-      font-size: 16px;
-      font-family: PingFangSC-Semibold, PingFang SC;
-      font-weight: 600;
-      color: #333333;
-      line-height: 22px;
-    }
-    .top-right {
-      display: flex;
-      align-items: center;
-      div {
-        color: #595959;
-        font-size: 12px;
-      }
-      image {
-        width: 6px;
-        height: 9px;
-        margin-left: 3px;
-      }
-    }
-  }
-  .three-layout-content {
-    margin: 15px 14.5px;
-    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
-    border-radius: 7px;
-    background: #fff;
-    .three-layout-bigImg {
-      image {
-        border-radius: 28px 28px 0 0;
-        display: inline-block;
-        width: 100%;
-        height: 189px;
-      }
-    }
-    .three-layout-goods {
-      display: flex;
-      justify-content: center;
-      padding: 0px 10px;
-      padding-bottom: 10px;
-      .goods-items {
-        width: 106px;
-      }
-    }
-  }
-}
-
-.scroll-list {
-  width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  display: flex;
-  justify-content: space-between;
-  box-sizing: border-box;
-
-  .scroll-item {
-    display: inline-block;
-    margin-right: 10px;
-
-    image {
-      width: 98px;
-      height: 98px;
-      border-radius: 5px;
-    }
-
-    p {
-      width: 98px;
-      white-space: normal;
-      display: -webkit-box;
-      -webkit-box-orient: vertical;
-      -webkit-line-clamp: 1;
-      overflow: hidden;
-      font-size: 12px;
-      font-family: PingFangSC-Regular, PingFang SC;
-      font-weight: 400;
-      color: #000000;
-      line-height: 17px;
-    }
-  }
-}
-
-.scroll-top {
-  margin-top: 10px;
-}
-</style>
+<template>
+  <div>
+    <div v-if="!props.goods" :style="noDataStyle">请选择商品样式一</div>
+    <div v-else>
+      <div class="three-layout">
+        <div class="three-layout-title" @click="jumpToSearch()">
+          <div class="top-left" v-if="!props.title.isShow">{{ props.title.title || "" }}</div>
+          <div v-if="props.more === 1" class="top-right">
+            <div>更多</div>
+            <image :lazy-load="true" src="../../static/arrow.png"></image>
+          </div>
+        </div>
+
+        <div class="three-layout-content">
+          <div class="three-layout-bigImg">
+            <image :lazy-load="true" :src="props.bill ? props.bill : ''" mode="aspectFill"></image>
+          </div>
+          <div class="three-layout-goods">
+            <scroll-view scroll-x="true" scroll-with-animation="true" class="scroll-list scroll-top">
+              <div class="scroll-item" v-for="(item, index) in listArr" :key="index" @click="toDetail()">
+                <image :lazy-load="true" :src="'https://rcyx-mp-test.yoxuan.vip' + item.dataPic" mode="aspectFill" lazy-load="true"></image>
+                <div class="mask-three-more" v-if="item.goodsSupplynum <= 0 || item.goodsProperty5 === '1'">{{ maskTitle(item.goodsProperty5) }}</div>
+                <p><vop-label :goodsType="item.contlistPrice1"></vop-label>{{ item.goodsName }}</p>
+                <div class="price-box">
+                  <div class="now-price">¥{{ item.pricesetMakeprice || 0 }}</div>
+                  <div class="origin-price" v-if="item.contlistConNow == 1">¥{{ item.pricesetBaseprice || 0 }}</div>
+                </div>
+              </div>
+            </scroll-view>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { fetchGoodImpl, isLc } from "../../utils/index.js";
+import { get } from "lodash-es";
+export default {
+  name: "cyy-goodsOne",
+  props: {
+    props: {
+      title: Object,
+      more: Number,
+      bill: String,
+      SelectGoods: Object,
+      arrange: Number,
+      circular: Number,
+      margin: Number,
+      markedPrice: Number,
+      marginTop: Number,
+      paddingLeft: Number,
+      paddingRight: Number,
+      marginBottom: Number,
+    },
+  },
+  data() {
+    return {
+      listArr: [],
+      noDataStyle: {
+        width: "100%",
+        height: "180px",
+        lineHeight: "180px",
+        fontSize: "30px",
+        backgroundColor: "#ccc",
+        color: "#aaa",
+        textAlign: "center",
+      },
+    };
+  },
+  mounted() {
+    console.log(75);
+    this.init();
+  },
+  methods: {
+    async init() {
+      console.log(196);
+      const { goods = [] } = this.props;
+      console.log(197);
+      const goodsCode = goods.toString();
+      console.log(198);
+      const paramObj = { goodsCode };
+      console.log(199, paramObj);
+      const res = await fetchGoodImpl(this, paramObj);
+      this.listArr = get(res, "list", []);
+      console.log(201);
+      console.log("🐽🐽🐽🐽🐽🐽🐽🐽", this.listArr);
+    },
+
+    goGoodsDetail(item) {
+      if (isLc) {
+        return;
+      }
+      const { skuCode, skuNo } = item;
+      let params = {
+        skuCode: skuCode,
+        skuNo: skuNo,
+      };
+      this.$routers.push("detail", params);
+    },
+    jumpToSearch() {},
+  },
+  maskTitle(presale) {
+    if (presale === "1") {
+      return "预售中";
+    } else {
+      return "补货中";
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.three-layout {
+  border-radius: 7px;
+  .mask-three-more {
+    position: absolute;
+    top: 0px;
+    display: block;
+    width: 98px;
+    height: 98px;
+    line-height: 98px;
+    background-color: #000;
+    opacity: 0.5;
+    font-size: 52px;
+    text-align: center;
+    color: #ffffff;
+  }
+  .three-layout-title {
+    margin: 15px 12.5px;
+    display: flex;
+    justify-content: space-between;
+    .top-left {
+      font-size: 16px;
+      font-family: PingFangSC-Semibold, PingFang SC;
+      font-weight: 600;
+      color: #333333;
+      line-height: 22px;
+    }
+    .top-right {
+      display: flex;
+      align-items: center;
+      div {
+        color: #595959;
+        font-size: 12px;
+      }
+      image {
+        width: 6px;
+        height: 9px;
+        margin-left: 3px;
+      }
+    }
+  }
+  .three-layout-content {
+    margin: 15px 14.5px;
+    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
+    border-radius: 7px;
+    background: #fff;
+    .three-layout-bigImg {
+      image {
+        border-radius: 28px 28px 0 0;
+        display: inline-block;
+        width: 100%;
+        height: 189px;
+      }
+    }
+    .three-layout-goods {
+      display: flex;
+      justify-content: center;
+      padding: 0px 10px;
+      padding-bottom: 10px;
+      .goods-items {
+        width: 106px;
+      }
+    }
+  }
+}
+
+.scroll-list {
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+
+  .scroll-item {
+    display: inline-block;
+    margin-right: 10px;
+
+    image {
+      width: 98px;
+      height: 98px;
+      border-radius: 5px;
+    }
+
+    p {
+      width: 98px;
+      white-space: normal;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      overflow: hidden;
+      font-size: 12px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #000000;
+      line-height: 17px;
+    }
+  }
+}
+
+.scroll-top {
+  margin-top: 10px;
+}
+</style>

package/src/package/cyy-image/cyy-image.vue

@@ -1,64 +1,64 @@
-<template>
-  <div>
-    <div v-for="(item, index) in resultArr" :key="cyy">
-      <img mode="widthFix" :style="[computedStyle, imgStyle]" :src="item['imgUrl']" alt="" />
-    </div>
-  </div>
-</template>
-
-<script>
-import pick from "lodash-es/pick.js";
-import omit from "lodash-es/omit.js";
-import { handlePlat } from "../../utils/index.js";
-import { isEmpty, isUndefined } from "lodash-es";
-export default {
-  name: "cyy-cube",
-  data() {
-    return {
-      imgStyle: {
-        width: "100%",
-        boxSizing: "border-box",
-      },
-    };
-  },
-  props: {
-    props: {
-      selectImg: Array,
-      borderRadius: Number,
-      marginTop: Number,
-      paddingLeft: Number,
-      paddingRight: Number,
-      marginBottom: Number,
-      defaultValue: Array,
-    },
-  },
-  computed: {
-    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;
-    },
-    computedStyle() {
-      const variates = ["borderRadius", "marginTop", "paddingLeft", "paddingRight", "marginBottom"];
-      const params = pick(this.props, variates);
-      const resetProps = omit(this.props, variates);
-
-      return {
-        ...handlePlat(params),
-        ...resetProps,
-      };
-    },
-  },
-};
-</script>
-<style lang="less" scoped>
-.lc-img-item {
-  width: 100%;
-  box-sizing: border-box;
-}
-</style>
+<template>
+  <div>
+    <div v-for="(item, index) in resultArr" :key="cyy">
+      <img mode="widthFix" :style="[computedStyle, imgStyle]" :src="item['imgUrl']" alt="" />
+    </div>
+  </div>
+</template>
+
+<script>
+import pick from "lodash-es/pick.js";
+import omit from "lodash-es/omit.js";
+import { handlePlat } from "../../utils/index.js";
+import { isEmpty, isUndefined } from "lodash-es";
+export default {
+  name: "cyy-cube",
+  data() {
+    return {
+      imgStyle: {
+        width: "100%",
+        boxSizing: "border-box",
+      },
+    };
+  },
+  props: {
+    props: {
+      selectImg: Array,
+      borderRadius: Number,
+      marginTop: Number,
+      paddingLeft: Number,
+      paddingRight: Number,
+      marginBottom: Number,
+      defaultValue: Array,
+    },
+  },
+  computed: {
+    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;
+    },
+    computedStyle() {
+      const variates = ["borderRadius", "marginTop", "paddingLeft", "paddingRight", "marginBottom"];
+      const params = pick(this.props, variates);
+      const resetProps = omit(this.props, variates);
+
+      return {
+        ...handlePlat(params),
+        ...resetProps,
+      };
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.lc-img-item {
+  width: 100%;
+  box-sizing: border-box;
+}
+</style>