werun-wxapp/components/diy-group/index.wxml

<!-- components/diy-group/index.wxml -->
<block wx:if="{{column == 'template1'}}">
  <view class="goods" style="width:{{style.width}}%;margin:{{style.margin.top * 2}}rpx {{style.margin.right * 2}}rpx {{style.margin.bottom * 2}}rpx {{style.margin.left * 2}}rpx;padding:{{style.padding.top * 2}}rpx {{style.padding.right * 2}}rpx {{style.padding.bottom * 2}}rpx {{style.padding.left * 2}}rpx;background:{{style.background}};border-radius:{{style.borderRadius * 2}}rpx;">
    <block wx:for="{{list}}" wx:key="index">
      <view
        class="one_box"
        style="width: {{style.groupWidth}}%;background: {{style.groupBackground}}; border-radius: {{style.groupBorderRadius * 2}}rpx;margin:{{style.groupMargin.top * 2}}rpx {{style.groupMargin.right * 2}}rpx {{style.groupMargin.bottom * 2}}rpx {{style.groupMargin.left * 2}}rpx;padding:{{style.groupPadding.top * 2}}rpx {{style.groupPadding.right * 2}}rpx {{style.groupPadding.bottom * 2}}rpx {{style.groupPadding.left * 2}}rpx;"
        data-id="{{item.objectId}}"
        bind:tap="toUrl"
      >
        <image
          class="image"
          src="{{item.goods.image}}"
          style="border-radius: {{style.groupBorderRadius * 2}}rpx  {{style.groupBorderRadius * 2}}rpx 0 0"
          mode="widthFix"
          lazy-load="false"
          binderror=""
          bindload=""
        />
        <view class="bargain_box" wx:if="{{data.showCountdown}}">
          <view class="bargin_font">拼团</view>
          <view class="bargin_count">
            <block wx:if="{{item.time > 0}}">
              <view class="bargin_end">距结束仅剩</view>
              <van-count-down
                use-slot
                time="{{item.time}}"
                data-index="{{index}}"
                bind:change="onChange"
                format="DD 天 HH 时 mm 分 ss 秒"
              >
                <text class="item">{{ item.timeDate.days }} 天</text>
                <text class="item">{{ item.timeDate.hours }} 时</text>
                <text class="item">{{ item.timeDate.minutes }} 分</text>
                <text class="item">{{ item.timeDate.seconds }} 秒</text>
              </van-count-down>
            </block>
            <block wx:else>
              <view class="bargin_end2">已结束</view>
            </block>
          </view>
        </view>
        <view class="commodity">
          <view class="name_info">
            <view class="tag" wx:if="{{data.groupPeople}}">{{item.people}}人团</view>
            <view class="commodity_name" style="font-size:{{style.titleSize * 2}}rpx;">
              {{item.goods.name}}
            </view>
          </view>
          <view class="commodity_detailed" style="font-size:{{style.descSize * 2}}rpx">
            {{item.goods.desc}}
          </view>
          <view class="commodity_detailed" wx:if="{{data.showTotal}}">
            仅剩{{item.goods.total}}件
          </view>
          <view class="commodity_number">
            <view class="row-left">
              <view class="price" wx:if="{{data.showGroupPrice}}">
                ￥{{item.price}}
              </view>
              <view class="original" wx:if="{{data.showPrice}}">
                ￥{{item.goods.price}}
              </view>
            </view>
            <van-icon
              name="cart-circle-o"
              wx:if="{{buybutton == 1}}"
              color="red"
              size="60rpx"
            />
            <van-icon
              name="add-o"
              wx:if="{{buybutton == 2}}"
              color="red"
              size="60rpx"
            />
            <view
              class="circular3"
              wx:if="{{buybutton == 3}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
            <view
              class="circular3 circular4"
              wx:if="{{buybutton == 4}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
            <van-icon
              name="add"
              wx:if="{{buybutton == 5}}"
              color="red"
              size="60rpx"
            />
            <van-icon
              name="shopping-cart-o"
              wx:if="{{buybutton == 6}}"
              color="red"
              size="60rpx"
            />
            <view
              class="circular7"
              wx:if="{{buybutton == 7}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
            <view
              class="circular7 circular8"
              wx:if="{{buybutton == 8}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
          </view>
        </view>
      </view>
    </block>
  </view>
