⼩程序商品详情页规格属性选择detail.wxml展⽰页⾯
<!--轮播图-->
<
swiper
class=
"swiper"
indicator-dots=
"{{indicatorDots}}"
autoplay=
"{{autoplay}}"
interval=
"{{interval}}"
duration=
"{{duration}}"
circular=
"{{circular}}">
<
block
wx:for=
"{{picture}}">
<
swiper-item
>
<
image
src=
"{{item.img}}"
mode=
'scaleToFill'
class=
"slide-image"
/
>
</
swiper-item
>
</
block
>
</
swiper
>
<
view
class=
"goods">
<
view
class=
'name'>{{ds_name}}
</
view
>
<
view
class=
'price'>
<
text
class=
'left'>￥
</
text
><
text
class=
'shop_price'>{{goods_info.shop_price}}
text
class=
'market_price'>{{goods_info.market_price}} </
text
>
</
view
>
</
view
htmlborder
>
<
view
class=
'line'></
view
>
<
view
class=
'choose_spec'>
<
text
class=
'left'>已选
</
text
>
<
view
class=
'spec'>{{selectName}}
</
view
>
<
view
class=
'more'
bindtap=
'modal_show'
data-flag=
"0"><
image
class=
'right'
src=
'/images/detail/more.png'
bindtap=
'choose_spec'></
image
></
view
>
</
view
>
<
view
class=
'line'></
view
>
<
view
class=
'comment_head'>
<
text
>评价
</
text
>
<
image
src=
"/images/detail/more.png"></
image
>
</
view
>
</
view
>
<
view
class=
"line1"></
view
>
<
view
class=
'comment'>
<
view
class=
"top">
<
view
class=
'head_img'
style=
"background: url('ss3.bdstatic/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2770691011,100164542&fm=27&gp=0.jpg') no-repeat; background-size: cover;"></
view
>
<
text
class=
'nick_name'>疯狂的李狗蛋⼉
</
text
>
<
image
class=
'star'
src=
"/images/detail/star5.png"></
image
>
</
view
>
<
view
class=
'comment_content'>回家为维护和额我好卡IE我⼈⽂环境⼈⽂环境业务8⼆维⼤家很快哒⼆球的⼤健康⼤厦⽕炬⼤厦会尽快打死⼤家好的委屈的健康啦即可登录三打架了可完全打卡机</
view
>
<
view
class=
'comment_img'>
<
image
class=
'comment_item_img'
src=
"ss3.bdstatic/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2770691011,100164542&fm=27&gp=0.jpg"></
image
>
"ss3.bdstatic/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2770691011,100164542&fm=27&gp=0.jpg"></ image
>
<
image
class=
'comment_item_img'
src=
"ss3.bdstatic/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2770691011,100164542&fm=27&gp=0.jpg"></ image
>
<
image
class=
'comment_item_img'
src=
"ss3.bdstatic/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2770691011,100164542&fm=27&gp=0.jpg"></ image
>
</
view
>
</
view
>
<
view
class=
"line"></
view
>
<
view
class=
'des'>
<
view
class=
'des_head'>商品详情
</
view
>
<
view
class=
'line1'></
view
>
<
image
class=
'des_img'
mode=
'widthFix'
src=
"img.alicdn/imgextra/i2/3001906498/TB2uxtyXiHmJKJjy0FfXXb9aVXa_!!3001906498.jpg"></ image
>
</
view
>
<!--底部购物车 -->
<
view
class=
'detail_footer'>
<
view
class=
'detail_cart'>
>
<
view
class=
'cart_font'>购物车
</
view
>
</
view
>
<
view
class=
'buy'
bindtap=
'modal_show'
data-flag=
"1">⽴即购买
</
view
>
<
view
class=
'addCart'
bindtap=
'modal_show'
data-flag=
"2">加⼊购物车
</
view
>
</
view
>
<!--属性规格选择栏-->
<
view
class=
'mask'
style=
"display:{{choose_modal}}"></ view
>
<
view
class=
"choose"
style=
"display:{{choose_modal}}">
<
view
class=
"spec_img_container">
<
image
src=
"{{default_spe_img}}"></ image
>
<
view
class=
"amount">￥{{amount}}
</
view
>
<
icon
class=
"clear"
type=

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。