LinHelp/miniapp/miniprogram/pages/group-buy/detail.wxml

<view class="page detail-page" wx:if="{{groupBuy}}">
  <view class="detail-hero">
    <image wx:if="{{groupBuy.coverUrl}}" class="detail-cover" src="{{groupBuy.coverUrl}}" mode="aspectFill" />
    <view wx:else class="detail-cover media-placeholder">团</view>
    <view class="detail-info">
      <view class="tag">{{groupBuy.status}}</view>
      <view class="detail-title">{{groupBuy.title}}</view>
      <view class="detail-price">¥{{groupBuy.priceCent / 100}}</view>
      <view wx:if="{{groupBuy.originPriceCent}}" class="origin-price">原价 ¥{{groupBuy.originPriceCent / 100}}</view>
      <view class="muted">{{groupBuy.description || '社区团购'}}</view>
    </view>
  </view>

  <view class="delivery-panel">
    <view class="panel-label">自提点</view>
    <view class="panel-value">{{groupBuy.pickupAddress}}</view>
    <view class="muted">截单 {{groupBuy.endTime}}</view>
  </view>

  <view class="purchase-card form-card">
    <view class="card-title form-title">团购下单</view>
    <view class="field-label">数量</view>
    <input class="input" type="number" value="{{form.quantity}}" bindinput="onQuantityChange" />

    <view class="field-label">提货方式</view>
    <radio-group class="radio-grid" bindchange="onMethodChange">
      <label class="radio"><radio value="SELF_PICKUP" checked="{{form.deliveryMethod === 'SELF_PICKUP'}}" />自提</label>
      <label class="radio"><radio value="IMMEDIATE" checked="{{form.deliveryMethod === 'IMMEDIATE'}}" />配送</label>
    </radio-group>

    <view wx:if="{{form.deliveryMethod !== 'SELF_PICKUP'}}">
      <view class="field-label">收货地址</view>
      <picker mode="selector" range="{{addresses}}" range-key="detail" value="{{addressIndex}}" bindchange="onAddressChange">
        <view class="picker">{{addresses[addressIndex] ? addresses[addressIndex].building + ' ' + addresses[addressIndex].room + ' ' + addresses[addressIndex].detail : '请选择地址'}}</view>
      </picker>
    </view>

    <view class="field-label">备注</view>
    <textarea class="textarea" placeholder="备注" bindinput="onRemarkInput" />
    <button class="primary action-button" loading="{{submitting}}" bindtap="submit">提交团购订单</button>
  </view>
</view>