java-mall-app/components/themes/shoptheme4.vue
2024-11-01 16:35:40 +08:00

107 lines
2.6 KiB
Vue

<template name="shoptheme4">
<view class="m-supermarket-ad ">
<view v-if="(commonTPL.AdContent.F1ProductContents.length>0)">
<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.Price">
<label>{{__('¥')}}</label>{{item.Price}}
</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>
</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>
</template>
<script>
import $ from "../../helpers/util";
export default {
name: "shoptheme4",
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: {}
}
</script>
<style lang="scss">
@import "../../styles/_variables";
@import '../../styles/layout.scss';
@import '../../styles/store_themes.scss';
@import '../../styles/store_tpl.scss';
</style>