php商品详情页页面代码,微信小程序商品详情页规格属性选择示例代码

detail.wxml展示页面

class="swiper"

indicator-dots="{ {indicatorDots}}"

autoplay="{ {autoplay}}"

interval="{ {interval}}"

duration="{ {duration}}"

circular="{ {circular}}">

wx:for="{ {picture}}">

src="{ {item.img}}"

mode='scaleToFill'

class="slide-image"/>

class="goods">

class='name'>{ {goods_info.goods_name}}

class='price'>

class='left'>￥

class='shop_price'>{ {goods_info.shop_price}}

class='market_price'>{ {goods_info.market_price}}

class='line'>

class='choose_spec'>

class='left'>已选

class='spec'>{ {selectName}}

class='more'

bindtap='modal_show'

data-flag="0">

class='right'

src='/images/detail/more.png'

bindtap='choose_spec'>

class='line'>

class='comment_head'>

评价

class='comment_right'>

src="/images/detail/more.png">

class="line1">

class='comment'>

class="top">

class='head_img'

style="background: url('https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2770691011,100164542&fm=27&gp=0.jpg') no-repeat; background-size: cover;">

class='nick_name'>疯狂的李狗蛋儿

class='star'

src="/images/detail/star5.png">

class='comment_content'>回家为维护和额我好卡IE我人文环境人文环境业务8二维大家很快哒二球的大健康大厦火炬大厦会尽快打死大家好的委屈的健康啦即可登录三打架了可完全打卡机

class='comment_img'>

class='comment_item_img'

src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2770691011,100164542&fm=27&gp=0.jpg">

class='comment_item_img'

src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2770691011,100164542&fm=27&gp=0.jpg">

class='comment_item_img'

src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2770691011,100164542&fm=27&gp=0.jpg">

class='comment_item_img'

src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2770691011,100164542&fm=27&gp=0.jpg">

class="line">

class='des'>

class='des_head'>商品详情

class='line1'>

class='des_img'

mode='widthFix'

src="https://img.alicdn.com/imgextra/i2/3001906498/TB2uxtyXiHmJKJjy0FfXXb9aVXa_!!3001906498.jpg">

class='detail_footer'>

class='detail_cart'>

src="/images/common/cart1.png">

class='cart_font'>购物车

class='buy'

bindtap='modal_show'

data-flag="1">立即购买

class='addCart'

bindtap='modal_show'

data-flag="2">加入购物车

class='mask'

style="display:{ {choose_modal}}">

class="choose"

style="display:{ {choose_modal}}">

class="spec_img_container">

src="{ {default_spe_img}}">

class="amount">￥{ {amount}}

class="clear"

type='clear'

bindtap="modal_none">

class="spec_view_container">

class="modal_de_select">{ {selectName}}

class="modal_spec">

wx:for="{ {spec}}"

wx:for-index="group_idx">

class="modal_spec_name">{ {item.name}}：

class='modal_spec_group'>