You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
116 lines
4.4 KiB
116 lines
4.4 KiB
<view class="container">
|
|
<swiper class="goodsimgs" indicator-dots="true" autoplay="true" interval="3000" duration="1000">
|
|
<swiper-item wx:for="{{gallery}}" wx:key="{{item.id}}">
|
|
<image src="{{item}}" background-size="cover"></image>
|
|
</swiper-item>
|
|
</swiper>
|
|
<view class="service-policy">
|
|
<view class="item">7天技术支持</view>
|
|
<view class="item">功能定制</view>
|
|
<view class="item">分享即得优惠</view>
|
|
</view>
|
|
<view class="goods-info">
|
|
<view class="c">
|
|
<text class="name">{{goods.goods_name}}</text>
|
|
<text class="desc">{{goods.goods_desc}}</text>
|
|
<text class="price">¥{{_checkedProductPrice/100}}</text>
|
|
<view class="brand" wx:if="{{brand.name}}">
|
|
<navigator url="../brandDetail/brandDetail?id={{brand.brandId}}">
|
|
<text>{{brand.name}}</text>
|
|
</navigator>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="section-nav section-act" wx:for="{{specificationList}}" wx:key="{{item.id}}" bindtap="switchAttrPop" data-models="{{item.models}}" >
|
|
<view class="t">
|
|
<view>{{item.functype_name}} </view>
|
|
<view class="text1" wx:if="{{item.checkdotsNum}}"> 已选{{item.checkdotsNum}}功能</view>
|
|
</view>
|
|
<image class="i" src="../../static/images/address_right.png" background-size="cover"></image>
|
|
</view>
|
|
|
|
<view class="section-nav section-act">
|
|
<view class="t">
|
|
<view class="label">1个促销:</view>
|
|
<view class="tag">会员价</view>
|
|
<view class="text">满499元直减100元</view>
|
|
</view>
|
|
<image class="i" src="../../static/images/address_right.png" background-size="cover"></image>
|
|
</view>
|
|
|
|
<view class="goods-attr" wx:if="{{_checkedProductDots.length>0}}">
|
|
<view class="t">商品参数</view>
|
|
<view class="l">
|
|
<view class="item" wx:for="{{_checkedProductDots}}" wx:key="{{item.id}}" wx:if="{{item}}">
|
|
<text class="left">{{item.funcdot_name}}</text>
|
|
<text class="right">{{item.funcdot_desc}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="detail">
|
|
<view class="_checkedProductList">
|
|
<view class="level1" wx:for="{{specificationList}}" wx:key="{{item.id}}" >
|
|
<image class="icon1" src="/static/images/checked1.png"></image>
|
|
<view>
|
|
{{item.functype_name}}
|
|
</view>
|
|
|
|
<view class="level2" wx:for="{{item.models}}" wx:for-item="vitem" wx:key="{{vitem.id}}">
|
|
<image class="icon2" src="/static/images/checked1.png"></image>
|
|
<view>
|
|
{{vitem.model_name}}
|
|
</view>
|
|
<view class="level3" wx:for="{{vitem.dots}}" wx:for-item="vvitem" wx:key="{{vvitem.id}}" wx:if="{{vvitem.checked}}">
|
|
<image class="icon2" src="/static/images/checked.png"></image>
|
|
<view>
|
|
{{vvitem.funcdot_name}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
</view>
|
|
<view class="attr-pop-box" hidden="{{!openAttr}}">
|
|
<view class="attr-pop">
|
|
<view class="close" bindtap="closeAttr">
|
|
<image class="icon" src="/static/images/icon_close.png"></image>
|
|
</view>
|
|
<view class="img-info">
|
|
<image class="img" src="{{gallery[0].img_url}}"></image>
|
|
<view class="info">
|
|
<view class="c">
|
|
<view class="p">价格:¥{{_checkedProductPrice/100}}</view>
|
|
<view class="a" wx:if="{{_checkedProductNum>0}}">已选择:{{_checkedProductNum}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="spec-con">
|
|
<view class="spec-item" wx:for="{{models}}" wx:key="{{item.id}}">
|
|
<view class="name">{{item.model_name}}</view>
|
|
<view class="values">
|
|
<view class="value {{vitem.checked ? 'selected' : ''}}" bindtap="clickSkuValue" wx:for="{{item.dots}}" wx:for-item="vitem" wx:key="{{vitem.id}}" data-functype-id="{{vitem.functype_id}}" data-model-id="{{vitem.model_id}}" data-dot-id="{{vitem.id}}" >{{vitem.funcdot_name}}</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="bottom-btn">
|
|
<view class="l l-collect" bindtap="addCannelCollect">
|
|
<image class="icon" src="{{ collectBackImage }}"></image>
|
|
</view>
|
|
<view class="l l-cart">
|
|
<view class="box">
|
|
<text class="cart-count">{{cartGoodsCount}}</text>
|
|
<image bindtap="openCartPage" class="icon" src="/static/images/ic_menu_shoping_nor.png"></image>
|
|
</view>
|
|
</view>
|
|
<view class="c" bindtap="payNow">立即购买</view>
|
|
<view class="r" bindtap="addToCart">加入购物车</view>
|
|
</view> |