|
@@ -1,85 +1,67 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="app-content">
|
|
|
|
|
|
|
+ <view class="app-content">
|
|
|
<app-swiper :height="{type: 'number',val: 750}" :tagShow="true" :list="imgList" />
|
|
<app-swiper :height="{type: 'number',val: 750}" :tagShow="true" :list="imgList" />
|
|
|
- <!-- 商品简介 -->
|
|
|
|
|
- <div class="shop-intro">
|
|
|
|
|
- <div class="app-price app-bold">
|
|
|
|
|
|
|
+ <view class="shop-intro">
|
|
|
|
|
+ <view class="app-price app-bold">
|
|
|
<text>¥</text>
|
|
<text>¥</text>
|
|
|
<text class="app-size-34">{{ data.price }}</text>
|
|
<text class="app-size-34">{{ data.price }}</text>
|
|
|
- <!-- <text>.00</text> -->
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="tui-pro-titbox">
|
|
|
|
|
- <div class="tui-pro-title app-size-32">{{ data.goodsName }}</div>
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="tui-pro-titbox">
|
|
|
|
|
+ <view class="tui-pro-title app-size-32">{{ data.name }}</view>
|
|
|
<button open-type="share" class="tui-share-btn tui-share-position" @click="shareFn">
|
|
<button open-type="share" class="tui-share-btn tui-share-position" @click="shareFn">
|
|
|
- <app-tag
|
|
|
|
|
- type="gray"
|
|
|
|
|
- tui-tag-class="tui-tag-share tui-size"
|
|
|
|
|
- shape="circleLeft"
|
|
|
|
|
- size="small"
|
|
|
|
|
- >
|
|
|
|
|
- <div class="flex-center">
|
|
|
|
|
|
|
+ <app-tag type="gray" tui-tag-class="tui-tag-share tui-size" shape="circleLeft" size="small" >
|
|
|
|
|
+ <view class="flex-center">
|
|
|
<i class="iconfont iconfenxiang"></i>
|
|
<i class="iconfont iconfenxiang"></i>
|
|
|
<text class="tui-share-text tui-gray">分享</text>
|
|
<text class="tui-share-text tui-gray">分享</text>
|
|
|
- </div>
|
|
|
|
|
|
|
+ </view>
|
|
|
</app-tag>
|
|
</app-tag>
|
|
|
</button>
|
|
</button>
|
|
|
- </div>
|
|
|
|
|
- <div class="shop-express app-color-3">
|
|
|
|
|
- <div>{{ data.freeSendDist }}公里内免运费</div>
|
|
|
|
|
- <div>
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="shop-express app-color-3">
|
|
|
|
|
+ <view>{{ data.freeSendDist }}公里内免运费</view>
|
|
|
|
|
+ <view>
|
|
|
<span class="prompt-text">已售</span>
|
|
<span class="prompt-text">已售</span>
|
|
|
<span>{{ data.sold }}</span>
|
|
<span>{{ data.sold }}</span>
|
|
|
- </div>
|
|
|
|
|
- <div>
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view>
|
|
|
<template v-if="data.stock != -1">
|
|
<template v-if="data.stock != -1">
|
|
|
<span class="prompt-text">剩余</span>
|
|
<span class="prompt-text">剩余</span>
|
|
|
<span>{{ data.stock }}</span>
|
|
<span>{{ data.stock }}</span>
|
|
|
</template>
|
|
</template>
|
|
|
<template v-else></template>
|
|
<template v-else></template>
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- 商品详情 -->
|
|
|
|
|
-
|
|
|
|
|
- <div class="module-wrap shop-detail">
|
|
|
|
|
- <div class="module-tit app-size-30">商品详情</div>
|
|
|
|
|
- <div class="module-det">
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="module-wrap shop-detail">
|
|
|
|
|
+ <view class="module-tit app-size-30">商品详情</view>
|
|
|
|
|
+ <view class="module-det">
|
|
|
<!-- <app-img :src="imgNormal" alt mode="widthFix" /> -->
|
|
<!-- <app-img :src="imgNormal" alt mode="widthFix" /> -->
|
|
|
- <div class="module-det-text">
|
|
|
|
|
|
|
+ <view class="module-det-text">
|
|
|
<template v-if="$util.isEmpty(data.content) == false">
|
|
<template v-if="$util.isEmpty(data.content) == false">
|
|
|
<rich-text :nodes="data.content"></rich-text>
|
|
<rich-text :nodes="data.content"></rich-text>
|
|
|
</template>
|
|
</template>
|
|
|
<template v-else>
|
|
<template v-else>
|
|
|
<rich-text :nodes="data.briefContent"></rich-text>
|
|
<rich-text :nodes="data.briefContent"></rich-text>
|
|
|
</template>
|
|
</template>
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <!-- 简要说明 -->
|
|
|
|
|
- <div class="module-wrap shop-desc">
|
|
|
|
|
- <div class="module-tit app-size-30">简要说明</div>
|
|
|
|
|
- <div class="module-det">
|
|
|
|
|
- <div class="module-det-text">
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="module-wrap shop-desc">
|
|
|
|
|
+ <view class="module-tit app-size-30">简要说明</view>
|
|
|
|
|
+ <view class="module-det">
|
|
|
|
|
+ <view class="module-det-text">
|
|
|
<rich-text :nodes="data.commonIntro"></rich-text>
|
|
<rich-text :nodes="data.commonIntro"></rich-text>
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- 简要说明 -->
|
|
|
|
|
- <app-trademark />
|
|
|
|
|
- <sel-popup
|
|
|
|
|
- :show="popupShow"
|
|
|
|
|
- :info="data"
|
|
|
|
|
- :buyNum="buyNum"
|
|
|
|
|
- @change="changeNum"
|
|
|
|
|
- @close="hidePopup"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+
|
|
|
|
|
+ <sel-popup :show="popupShow" :info="data" :buyNum="buyNum" @change="changeNum" @close="hidePopup" />
|
|
|
<buy-foot @buy="showPopup" @goShop="goToShop" :stock="data.stock" />
|
|
<buy-foot @buy="showPopup" @goShop="goToShop" :stock="data.stock" />
|
|
|
- <!-- login -->
|
|
|
|
|
|
|
+
|
|
|
<go-login :show.sync="loginShow" />
|
|
<go-login :show.sync="loginShow" />
|
|
|
- <!-- 分享 -->
|
|
|
|
|
|
|
+
|
|
|
<app-share-mask :show="showShare" text="分享商品" @click="hideShare" />
|
|
<app-share-mask :show="showShare" text="分享商品" @click="hideShare" />
|
|
|
- </div>
|
|
|
|
|
|
|
+ </view>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
@@ -115,7 +97,6 @@ export default {
|
|
|
buyNum: 1,
|
|
buyNum: 1,
|
|
|
popupShow: false,
|
|
popupShow: false,
|
|
|
loginShow: false,
|
|
loginShow: false,
|
|
|
- // share
|
|
|
|
|
showShare: false
|
|
showShare: false
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
@@ -167,14 +148,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
goToShop(){
|
|
goToShop(){
|
|
|
let account = uni.getStorageSync('account')
|
|
let account = uni.getStorageSync('account')
|
|
|
- this.$util.pageTo({
|
|
|
|
|
- url: '/pages/home/shop',
|
|
|
|
|
- type: 4,
|
|
|
|
|
-query: {
|
|
|
|
|
- account: account
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- })
|
|
|
|
|
|
|
+ this.$util.pageTo({ url: '/pages/home/shop', type: 4, query: { account: account } })
|
|
|
},
|
|
},
|
|
|
showPopup() {
|
|
showPopup() {
|
|
|
if (this.$util.isLogin()) {
|
|
if (this.$util.isLogin()) {
|
|
@@ -259,4 +233,4 @@ query: {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-</style>
|
|
|
|
|
|
|
+</style>
|