微信小程序（四）会员专区-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序（四）会员专区。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

图片轮播部分

<view class="haibao">
    <swiper indicator-dots="{
  {indicatorDots}}" autoplay="{
  {autoplay}}" interval="{
  {interval}}" duration="{
  {duration}}"
        indicator-color="#f2f2f2" indicator-active-color="#C81623" style="height:350px;">
        <block wx:for="{
  {imgUrls}}" wx:key="imgUrls">
            <swiper-item>
                <!-- {
  {item}} <image :src="{
  {item}}" class="silde-image"  mode="widthFix" /> -->
                <image mode="widthFix" src="{
  {item}}" mode="widthFix"/>
            </swiper-item>
        </block>
    </swiper>
</view>

中间颜色尺寸数量文章来源地址https://www.toymoban.com/news/detail-517730.html

<view class="btn">
    <view class="nowPrice">¥{
  {good.nowPrice}}</view>
    <view class="oldPrice">
        <view class="old">¥{
  {good.oldPrice}}</view>
        <view classe="seckill"> 秒杀</view>
    </view>
</view>
<view class="title"> {
  {good.name}}</view>
<view class="hr"></view>
<block wx:if="{
  {good.coupon.length > 0}}">
    <view class="promotion">
        <view>领券</view>
        <block wx:for="{
  {good.coupon}}">
            <view class="item">{
  {item}}</view>
        </block>
    </view>
    <view class="hr"></view>
</block>
<block wx:if="{
  {good.promotion.length > 0}}">
    <view class="promotion">
        <view>促销</view>
        <block wx:for="{
  {good.promotion}}">
            <view class="item">{
  {item}}</view>
        </block>
    </view>
    <view class="hr"></view>
</block>
<view class="desc">已选
    <block wx:if="{
  {good.color.length > 0}}">
        {
  {good.color[0]}}
    </block>
    <block wx:if="{
  {good.size.length > 0}}">
        {
  {good.size[0]}}
    </block>
    ,1个
</view>
<view class="line"></view>
<block wx:if="{
  {good.color.length > 0 }}">
    <view class="condition">
        <text class="conditionName">颜色</text>
        <view class="tips">
            <block wx:for="{
  {good.color}}">
                <view wx:if="{
  {index ==0}}" class="tip select"> {
  {item}} </view>
                <view wx:else class="tip"> {
  {item}} </view>
            </block>
        </view>
    </view>
</block>
<block wx:if="{
  {good.size.length > 0}}">
    <view class="condition">
        <text class="conditionName">尺寸</text>
        <view class="tips">
            <block wx:for="{
  {good.size}}">
                <view wx:if="{
  {index ==0}}" class="tip select"> {
  {item}} </view>
                <view wx:else class="tip">{
  {item}} <