#api
#components 组件目录
components\goodList\index.vue 商品展示组件
components\productWindow\index.vue 产品属性组件
components\shareRedPackets\index.vue 产品页分享组件
#config
#libs
#mixins
#pages
pages\goods\goods_list\index.vue 商品列表
pages\goods_details\index.vue 商品详情
pages\index\diy\components\goodList.vue 首页自定义组件
pages\index\diy\components\promotionList.vue 首页自定义组件
pages\index\diy\index.vue 首页自定义
pages\users\wechat_login\index.vue 微信小程序配置文件
#plugin
#static
#store
#utils
#androidPrivacy.json
#App.vue
#main.js
manifest.json
#package-lock.json
#pages.json
#uni.scss
#vue.config.js
---------------------------------------------------------
#components\goodList\index.vue 商品展示组件
一、修改<template>标签内的<view class='underline'>
1.把
<view class='underline'>
<view class='text'>
<view class='line1'>{
{item.store_name}}</view>
<view class='money font-color'>{
{$t(`¥`)}}<text class='num'>{
{item.price}}</text></view>
<view class='vip-money acea-row row-middle'
v-if="item.is_vip && item.vip_price && item.vip_price > 0">
{
{$t(`¥`)}}{
{item.vip_price || 0}}
<image src='../../static/images/vip.png'></image><text class='num'>
{
{$t(`已售`)}}{
{item.sales}}{
{$t(item.unit_name)}}</text>
</view>
<view class='vip-money acea-row row-middle' v-else><text class='num'>
{
{$t(`已售`)}}{
{item.sales}}{
{$t(item.unit_name)}}</text></view>
</view>
</view>
2.改为
<view class='underline'>
<view class='text'>
<view class='line1'>{
{item.store_name}}</view>
<view class='money font-color' v-if="!is_money_level">{
{$t(`¥`)}}<text class='num'>{
{item.price}}</text></view>
<view class='money font-color' v-else>{
{$t(`¥`)}}<text class='num'>{
{item.vip_price || item.price}}</text></view>
<view class='vip-money acea-row row-middle'
v-if="false && item.is_vip && item.vip_price && item.vip_price > 0">
{
{$t(`¥`)}}{
{item.vip_price || 0}}
<image src='../../static/images/vip.png'></image><text class='num'>
{
{$t(`已售`)}}{
{item.sales}}{
{$t(item.unit_name)}}</text>
</view>
<view class='vip-money acea-row row-middle' v-else><text class='num'>
{
{$t(`已售`)}}{
{item.sales}}{
{$t(item.unit_name)}}</text></view>
</view>
</view>
二、修改<script>标签内的内容
1.在
import {
mapGetters
} from "vuex";
2.后添加:
import {
getUserInfo,
userShare
} from "@/api/user.js";
3.把
export default {
computed: mapGetters(['uid']),
props: {
status: {
type: Number,
default: 0,
},
bastList: {
type: Array,
default: function() {
return [];
}
}
},
4.改为
export default {
computed: mapGetters(['uid', 'isLogin']),
created() {
this.getUserInfo();
},
onShow() {
this.getUserInfo();
},
watch: {
bastList: {
handler() {
this.getUserInfo();
},
deep: true
}
},
props: {
status: {
type: Number,
default: 0,
},
bastList: {
type: Array,
default: function () {
return [];
}
}
},
5.把
data() {
return {
};
},
6.改为
data() {
return {
uid: 0,
is_money_level: 0
};
},
7.把
methods: {
goDetail(item) {
goPage().then(res => {
goShopDetail(item, this.uid).then(res => {
uni.navigateTo({
url: `/pages/goods_details/index?id=${item.id}`
})
})
})
}
}
}
8.改为
methods: {
goDetail(item) {
goPage().then(res => {
goShopDetail(item, this.uid).then(res => {
uni.navigateTo({
url: `/pages/goods_details/index?id=${item.id}`
})
})
})
},
getUserInfo: function () {
let that = this;
if (!that.isLogin) {
that.$set(that, "uid", 0);
that.$set(that, "is_money_level", 0);
return;
}
getUserInfo().then((res) => {
that.$set(that, "uid", res.data.uid);
that.$set(that, "is_money_level", res.data.is_money_level);
}).catch(() => {
that.$set(that, "uid", 0);
that.$set(that, "is_money_level", 0);
});
},
}
}
#components\productWindow\index.vue 产品属性组件
一、修改<template>标签内的<view class="money font-color">
1.把
<view class="money font-color">
<view class="acea-row row-middle">
{
{$t(`¥`)}}<text class="num">{
{ attr.productSelect.price }}</text>
<text class='vip-money'
v-if="is_vip>0 && attr.productSelect.vip_price">{
{$t(`¥`)}}{
{attr.productSelect.vip_price}}</text>
<view class="vipImg" v-if="is_vip>0 && attr.productSelect.vip_price">
<image src="../../static/images/svip.gif"></image>
</view>
</view>
<text class="stock" v-if='isShow && !type'>{
{$t(`库存`)}}: {
{ attr.productSelect.stock }}</text>
<text class='stock'
v-if="limitNum">{
{type ? $t(`库存`) : $t(`限量`)}}:{
{type ? attr.productSelect.quota : limitNum + unitName}}</text>
</view>
</view>
2.改为
<view class="money font-color">