From 8327c022fc0dbd6f094a7bb5f67437ab7ec85d57 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期四, 21 九月 2023 14:05:51 +0800
Subject: [PATCH] 属性对比
---
h5/pages/index/index.vue | 47 ++++++++++++++++++++++++++++++-----------------
1 files changed, 30 insertions(+), 17 deletions(-)
diff --git a/h5/pages/index/index.vue b/h5/pages/index/index.vue
index 19f0bfb..2336445 100644
--- a/h5/pages/index/index.vue
+++ b/h5/pages/index/index.vue
@@ -198,16 +198,19 @@
</view>
</view>
<view class="productPage_shop" v-if="status === 1 && !pkcontent">
- <view class="productPage_shop_item" v-for="(item, index) in isSOU ? shopPageDataSou : shopPageData" :key="index" @click="clickshoppageItem(item)">
- <view class="productPage_shop_item_img">
- <image :src="item.imgurl ? item.prefixUrl + item.imgurl : ''" mode="widthFix"></image>
+ <noData v-if="shopPageData.length === 0 && shopPageDataSou.length === 0" />
+ <template v-else>
+ <view class="productPage_shop_item" v-for="(item, index) in isSOU ? shopPageDataSou : shopPageData" :key="index" @click="clickshoppageItem(item)">
+ <view class="productPage_shop_item_img">
+ <image :src="item.imgurl ? item.prefixUrl + item.imgurl : ''" mode="widthFix"></image>
+ </view>
+ <!-- stringOperations(item.name, 6) -->
+ <text>{{item.name}}</text>
</view>
- <!-- stringOperations(item.name, 6) -->
- <text>{{item.name}}</text>
- </view>
- <view class="productPage_shop_zw"></view>
- <view class="productPage_shop_zw"></view>
- <view class="productPage_shop_zw"></view>
+ <view class="productPage_shop_zw"></view>
+ <view class="productPage_shop_zw"></view>
+ <view class="productPage_shop_zw"></view>
+ </template>
</view>
<!-- v-if="status === 2" -->
<view class="productPage_parameter" v-if="isPK && pkcontent">
@@ -247,6 +250,10 @@
<bigImg
ref="bigImg"
:imgList="imgList"/>
+ <!-- 鏌ョ湅澶у浘 -->
+ <bigImg1
+ ref="bigImg1"
+ :imgList="imgList"/>
<!-- 鎼滅储 -->
<!-- 鎼滅储缁勪欢 -->
@@ -264,7 +271,9 @@
<script>
import bigImg from '@/components/bigImg.vue'
+ import bigImg1 from '@/components/bigImg1.vue'
import search from '@/components/search.vue'
+ import noData from '@/components/noData.vue'
import { mapState } from 'vuex'
import { categoryList, goodsList, brandList, h5Image, goodsPage, listForH5 } from '@/apis/index.js'
export default {
@@ -343,7 +352,7 @@
page: 1
}
},
- components: { bigImg, search },
+ components: { bigImg, search, noData, bigImg1 },
onLoad() {
var that = this
// 鐩戝惉閿洏缁勫悎閿�
@@ -699,7 +708,12 @@
})
}
})
- this.$refs.bigImg.open(0)
+ // console.log(this.imgList)
+ this.$viewerApi({
+ images: this.imgList,
+ })
+ // this.$refs.bigImg.open(0)
+ // this.$refs.bigImg1.open(0)
},
empty() {
this.shopList = []
@@ -1185,7 +1199,7 @@
margin-top: 16px;
.commodityFrom_head {
width: 100%;
- height: 60px;
+ height: 45px;
padding: 10px 8px;
box-sizing: border-box;
background: rgba(0,224,255,0.24) linear-gradient(180deg, rgba(255,255,255,0.35) 0%, rgba(0,0,0,0.21) 100%);
@@ -1232,7 +1246,7 @@
flex-direction: column;
.commodityFrom_body_content_item {
width: 100%;
- height: 56px;
+ height: 45px;
display: flex;
align-items: center;
margin-bottom: 6px;
@@ -1253,7 +1267,7 @@
opacity: 0;
transform: translate(0%, 0%);
z-index: -1;
- height: 56px;
+ height: 45px;
display: flex;
align-items: center;
background: rgba(0,224,255,0.3);
@@ -1402,7 +1416,7 @@
}
.commodityFrom_body_total {
width: 100%;
- height: 56px;
+ height: 45px;
display: flex;
align-items: center;
.commodityFrom_body_total_item {
@@ -1494,7 +1508,6 @@
}
}
}
-
.productPage {
width: 100%;
padding: 0 22px;
@@ -1502,7 +1515,7 @@
margin-top: 16px;
.productPage_head {
width: 100%;
- height: 60px;
+ height: 45px;
display: flex;
align-items: center;
background: rgba(0,224,255,0.34) linear-gradient(180deg, rgba(255,255,255,0.35) 0%, rgba(0,0,0,0.21) 100%);
--
Gitblit v1.9.3