| | |
| | | </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"> |
| | |
| | | <bigImg |
| | | ref="bigImg" |
| | | :imgList="imgList"/> |
| | | <!-- 查看大图 --> |
| | | <bigImg1 |
| | | ref="bigImg1" |
| | | :imgList="imgList"/> |
| | | <!-- 搜索 --> |
| | | |
| | | <!-- 搜索组件 --> |
| | |
| | | |
| | | <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 { |
| | |
| | | page: 1 |
| | | } |
| | | }, |
| | | components: { bigImg, search }, |
| | | components: { bigImg, search, noData, bigImg1 }, |
| | | onLoad() { |
| | | var that = this |
| | | // 监听键盘组合键 |
| | |
| | | }) |
| | | } |
| | | }) |
| | | 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 = [] |
| | |
| | | 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%); |
| | |
| | | flex-direction: column; |
| | | .commodityFrom_body_content_item { |
| | | width: 100%; |
| | | height: 56px; |
| | | height: 45px; |
| | | display: flex; |
| | | align-items: center; |
| | | margin-bottom: 6px; |
| | |
| | | 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); |
| | |
| | | } |
| | | .commodityFrom_body_total { |
| | | width: 100%; |
| | | height: 56px; |
| | | height: 45px; |
| | | display: flex; |
| | | align-items: center; |
| | | .commodityFrom_body_total_item { |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .productPage { |
| | | width: 100%; |
| | | padding: 0 22px; |
| | |
| | | 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%); |