84 lines
2.5 KiB
Vue
84 lines
2.5 KiB
Vue
<template lang="pug">
|
||
.info
|
||
.swiper
|
||
.nav
|
||
van-icon(name='arrow-left', size="18")
|
||
van-icon(name='share', size="18")
|
||
SwiperComponents
|
||
.info_content
|
||
h2 小米10 Pro
|
||
.goods_brief
|
||
span.active 「信用卡分期24期免息，低至7元起/天」
|
||
span 向往的生活同款 / 骁龙865处理器 / 1亿像素8K电影相机，50倍数字变焦，10倍混合光学变焦 / 双模5G / 新一代LPDDR5内存 / 50W极速闪充+30W无线闪充+10W无线反充 / 对称式立体声 / 90Hz刷新率+180Hz采样率 / UFS 3.0高速存储 / 全面适配WiFi 6 / 超强VC液冷散热 / 4500mAh大电量 / 多功能NFC
|
||
.price ￥4900
|
||
|
||
.configure
|
||
.item
|
||
van-cell(title='已选 小米10 Pro 8GB+256GB 珍珠白 x 1', icon='')
|
||
template(#right-icon)
|
||
van-icon(name='arrow', style='line-height: inherit;')
|
||
van-cell(title='送至', icon='')
|
||
template(#right-icon)
|
||
van-icon(name='arrow', style='line-height: inherit;')
|
||
van-cell(icon='', class="ddd")
|
||
template(#right-icon)
|
||
.t
|
||
.tex
|
||
img(src="/img/do_icon.png")
|
||
span xx自营
|
||
.tex
|
||
img(src="/img/do_icon.png")
|
||
span xx发货
|
||
.tex
|
||
img(src="/img/do_icon.png")
|
||
span 7天无理由退货
|
||
van-icon(name='arrow', style='line-height: inherit;')
|
||
|
||
.xqt
|
||
img(v-for="i in 4" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/75a8abea38d8ebe9748c9903f12c9d77.jpg?f=webp&w=1080&h=2531&bg=FFFFFF")
|
||
|
||
van-goods-action
|
||
van-goods-action-icon(icon='chat-o', text='客服', color='#07c160')
|
||
van-goods-action-icon(icon='cart-o', text='购物车')
|
||
van-goods-action-icon(icon='star', text='已收藏', color='#ff5000')
|
||
van-goods-action-button(type='warning', text='加入购物车')
|
||
van-goods-action-button(type='danger', text='立即购买')
|
||
|
||
|
||
|
||
|
||
</template>
|
||
|
||
<script>
|
||
import SwiperComponents from "@/components/Swiper"
|
||
|
||
export default {
|
||
components: {
|
||
SwiperComponents
|
||
},
|
||
data() {
|
||
return {}
|
||
},
|
||
created() {
|
||
},
|
||
beforeRouteEnter (to, from, next) {
|
||
next(vm => {
|
||
vm.$emit("hiddenTb")
|
||
})
|
||
},
|
||
beforeRouteLeave (to, from, next) {
|
||
this.$emit("showTb")
|
||
next()
|
||
},
|
||
methods: {
|
||
async getTvList() {
|
||
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="less">
|
||
@import "~@less/info.less";
|
||
</style>
|