cyy-vue-material 7.0.19 → 7.0.21

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

@@ -1,267 +1,267 @@
-<template>
-  <view>
-    <view class="three-layout">
-      <view class="three-layout-title" @click="jumpToSearch(floorList.cmsContlistReDomainList)">
-        <view class="top-left" v-if="floorList.conttitleNameNow">{{ floorList.conttitleNameNow || "" }} </view>
-        <view class="top-right">
-          <view>更多</view>
-          <image :lazy-load="true" src="@/static/car/arrow.png"></image>
-        </view>
-      </view>
-
-      <view class="three-layout-content">
-        <view class="three-layout-bigImg">
-          <image :lazy-load="true" :src="floorList.conttitlePicurlNow ? checkImgUrl(floorList.conttitlePicurlNow) : ''" mode="aspectFill"></image>
-        </view>
-        <view class="three-layout-goods">
-          <scroll-view scroll-x="true" scroll-with-animation="true" class="scroll-list scroll-top">
-            <view class="scroll-item" v-for="(item, index) in floorList.cmsContlistReDomainList" :key="index" @click="toDetail(item.contlistPicurl3)">
-              <image :lazy-load="true" :src="checkImgUrl(item.contlistCon || item.contlistPicurl)" mode="aspectFill" lazy-load="true"></image>
-              <view class="mask-three-more" v-if="item.goodsSupplynum <= 0 || item.goodsProperty5 === '1'">{{ maskTitle(item.goodsProperty5) }}</view>
-              <p><vop-label :goodsType="item.contlistPrice1"></vop-label>{{ item.contlistName }}</p>
-              <view class="price-box">
-                <view class="now-price">¥{{ $toFix(item.contlistPrice, 2, 2) || 0 }}</view>
-                <view class="origin-price" v-if="item.contlistConNow == 1"> ¥{{ $toFix(item.contlistPicurl1, 2, 2) || 0 }}</view>
-              </view>
-            </view>
-          </scroll-view>
-        </view>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-import { checkImgUrl } from "@/utils/checkImg.js";
-export default {
-  props: {
-    floorList: Object, // 楼层数据
-    floorSymbol: String,
-  },
-  data() {
-    return {
-      checkImgUrl,
-    };
-  },
-  methods: {
-    toDetail(item) {
-      this.$emit("toDetail", item);
-    },
-    jumpToSearch(item) {
-      this.$emit("jumpToSearch", item, 1);
-    },
-    maskTitle(presale) {
-      if (presale === "1") {
-        return "预售中";
-      } else {
-        return "补货中";
-      }
-    },
-  },
-  mounted() {
-    // console.log(this.floorList, 'mounted');
-  },
-  watch: {},
-  filters: {},
-};
-</script>
-
-<style lang="scss" scoped>
-// 布局为三个一行排列方式 , 也为一部分通用部分
-.three-layout {
-  // margin: 30rpx 25rpx;
-  // box-shadow: 0px 10rpx 20rpx 0px rgba(0, 0, 0, 0.1);
-  border-radius: 14rpx;
-  // background: pink;
-  // padding: 27rpx 20rpx 0rpx;
-  .mask {
-    position: absolute;
-    display: block;
-    width: 108rpx;
-    height: 108rpx;
-    line-height: 108rpx;
-    background-color: #000;
-    opacity: 0.5;
-    font-size: 26 rpx;
-    text-align: center;
-    color: #ffffff;
-  }
-  .mask-three-nomore {
-    position: absolute;
-    top: 0;
-    display: block;
-    width: 196rpx;
-    height: 196rpx;
-    line-height: 196rpx;
-    background-color: #000;
-    opacity: 0.5;
-    font-size: 26 rpx;
-    text-align: center;
-    color: #ffffff;
-  }
-  .mask-three-more {
-    position: absolute;
-    top: 0rpx;
-    display: block;
-    width: 196rpx;
-    height: 196rpx;
-    line-height: 196rpx;
-    background-color: #000;
-    opacity: 0.5;
-    font-size: 26 rpx;
-    text-align: center;
-    color: #ffffff;
-  }
-  .three-layout-title {
-    margin: 30rpx 25rpx;
-    display: flex;
-    justify-content: space-between;
-    .top-left {
-      font-size: 32rpx;
-      font-family: PingFangSC-Semibold, PingFang SC;
-      font-weight: 600;
-      color: #333333;
-      line-height: 44rpx;
-    }
-    .top-right {
-      display: flex;
-      align-items: center;
-      view {
-        color: #595959;
-        font-size: 24rpx;
-      }
-      image {
-        width: 12rpx;
-        height: 18rpx;
-        margin-left: 6rpx;
-      }
-    }
-  }
-  .three-layout-content {
-    margin: 30rpx 29rpx;
-    box-shadow: 0px 10rpx 20rpx 0px rgba(0, 0, 0, 0.1);
-    border-radius: 14rpx;
-    // border: 4rpx solid #f6f6f6;
-    background: #fff;
-    .three-layout-bigImg {
-      image {
-        border-radius: 14rpx 14rpx 0 0;
-        display: inline-block;
-        width: 100%;
-        height: 378rpx;
-      }
-    }
-    .three-layout-goods {
-      display: flex;
-      justify-content: center;
-      padding: 0rpx 20rpx;
-      padding-bottom: 20rpx;
-      .goods-items {
-        width: 212rpx;
-      }
-    }
-  }
-}
-
-.scroll-list {
-  width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  // padding: 0 16rpx;
-  display: flex;
-  justify-content: space-between;
-  box-sizing: border-box;
-  // margin-top: 20rpx;
-
-  .scroll-item {
-    display: inline-block;
-    margin-right: 20rpx;
-
-    image {
-      width: 196rpx;
-      height: 196rpx;
-      border-radius: 10rpx;
-    }
-
-    p {
-      width: 196rpx;
-      white-space: normal;
-      display: -webkit-box;
-      -webkit-box-orient: vertical;
-      -webkit-line-clamp: 1;
-      overflow: hidden;
-      font-size: 24rpx;
-      font-family: PingFangSC-Regular, PingFang SC;
-      font-weight: 400;
-      color: #000000;
-      line-height: 34rpx;
-    }
-
-    .price-box {
-      margin-top: 5rpx;
-      display: flex;
-      align-items: center;
-
-      .now-price {
-        color: #eb2b27;
-        font-weight: bold;
-        font-size: 24rpx;
-      }
-
-      .origin-price {
-        color: #8c8c8c;
-        font-size: 22rpx;
-        text-decoration: line-through;
-        margin-left: 8rpx;
-      }
-    }
-  }
-  .un-scroll-item {
-    display: inline-block;
-    margin-right: 15rpx;
-
-    image {
-      width: 196rpx;
-      height: 196rpx;
-      // border-radius: 10rpx;
-    }
-
-    p {
-      width: 196rpx;
-      white-space: normal;
-      display: -webkit-box;
-      -webkit-box-orient: vertical;
-      -webkit-line-clamp: 1;
-      overflow: hidden;
-      font-size: 24rpx;
-      font-family: PingFangSC-Regular, PingFang SC;
-      font-weight: 400;
-      color: #000000;
-      line-height: 34rpx;
-    }
-
-    .price-box {
-      margin-top: 5rpx;
-      display: flex;
-      align-items: center;
-
-      .now-price {
-        color: #eb2b27;
-        font-weight: bold;
-        font-size: 24rpx;
-      }
-
-      .origin-price {
-        color: #8c8c8c;
-        font-size: 22rpx;
-        text-decoration: line-through;
-        margin-left: 8rpx;
-      }
-    }
-  }
-}
-
-.scroll-top {
-  margin-top: 20rpx;
-}
-</style>
+<template>
+  <view>
+    <view class="three-layout">
+      <view class="three-layout-title" @click="jumpToSearch(floorList.cmsContlistReDomainList)">
+        <view class="top-left" v-if="floorList.conttitleNameNow">{{ floorList.conttitleNameNow || "" }} </view>
+        <view class="top-right">
+          <view>更多</view>
+          <image :lazy-load="true" src="@/static/car/arrow.png"></image>
+        </view>
+      </view>
+
+      <view class="three-layout-content">
+        <view class="three-layout-bigImg">
+          <image :lazy-load="true" :src="floorList.conttitlePicurlNow ? checkImgUrl(floorList.conttitlePicurlNow) : ''" mode="aspectFill"></image>
+        </view>
+        <view class="three-layout-goods">
+          <scroll-view scroll-x="true" scroll-with-animation="true" class="scroll-list scroll-top">
+            <view class="scroll-item" v-for="(item, index) in floorList.cmsContlistReDomainList" :key="index" @click="toDetail(item.contlistPicurl3)">
+              <image :lazy-load="true" :src="checkImgUrl(item.contlistCon || item.contlistPicurl)" mode="aspectFill" lazy-load="true"></image>
+              <view class="mask-three-more" v-if="item.goodsSupplynum <= 0 || item.goodsProperty5 === '1'">{{ maskTitle(item.goodsProperty5) }}</view>
+              <p><vop-label :goodsType="item.contlistPrice1"></vop-label>{{ item.contlistName }}</p>
+              <view class="price-box">
+                <view class="now-price">¥{{ $toFix(item.contlistPrice, 2, 2) || 0 }}</view>
+                <view class="origin-price" v-if="item.contlistConNow == 1"> ¥{{ $toFix(item.contlistPicurl1, 2, 2) || 0 }}</view>
+              </view>
+            </view>
+          </scroll-view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { checkImgUrl } from "@/utils/checkImg.js";
+export default {
+  props: {
+    floorList: Object, // 楼层数据
+    floorSymbol: String,
+  },
+  data() {
+    return {
+      checkImgUrl,
+    };
+  },
+  methods: {
+    toDetail(item) {
+      this.$emit("toDetail", item);
+    },
+    jumpToSearch(item) {
+      this.$emit("jumpToSearch", item, 1);
+    },
+    maskTitle(presale) {
+      if (presale === "1") {
+        return "预售中";
+      } else {
+        return "补货中";
+      }
+    },
+  },
+  mounted() {
+    // console.log(this.floorList, 'mounted');
+  },
+  watch: {},
+  filters: {},
+};
+</script>
+
+<style lang="scss" scoped>
+// 布局为三个一行排列方式 , 也为一部分通用部分
+.three-layout {
+  // margin: 30rpx 25rpx;
+  // box-shadow: 0px 10rpx 20rpx 0px rgba(0, 0, 0, 0.1);
+  border-radius: 14rpx;
+  // background: pink;
+  // padding: 27rpx 20rpx 0rpx;
+  .mask {
+    position: absolute;
+    display: block;
+    width: 108rpx;
+    height: 108rpx;
+    line-height: 108rpx;
+    background-color: #000;
+    opacity: 0.5;
+    font-size: 26 rpx;
+    text-align: center;
+    color: #ffffff;
+  }
+  .mask-three-nomore {
+    position: absolute;
+    top: 0;
+    display: block;
+    width: 196rpx;
+    height: 196rpx;
+    line-height: 196rpx;
+    background-color: #000;
+    opacity: 0.5;
+    font-size: 26 rpx;
+    text-align: center;
+    color: #ffffff;
+  }
+  .mask-three-more {
+    position: absolute;
+    top: 0rpx;
+    display: block;
+    width: 196rpx;
+    height: 196rpx;
+    line-height: 196rpx;
+    background-color: #000;
+    opacity: 0.5;
+    font-size: 26 rpx;
+    text-align: center;
+    color: #ffffff;
+  }
+  .three-layout-title {
+    margin: 30rpx 25rpx;
+    display: flex;
+    justify-content: space-between;
+    .top-left {
+      font-size: 32rpx;
+      font-family: PingFangSC-Semibold, PingFang SC;
+      font-weight: 600;
+      color: #333333;
+      line-height: 44rpx;
+    }
+    .top-right {
+      display: flex;
+      align-items: center;
+      view {
+        color: #595959;
+        font-size: 24rpx;
+      }
+      image {
+        width: 12rpx;
+        height: 18rpx;
+        margin-left: 6rpx;
+      }
+    }
+  }
+  .three-layout-content {
+    margin: 30rpx 29rpx;
+    box-shadow: 0px 10rpx 20rpx 0px rgba(0, 0, 0, 0.1);
+    border-radius: 14rpx;
+    // border: 4rpx solid #f6f6f6;
+    background: #fff;
+    .three-layout-bigImg {
+      image {
+        border-radius: 14rpx 14rpx 0 0;
+        display: inline-block;
+        width: 100%;
+        height: 378rpx;
+      }
+    }
+    .three-layout-goods {
+      display: flex;
+      justify-content: center;
+      padding: 0rpx 20rpx;
+      padding-bottom: 20rpx;
+      .goods-items {
+        width: 212rpx;
+      }
+    }
+  }
+}
+
+.scroll-list {
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  // padding: 0 16rpx;
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+  // margin-top: 20rpx;
+
+  .scroll-item {
+    display: inline-block;
+    margin-right: 20rpx;
+
+    image {
+      width: 196rpx;
+      height: 196rpx;
+      border-radius: 10rpx;
+    }
+
+    p {
+      width: 196rpx;
+      white-space: normal;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      overflow: hidden;
+      font-size: 24rpx;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #000000;
+      line-height: 34rpx;
+    }
+
+    .price-box {
+      margin-top: 5rpx;
+      display: flex;
+      align-items: center;
+
+      .now-price {
+        color: #eb2b27;
+        font-weight: bold;
+        font-size: 24rpx;
+      }
+
+      .origin-price {
+        color: #8c8c8c;
+        font-size: 22rpx;
+        text-decoration: line-through;
+        margin-left: 8rpx;
+      }
+    }
+  }
+  .un-scroll-item {
+    display: inline-block;
+    margin-right: 15rpx;
+
+    image {
+      width: 196rpx;
+      height: 196rpx;
+      // border-radius: 10rpx;
+    }
+
+    p {
+      width: 196rpx;
+      white-space: normal;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      overflow: hidden;
+      font-size: 24rpx;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #000000;
+      line-height: 34rpx;
+    }
+
+    .price-box {
+      margin-top: 5rpx;
+      display: flex;
+      align-items: center;
+
+      .now-price {
+        color: #eb2b27;
+        font-weight: bold;
+        font-size: 24rpx;
+      }
+
+      .origin-price {
+        color: #8c8c8c;
+        font-size: 22rpx;
+        text-decoration: line-through;
+        margin-left: 8rpx;
+      }
+    }
+  }
+}
+
+.scroll-top {
+  margin-top: 20rpx;
+}
+</style>