my_loan/htmldev/wxMini/pages/businessGoodsEdit/businessGoodsEdit.wxml

<view class="wrapper">
  <view class="width-690">
    <form bind:submit="onSubmit">
      <view class="photo">
        <label>
          <text>商品主图</text>
          <text>({{form.product_img_url.length}}/{{product_img_url_max}})</text>
        </label>
        <view class="value">
          <view
            class="van-uploader-wrap">
            <van-uploader
              file-list="{{ form.product_img_url }}"
              max-count="{{product_img_url_max}}"
              multiple="{{false}}"
              accept="image"
              data-formkey="product_img_url"
              bind:click-preview="uploadImg"
              bind:after-read="afterRead"
              bind:delete="delete"/>
          </view>
        </view>
      </view>
      <view class="photo">
        <label>
          <text>商品轮播图</text>
          <text>({{form.product_rotation_img_list.length}}/{{product_rotation_img_list_max}})</text>
        </label>
        <view class="value">
          <view
            class="van-uploader-wrap">
            <van-uploader
              file-list="{{ form.product_rotation_img_list }}"
              max-count="{{product_rotation_img_list_max}}"
              multiple="{{true}}"
              accept="image"
              data-formkey="product_rotation_img_list"
              bind:click-preview="uploadImg"
              bind:after-read="afterRead"
              bind:delete="delete"/>
          </view>
        </view>
      </view>
      <view class="photo">
        <label>
          <text>商品详情图</text>
          <text>({{form.product_detail_img_list.length}}/{{product_detail_img_list_max}})</text>
        </label>
        <view class="value">
          <view
            class="van-uploader-wrap">
            <van-uploader
              file-list="{{ form.product_detail_img_list }}"
              max-count="{{product_detail_img_list_max}}"
              multiple="{{true}}"
              accept="image"
              data-formkey="product_detail_img_list"
              bind:click-preview="uploadImg"
              bind:after-read="afterRead"
              bind:delete="delete"/>
          </view>
        </view>
        <view class="tip border-bottom-2">请上传尺寸为375*375像素图片</view>
      </view>
      <view class="box">
        <label>
          <text>标题</text>
        </label>
        <view class="value">
          <input
            value="{{form.product_title}}"
            placeholder="输入商品标题"
            placeholder-class="placeholder"></input>
        </view>
      </view>
      <view class="describe">
        <view class="value">
          <textarea
            value="{{form.product_desc}}"
            placeholder="请输入商品简介"
            placeholder-class="placeholder"
            maxlength="{{200}}"
            auto-height="{{true}}"></textarea>
        </view>
        <view class="words-limit">{{form.product_desc.length}}/200</view>
      </view>
      <view class="box border-bottom-2">
        <label>
          <text>商品分类</text>
        </label>
        <view class="value">
          <view
            class="{{!!form.product_category_id.id ? '' : 'placeholder'}}">
            {{form.product_category_id.category_name || '请选择商品分类'}}
          </view>
          <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
        </view>
      </view>
      <view class="box">
        <label>
          <text>商品品牌</text>
        </label>
        <view class="value">
          <view class="{{!!form.product_brand_id.id ? '' : 'placeholder'}}">
            {{form.product_brand_id.brand_name || '请选择商品品牌'}}
          </view>
          <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
        </view>
      </view>
      <view class="box">
        <label>
          <text>商品规格</text>
        </label>
        <view class="value">
          <input
            value="{{form.product_spec}}"
            placeholder="输入商品规格"
            placeholder-class="placeholder"></input>
        </view>
      </view>
      <view class="box">
        <label>
          <text>单 位</text>
        </label>
        <view class="value">
          <view class="{{!!form.product_unit ? '' : 'placeholder'}}">{{form.product_unit || '请选择商品单位'}}</view>
          <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
        </view>
      </view>
      <view class="box">
        <label>
          <text>批发价(元)</text>
        </label>
        <view class="value">
          <input
            value="{{form.product_all_price}}"
            placeholder="输入批发价"
            placeholder-class="placeholder"></input>
        </view>
      </view>
      <view class="box">
        <label>
          <text>零售价(元)</text>
        </label>
        <view class="value">
          <input
            value="{{form.product_price}}"
            placeholder="输入零售价"
            placeholder-class="placeholder"></input>
        </view>
      </view>
      <view class="box">
        <label>
          <text>库 存</text>
        </label>
        <view class="value">
          <input
            value="{{form.product_count}}"
            placeholder="输入库存"
            placeholder-class="placeholder"></input>
        </view>
      </view>
      <view class="box border-bottom-2">
        <label>
          <text>发售时间</text>
        </label>
        <view class="value">
          <view class="{{!!form.product_sale_at ? '' : 'placeholder'}}">{{form.product_sale_at || '请选择发售时间'}}
          </view>
          <image class="arrow" src="../../image/businessGoodsEdit/arrow.png"></image>
        </view>
      </view>
      <button
        class="btn-submit"
        type="primary"
        form-type="submit">编辑/发布
      </button>
    </form>
  </view>
</view>

<van-popup
  show="{{ show }}"
  close-on-click-overlay="{{false}}"
  round
  position="bottom"
  bind:click-overlay="onClose"
  bind:close="onClose">
  <van-picker
    columns="{{ columns }}"
    show-toolbar
    default-index="{{ 2 }}"
    bind:change="onChange"/>
</van-popup>