</block>
<block wx:if="{{column == 'template2'}}">
  <view class="two_box" style="width:{{style.width}}%;margin:{{style.margin.top * 2}}rpx {{style.margin.right * 2}}rpx {{style.margin.bottom * 2}}rpx {{style.margin.left * 2}}rpx;padding:{{style.padding.top * 2}}rpx {{style.padding.right * 2}}rpx {{style.padding.bottom * 2}}rpx {{style.padding.left * 2}}rpx;background:{{style.background}};border-radius:{{style.borderRadius * 2}}rpx;">
    <block wx:for="{{list}}" wx:key="index">
      <view
        class="line_box"
        style="width: {{style.groupWidth}}%;background: {{style.groupBackground}}; border-radius: {{style.groupBorderRadius * 2}}rpx;margin:{{style.groupMargin.top * 2}}rpx {{style.groupMargin.right * 2}}rpx {{style.groupMargin.bottom * 2}}rpx {{style.groupMargin.left * 2}}rpx;padding:{{style.groupPadding.top * 2}}rpx {{style.groupPadding.right * 2}}rpx {{style.groupPadding.bottom * 2}}rpx {{style.groupPadding.left * 2}}rpx;"
        data-id="{{item.objectId}}"
        bind:tap="toUrl"
      >
        <image
          class="image"
          src="{{item.goods.image}}"
          mode="aspectFill"
          lazy-load="false"
          binderror=""
          bindload=""
        />
        <view class="end_box" wx:if="{{data.showCountdown}}">
          <block wx:if="{{item.time > 0}}">
            <view class="bargin_end">距结束仅剩</view>
            <van-count-down
              use-slot
              time="{{item.time}}"
              data-index="{{index}}"
              bind:change="onChange"
              format="DD 天 HH 时 mm 分 ss 秒"
            >
              <text class="item">{{ item.timeDate.days }} 天</text>
              <text class="item">{{ item.timeDate.hours }} 时</text>
              <text class="item">{{ item.timeDate.minutes }} 分</text>
              <text class="item">{{ item.timeDate.seconds }} 秒</text>
            </van-count-down>
          </block>
          <block wx:else>
            <view class="bargin_end2">已结束</view>
          </block>
        </view>
        <view class="two_end">
          <view class="two_tag" style="font-size:{{style.titleSize * 2}}rpx;">
            <span class="people" wx:if="{{data.groupPeople}}">{{item.people}}人团</span>
            {{item.goods.name}}
          </view>
          <view class="commodity_desc" style="font-size:{{style.descSize * 2}}rpx">
            {{item.goods.desc || '暂无产品简介'}}
          </view>
          <view class="end_detailed" wx:if="{{data.showTotal}}">
            仅剩{{item.goods.total}}件
          </view>
          <view class="end_info">
            <view class="end_number">
              <view class="money1" wx:if="{{data.showGroupPrice}}">
                ￥{{item.price}}
              </view>
              <view class="money2" wx:if="{{data.showPrice}}">
                ￥{{item.goods.price}}
              </view>
            </view>
            <van-icon
              name="cart-circle-o"
              wx:if="{{buybutton == 1}}"
              color="red"
              size="48rpx"
            />
            <van-icon
              name="add-o"
              wx:if="{{buybutton == 2}}"
              color="red"
              size="48rpx"
            />
            <view
              class="circular3"
              wx:if="{{buybutton == 3}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
            <view
              class="circular3 circular4"
              wx:if="{{buybutton == 4}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
            <van-icon
              name="add"
              wx:if="{{buybutton == 5}}"
              color="red"
              size="48rpx"
            />
            <van-icon
              name="shopping-cart-o"
              wx:if="{{buybutton == 6}}"
              color="red"
              size="48rpx"
            />
            <view
              class="circular7"
              wx:if="{{buybutton == 7}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
            <view
              class="circular7 circular8"
              wx:if="{{buybutton == 8}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
          </view>
        </view>
      </view>
    </block>
  </view>
