64 lines
1.9 KiB
Vue
64 lines
1.9 KiB
Vue
<template>
|
|
<view class="content" style="margin: 0 25rpx;">
|
|
<view class="contenttop flex center pb16" style="background-color: #fff;">
|
|
<image style="width: 60rpx; height: 60rpx;margin-right: 22rpx;" src="https://wx.yaohe.hnjrdzkj.xyz/static/wechat/shop/wechat/static/left.png" mode=""></image>
|
|
<view class="">积分好礼</view>
|
|
<image style="width: 60rpx; height: 60rpx; margin-left: 22rpx;" src="https://wx.yaohe.hnjrdzkj.xyz/static/wechat/shop/wechat/static/right.png" mode=""></image>
|
|
</view>
|
|
<view class=" flex wrap" style="justify-content: space-around;">
|
|
|
|
<view style="margin-bottom: 32rpx;" @click="navdetails(item)" v-for="(item,index) in Commodity"
|
|
:key="index">
|
|
<image style="width: 292rpx;height: 292rpx; border-radius: 24rpx;" :src="item.cimage" mode="">
|
|
</image>
|
|
<view class="">
|
|
<view class="ft14 ftw500" style="color: #333;">{{item.name}}</view>
|
|
<view class="flex alcenter space" style="margin-top: 6rpx;">
|
|
<view class="ft14 ftw600 flex alcenter" style="color: #FFA100;">{{item.price}}
|
|
<image style="width: 32rpx;height: 32rpx; margin-left: 10rpx;" src="https://wx.yaohe.hnjrdzkj.xyz/static/wechat/shop/wechat/static/code.png"
|
|
mode=""></image>
|
|
|
|
</view>
|
|
<view class="ft10 ftw500 cl-999">已兑:{{item.sale_num}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="" style="width: 292rpx;"></view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "integralArticles",
|
|
props: {
|
|
Commodity: {
|
|
type: Array,
|
|
default: []
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
navdetails(item) {
|
|
uni.navigateTo({ //专享
|
|
url: '/pagesA/integral/ItemDetails?id=' + item.goods_id
|
|
})
|
|
}
|
|
};
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.content {
|
|
width: 700rpx;
|
|
background-color: #fff;
|
|
border-radius: 24rpx 24rpx 0rpx 0rpx;
|
|
margin: 0 25rpx;
|
|
padding: 24rpx 0;
|
|
}
|
|
|
|
.box {
|
|
display: flex;
|
|
}
|
|
</style> |