75 lines
2.5 KiB
Vue
75 lines
2.5 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<status-container titlet="产品详情" returnc="#FFFFFF">
|
|||
|
|
<view slot="content" style="margin-top: -20rpx;">
|
|||
|
|
<view class="bacf boxshowb">
|
|||
|
|
<swiper-pu newBottom="20rpx" newHeight="520rpx"></swiper-pu>
|
|||
|
|
<view class="pad-zy30 pad-sx24">
|
|||
|
|
<view class="fon26 col26">武，止戈为武；术，思通造化、随通而 行为术基础动作教学</view>
|
|||
|
|
<view class="col-e42417 dis ae fon24 mar-s20">
|
|||
|
|
<view class="bold">￥199.00</view>
|
|||
|
|
<view class="tline-through fon20 col-969696 mar-z10">￥220.00</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="bacf mar-s30 pad-zy30 pad-x30">
|
|||
|
|
<view class="bbot pad-x10 pad-s30">
|
|||
|
|
<span class="fon28 bold posir pad-x10">
|
|||
|
|
产品介绍
|
|||
|
|
<view class="posia-xzy" style="height: 6rpx;background-color: #e42417;bottom: -2rpx;"></view>
|
|||
|
|
</span>
|
|||
|
|
</view>
|
|||
|
|
<rich-text :nodes="richText" style="color: #5a5a5a;"></rich-text>
|
|||
|
|
</view>
|
|||
|
|
<!-- 购物车图标 -->
|
|||
|
|
<image @tap="$toolAll.tools.goPage('/pagesB/cart/cart')" class="posia" src="/static/tabbar/icon-cart.png" mode="" lazy-load style="width: 79rpx;height: 79rpx;right: 20rpx;bottom: 160rpx;"></image>
|
|||
|
|
<!-- 底部按钮 -->
|
|||
|
|
<view class="posixzy bacf pad-zy30 disjbac pad-sx20">
|
|||
|
|
<view class="fon30 bold col-e42417">￥189.00</view>
|
|||
|
|
<view class="disac fon24 colf">
|
|||
|
|
<view class="radius32 disjcac" style="background-color: #FFFFFF;color: #f37617;border: 2rpx solid #f37617; width: 184rpx;height: 64rpx;">加入购物车</view>
|
|||
|
|
<view @tap="goConfirmOrder" class="radius32 disjcac mar-z10" style="background-color: #f37617;border: 2rpx solid #f37617;width: 184rpx;height: 64rpx;">立即购买</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</status-container>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
// 底部组件
|
|||
|
|
import footTab from '@/components/foot-tabs/foot-tab.vue';
|
|||
|
|
import list from '@/components/list.vue';
|
|||
|
|
import pitera from '@/components/nothing/pitera.vue';
|
|||
|
|
import swiperPu from '@/components/swipers/swiper-pu.vue';
|
|||
|
|
export default {
|
|||
|
|
components:{'foot-tab' :footTab,list,pitera,swiperPu},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
richText:'',
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onShow() {
|
|||
|
|
// 开启banner图自动轮播
|
|||
|
|
this.$store.commit('setAutoplay',true);
|
|||
|
|
},
|
|||
|
|
onHide() {
|
|||
|
|
// 关闭banner图自动轮播
|
|||
|
|
this.$store.commit('setAutoplay',false);
|
|||
|
|
},
|
|||
|
|
onLoad() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
// 前往确认订单页
|
|||
|
|
goConfirmOrder(){
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url:'/pagesB/confirm-order/confirm-order'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style></style>
|