</block>
<block wx:if="{{column == 'template3'}}">
  <view class="three_box" style="width:{{style.width}}%;margin:{{style.margin.top * 2}}rpx {{style.margin.right * 2}}rpx {{style.margin.bottom * 2}}rpx {{style.margin.left * 2}}rpx;padding:{{style.padding.top * 2}}rpx {{style.padding.right * 2}}rpx {{style.padding.bottom * 2}}rpx {{style.padding.left * 2}}rpx;background:{{style.background}};border-radius:{{style.borderRadius * 2}}rpx;">
    <block wx:for="{{list}}" wx:key="index">
      <view
        class="three"
        style="width: {{style.groupWidth}}%;background: {{style.groupBackground}}; border-radius: {{style.groupBorderRadius * 2}}rpx;margin:{{style.groupMargin.top * 2}}rpx {{style.groupMargin.right * 2}}rpx {{style.groupMargin.bottom * 2}}rpx {{style.groupMargin.left * 2}}rpx;padding:{{style.groupPadding.top * 2}}rpx {{style.groupPadding.right * 2}}rpx {{style.groupPadding.bottom * 2}}rpx {{style.groupPadding.left * 2}}rpx;"
        data-id="{{item.objectId}}"
        bind:tap="toUrl"
      >
        <image
          class="image"
          src="{{item.goods.image}}"
          mode="widthFix"
          lazy-load="false"
          binderror=""
          bindload=""
        />
        <view class="three-end">
          <view class="three_tag" style="font-size:{{style.titleSize * 2}}rpx;">
            <span class="people" wx:if="{{data.groupPeople}}">{{item.people}}人团</span>
            {{item.goods.name}}
          </view>
          <view class="commodity_desc" style="font-size:{{style.descSize * 2}}rpx">
            {{item.goods.desc || '暂无产品简介'}}
          </view>
          <view class="three_name2" wx:if="{{data.showTotal}}">
            仅剩{{item.goods.total}}件
          </view>
          <view class="end_info">
            <view class="end_number">
              <view class="money1" wx:if="{{data.showGroupPrice}}">
                ￥{{item.price}}
              </view>
              <view class="money2" wx:if="{{data.showPrice}}">
                ￥{{item.goods.price}}
              </view>
            </view>
            <van-icon
              name="cart-circle-o"
              wx:if="{{buybutton == 1}}"
              color="red"
              size="48rpx"
            />
            <van-icon
              name="add-o"
              wx:if="{{buybutton == 2}}"
              color="red"
              size="48rpx"
            />
            <view
              class="circular3"
              wx:if="{{buybutton == 3}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
            <view
              class="circular3 circular4"
              wx:if="{{buybutton == 4}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
            <van-icon
              name="add"
              wx:if="{{buybutton == 5}}"
              color="red"
              size="48rpx"
            />
            <van-icon
              name="shopping-cart-o"
              wx:if="{{buybutton == 6}}"
              color="red"
              size="48rpx"
            />
            <view
              class="circular7"
              wx:if="{{buybutton == 7}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
            <view
              class="circular7 circular8"
              wx:if="{{buybutton == 8}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
          </view>
        </view>
      </view>
    </block>
  </view>
