136 lines
3.6 KiB
Vue
136 lines
3.6 KiB
Vue
<template name="shoptheme1">
|
|
<view>
|
|
<view class="m-supermarket-ad">
|
|
<view v-if="(commonTPL.AdContent.F1ProductContents.length>0)">
|
|
<!-- <view class="m-supermarket-tip-list">
|
|
<navigator :url="'/pages/product/list?is_store_flag=' + (commonTPL.isStoreFlag) + '&store_category_id=' + (item.store_product_cat_id) + '&cname=' + (item.name)"
|
|
v-for="(item, i) in commonTPL.smallCategory" :key="i" class="m-supermarket-tip-item">
|
|
<label>{{item.name}}</label>
|
|
</navigator>
|
|
</view> -->
|
|
<view class="m-product-list m-listv">
|
|
<navigator v-for="(item, i) in commonTPL.AdContent.F1ProductContents" :key="i" :url="'/pages/product/detail?is_store_flag=' + (commonTPL.isStoreFlag) + '&pid=' + (item.ProductContentID)"
|
|
class="m-product-item">
|
|
<view class="m-product-img">
|
|
<image :src="(item.ImagePath)" mode="aspectFill" />
|
|
</view>
|
|
<view class="m-product-info">
|
|
<view class="m-product-name">
|
|
<label>{{item.ProductName}}</label>
|
|
</view>
|
|
<view class="m-product-price">
|
|
<block v-if="item.item_color[0].item_sale_price">
|
|
<label>{{__('￥')}}</label>{{number_format(item.item_color[0].item_sale_price, 2)}}
|
|
</block>
|
|
|
|
<block v-if="item.product_unit_points">
|
|
<label style="margin: 0rpx 10rpx;">+</label><label style="font-size:32rpx">{{number_format(item.product_unit_points)}}</label> <label>{{__('积分')}}</label>
|
|
</block>
|
|
|
|
<block v-if="item.product_unit_sp">
|
|
<label style="margin: 0rpx 10rpx;">+</label><label style="font-size:32rpx">{{item.product_unit_sp}}</label> <label>{{__('众宝')}}</label>
|
|
</block>
|
|
<view class="btn_addcard" @click.stop="handleAddcard(item, $event)"></view>
|
|
</view>
|
|
</view>
|
|
</navigator>
|
|
</view>
|
|
</view>
|
|
<view class="m-nullcontent" v-else>
|
|
<view class="m-nullpage-middle">
|
|
<label class="iconfont icon-meiyougengduo"></label>
|
|
<view class="m-null-tip">
|
|
<text>{{__('亲~什么都没有')}}</text>
|
|
<text>{{__('暂时没有商品哦')}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import $ from "../../helpers/util";
|
|
|
|
export default {
|
|
name: "shoptheme1",
|
|
props: {
|
|
commonTPL: {
|
|
type: Object,
|
|
default () {
|
|
return {
|
|
isStoreFlag: 1,
|
|
ProductInfo: {},
|
|
addCar: false,
|
|
count: 0,
|
|
windowHeight: 0,
|
|
categoryname: "",
|
|
click6: true,
|
|
cid: 0,
|
|
cartlist: {},
|
|
isdata: false,
|
|
select_cart_ids: [],
|
|
tapindex: 1,
|
|
viewtype: 0,
|
|
shopInfo: {},
|
|
pdlist: [],
|
|
sort: 2,
|
|
ispage: true,
|
|
flag: true,
|
|
distance: 0,
|
|
istop: false,
|
|
TemplateKey: "",
|
|
smallCategory: {},
|
|
AdContent: {},
|
|
post: {
|
|
store_id: 0,
|
|
orderby: 1,
|
|
sort: 2,
|
|
isnew: false,
|
|
curpage: 1
|
|
},
|
|
formdate: "",
|
|
pageId: 0
|
|
}
|
|
},
|
|
},
|
|
},
|
|
data() {
|
|
return {}
|
|
},
|
|
created: function() {},
|
|
methods: {
|
|
handleAddcard(data, event){
|
|
this.$emit('addCart', data)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
// @import "../../styles/_variables";
|
|
|
|
// @import '../../styles/layout.scss';
|
|
// @import '../../styles/store_themes.scss';
|
|
// @import '../../styles/store_tpl.scss';
|
|
.m-product-info{
|
|
width: auto;
|
|
}
|
|
.m-product-price{
|
|
position: relative;
|
|
width: auto;
|
|
}
|
|
.btn_addcard{
|
|
position: absolute;
|
|
right: 20rpx;
|
|
bottom: 8rpx;
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
background: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/pc1.png) center no-repeat;
|
|
background-size: cover;
|
|
}
|
|
</style>
|
|
|