123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- <!-- 轮播 -->
- <view class="page-section">
- <swiper
- indicator-dots="{{true}}"
- indicator-color="rgba(130, 130, 130, 1)"
- indicator-active-color="#FFF"
- autoplay="{{false}}">
- <block wx:for="{{background}}" wx:key="*this">
- <swiper-item>
- <view class="swiper-item {{item}}">
- <image src=""></image>
- </view>
- </swiper-item>
- </block>
- </swiper>
- </view>
- <view class="main-information">
- <view class="tag-list">
- <text>蔬菜</text>
- </view>
- <text
- class="name"
- user-select>名字</text>
- <view class="unit-price">
- <text class="price">¥23.00</text>
- <text class="unit">/ kg</text>
- </view>
- </view>
- <view class="nav-wrap">
- <view
- class="{{currentNav === item.value ? 'active' : ''}}"
- wx:for="{{nav}}"
- wx:key="value"
- data-item="{{item}}"
- bind:tap="handleNav">{{item.name}}
- </view>
- </view>
- <!--描述-->
- <view
- class="business-info"
- hidden="{{currentNav === '2'}}">
- <text class="introduce" user-select>一段描述</text>
- <block wx:if="{{false}}">
- <view class="subtitle">预计上架时间</view>
- <view class="date">2022年09月10日</view>
- </block>
- <block wx:if="{{true}}">
- <view class="subtitle">相关产品</view>
- <scroll-view
- class="goods-scroll"
- scroll-x>
- <view
- class="item"
- wx:for="{{[1, 2, 3, 4]}}"
- wx:key="item">
- <view>
- <view class="photo">
- <image src=""></image>
- </view>
- <view class="info">
- <text
- class="name">名字名字名字名字名字名字名字名字</text>
- <view class="unit-price">
- <text class="price">¥23.00</text>
- <text class="unit">/ kg</text>
- </view>
- </view>
- </view>
- </view>
- </scroll-view>
- </block>
- </view>
- <!-- todo 供应商-->
- <view
- class="business-info"
- hidden="{{currentNav === '1'}}">
- 供应商
- </view>
- <view
- class="fixed-bottom"
- hidden="{{currentNav === '2'}}">
- <view>
- <button
- class="btn-collection"
- type="primary"
- wx:if="{{false}}">收藏预售产品
- </button>
- <block wx:if="{{true}}">
- <button
- class="btn-collection"
- type="primary">添加购物车
- </button>
- <button
- class="btn-collection"
- type="primary">添加收藏夹
- </button>
- </block>
- </view>
- </view>
|