</block>
<block wx:if="{{column == 'template4'}}">
  <view class="for_box" style="width:{{style.width}}%;margin:{{style.margin.top * 2}}rpx {{style.margin.right * 2}}rpx {{style.margin.bottom * 2}}rpx {{style.margin.left * 2}}rpx;padding:{{style.padding.top * 2}}rpx {{style.padding.right * 2}}rpx {{style.padding.bottom * 2}}rpx {{style.padding.left * 2}}rpx;background:{{style.background}};border-radius:{{style.borderRadius * 2}}rpx;">
    <block wx:for="{{list}}" wx:key="index">
      <view
        class="detailed"
        style="width: {{style.groupWidth}}%;background: {{style.groupBackground}}; border-radius: {{style.groupBorderRadius * 2}}rpx;margin:{{style.groupMargin.top * 2}}rpx {{style.groupMargin.right * 2}}rpx {{style.groupMargin.bottom * 2}}rpx {{style.groupMargin.left * 2}}rpx;padding:{{style.groupPadding.top * 2}}rpx {{style.groupPadding.right * 2}}rpx {{style.groupPadding.bottom * 2}}rpx {{style.groupPadding.left * 2}}rpx;"
        data-id="{{item.objectId}}"
        bind:tap="toUrl"
      >
        <view class="detailed_left">
          <image
            class="image"
            src="{{item.goods.image}}"
            mode="widthFix"
            lazy-load="false"
            binderror=""
            bindload=""
          />
          <view class="end_box" wx:if="{{data.showCountdown}}">
            <block wx:if="{{item.time > 0}}">
              <view class="bargin_end">距结束仅剩</view>
              <van-count-down
                use-slot
                time="{{item.time}}"
                data-index="{{index}}"
                bind:change="onChange"
                format="DD 天 HH 时 mm 分 ss 秒"
              >
                <text class="item">{{ item.timeDate.days }} 天</text>
                <text class="item">{{ item.timeDate.hours }} 时</text>
                <text class="item">{{ item.timeDate.minutes }} 分</text>
                <text class="item">{{ item.timeDate.seconds }} 秒</text>
              </van-count-down>
            </block>
            <block wx:else>
              <view class="bargin_end2">已结束</view>
            </block>
          </view>
        </view>
        <view class="detailed-txt">
          <view class="detailed_top">
            <view class="four_tag" style="font-size:{{style.titleSize * 2}}rpx;">
              <span class="people" wx:if="{{data.groupPeople}}">
                {{item.people}}人团
              </span>
              {{item.goods.name}}
            </view>
            <view class="commodity_desc" style="font-size:{{style.descSize * 2}}rpx">
              {{item.goods.desc || '暂无产品简介'}}
            </view>
            <view class="three_name2" wx:if="{{data.showTotal}}">
              仅剩{{item.goods.total}}件
            </view>
          </view>
          <view class="price_info">
            <view class="price">
              <view class="group_price" wx:if="{{data.showGroupPrice}}">
                ￥{{item.price}}
              </view>
              <view class="original_price" wx:if="{{data.showPrice}}">
                ￥{{item.goods.price}}
              </view>
            </view>
            <van-icon
              name="cart-circle-o"
              wx:if="{{buybutton == 1}}"
              color="red"
              size="60rpx"
            />
            <van-icon
              name="add-o"
              wx:if="{{buybutton == 2}}"
              color="red"
              size="60rpx"
            />
            <view
              class="circular3"
              wx:if="{{buybutton == 3}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
            <view
              class="circular3 circular4"
              wx:if="{{buybutton == 4}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
            <van-icon
              name="add"
              wx:if="{{buybutton == 5}}"
              color="red"
              size="60rpx"
            />
            <van-icon
              name="shopping-cart-o"
              wx:if="{{buybutton == 6}}"
              color="red"
              size="60rpx"
            />
            <view
              class="circular7"
              wx:if="{{buybutton == 7}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
            <view
              class="circular7 circular8"
              wx:if="{{buybutton == 8}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
          </view>
        </view>
      </view>
    </block>
  </view>
</block>
<block wx:if="{{column == 'template5'}}">
  <view class="goods" style="width:{{style.width}}%;margin:{{style.margin.top * 2}}rpx {{style.margin.right * 2}}rpx {{style.margin.bottom * 2}}rpx {{style.margin.left * 2}}rpx;padding:{{style.padding.top * 2}}rpx {{style.padding.right * 2}}rpx {{style.padding.bottom * 2}}rpx {{style.padding.left * 2}}rpx;background:{{style.background}};border-radius:{{style.borderRadius * 2}}rpx;">
    <block wx:for="{{list}}" wx:key="index">
      <view
        class="one_box {{ index == 0 ? 'groupWidth0' : ''}}"
        style="background: {{style.groupBackground}}; border-radius: {{style.groupBorderRadius * 2}}rpx;margin:{{style.groupMargin.top * 2}}rpx {{style.groupMargin.right * 2}}rpx {{style.groupMargin.bottom * 2}}rpx {{style.groupMargin.left * 2}}rpx;padding:{{style.groupPadding.top * 2}}rpx {{style.groupPadding.right * 2}}rpx {{style.groupPadding.bottom * 2}}rpx {{style.groupPadding.left * 2}}rpx;"
        data-id="{{item.objectId}}"
        bind:tap="toUrl"
      >
        <image
          class="image"
          src="{{item.goods.image}}"
          style="border-radius: {{style.groupBorderRadius * 2}}rpx  {{style.groupBorderRadius * 2}}rpx 0 0"
          mode="widthFix"
          lazy-load="false"
          binderror=""
          bindload=""
        />
        <view class="bargain_box" wx:if="{{data.showCountdown}}">
          <view class="bargin_font">拼团</view>
          <view class="bargin_count">
            <block wx:if="{{item.time > 0}}">
              <view class="bargin_end">距结束仅剩</view>
              <van-count-down
                use-slot
                time="{{item.time}}"
                data-index="{{index}}"
                bind:change="onChange"
                format="DD 天 HH 时 mm 分 ss 秒"
              >
                <text class="item item1">{{ item.timeDate.days }} 天</text>
                <text class="item item1">{{ item.timeDate.hours }} 时</text>
                <text class="item item1">{{ item.timeDate.minutes }} 分</text>
                <text class="item item1">{{ item.timeDate.seconds }} 秒</text>
              </van-count-down>
            </block>
            <block wx:else>
              <view class="bargin_end2">已结束</view>
            </block>
          </view>
        </view>
        <view class="commodity">
          <view class="name_info">
            <view class="tag people" wx:if="{{data.groupPeople}}">
              {{item.people}}人团
            </view>
            <view class="commodity_name" style="font-size:{{style.titleSize * 2}}rpx;">
              {{item.goods.name}}
            </view>
          </view>
          <view class="commodity_detailed" style="font-size:{{style.descSize * 2}}rpx">
            {{item.goods.desc}}
          </view>
          <view class="commodity_detailed" wx:if="{{data.showTotal}}">
            仅剩{{item.goods.total}}件
          </view>
          <view class="commodity_number">
            <view class="row-left">
              <view class="price" wx:if="{{data.showGroupPrice}}">
                ￥{{item.price}}
              </view>
              <view class="original" wx:if="{{data.showPrice}}">
                ￥{{item.goods.price}}
              </view>
            </view>
            <van-icon
              name="cart-circle-o"
              wx:if="{{buybutton == 1}}"
              color="red"
              size="60rpx"
            />
            <van-icon
              name="add-o"
              wx:if="{{buybutton == 2}}"
              color="red"
              size="60rpx"
            />
            <view
              class="circular3"
              wx:if="{{buybutton == 3}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
            <view
              class="circular3 circular4"
              wx:if="{{buybutton == 4}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
            <van-icon
              name="add"
              wx:if="{{buybutton == 5}}"
              color="red"
              size="60rpx"
            />
            <van-icon
              name="shopping-cart-o"
              wx:if="{{buybutton == 6}}"
              color="red"
              size="60rpx"
            />
            <view
              class="circular7"
              wx:if="{{buybutton == 7}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
            <view
              class="circular7 circular8"
              wx:if="{{buybutton == 8}}"
              style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
            >
              {{style.btnText}}
            </view>
          </view>
        </view>
      </view>
    </block>
  </view>
</block>
<block wx:if="{{column == 'template6'}}">
  <view class="scroll_info" style="width:{{style.width}}%;margin:{{style.margin.top * 2}}rpx {{style.margin.right * 2}}rpx {{style.margin.bottom * 2}}rpx {{style.margin.left * 2}}rpx;padding:{{style.padding.top * 2}}rpx {{style.padding.right * 2}}rpx {{style.padding.bottom * 2}}rpx {{style.padding.left * 2}}rpx;background:{{style.background}};border-radius:{{style.borderRadius * 2}}rpx;">
    <scroll-view scroll-x="true">
      <block wx:for="{{list}}" wx:key="index">
        <view
          class="six-box"
          style="width: {{style.groupWidth}}%;background: {{style.groupBackground}}; border-radius: {{style.groupBorderRadius * 2}}rpx;margin:{{style.groupMargin.top * 2}}rpx {{style.groupMargin.right * 2}}rpx {{style.groupMargin.bottom * 2}}rpx {{style.groupMargin.left * 2}}rpx;padding:{{style.groupPadding.top * 2}}rpx {{style.groupPadding.right * 2}}rpx {{style.groupPadding.bottom * 2}}rpx {{style.groupPadding.left * 2}}rpx;"
          data-id="{{item.objectId}}"
          bind:tap="toUrl"
        >
          <image
            class="image"
            src="{{item.goods.image}}"
            style="border-radius: {{style.groupBorderRadius * 2}}rpx  {{style.groupBorderRadius * 2}}rpx 0 0"
            mode="widthFix"
            lazy-load="false"
            binderror=""
            bindload=""
          />
          <view class="end_info">
            <view class="six_tag" style="font-size:{{style.titleSize * 2}}rpx;">
              <span class="people" wx:if="{{data.groupPeople}}">
                {{item.people}}人团
              </span>
              {{item.goods.name}}
            </view>
            <view class="commodity_desc" style="font-size:{{style.descSize * 2}}rpx">
              {{item.goods.desc || '暂无产品简介'}}
            </view>
            <view class="six_name" wx:if="{{data.showTotal}}">
              仅剩{{item.goods.total}}件
            </view>
            <view class="price_info">
              <view class="price">
                <view class="group_price" wx:if="{{data.showGroupPrice}}">
                  ￥{{item.price}}
                </view>
                <view class="original_price" wx:if="{{data.showPrice}}">
                  ￥{{item.goods.price}}
                </view>
              </view>
              <van-icon
                name="cart-circle-o"
                wx:if="{{buybutton == 1}}"
                color="red"
                size="60rpx"
              />
              <van-icon
                name="add-o"
                wx:if="{{buybutton == 2}}"
                color="red"
                size="60rpx"
              />
              <view
                class="circular3"
                wx:if="{{buybutton == 3}}"
                style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
              >
                {{style.btnText}}
              </view>
              <view
                class="circular3 circular4"
                wx:if="{{buybutton == 4}}"
                style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
              >
                {{style.btnText}}
              </view>
              <van-icon
                name="add"
                wx:if="{{buybutton == 5}}"
                color="red"
                size="60rpx"
              />
              <van-icon
                name="shopping-cart-o"
                wx:if="{{buybutton == 6}}"
                color="red"
                size="60rpx"
              />
              <view
                class="circular7"
                wx:if="{{buybutton == 7}}"
                style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
              >
                {{style.btnText}}
              </view>
              <view
                class="circular7 circular8"
                wx:if="{{buybutton == 8}}"
                style="font-size:{{style.btnSize * 2}}rpx;color:{{style.btnColor}}"
              >
                {{style.btnText}}
              </view>
            </view>
          </view>
        </view>
      </block>
    </scroll-view>
  </view>
</block>