user-table.wxml 3.66 KB
<view class="page">
  <view class="app__bgc bgc"></view>
  <!-- <view class="app__bg bg"></view> -->
  <image class="bg" src="../../image/oss/poster/poster-bg.png" mode="scaleToFill" />
  <view class="decoration">
    <image class="d1" mode="widthFix" src="../../image/oss/user-table/user-table-d1.png" />
    <image class="d2" mode="widthFix" src="../../image/oss/user-table/user-table-d2.png" />
  </view>
  <view class="app__content main">
    <view class="top-space"></view>
    <view class="content">
      <view class="top">
        <view class="tit">
          <image mode="widthFix" src="../../image/oss/user-table/user-table-c1.png" />
        </view>
        <view class="display">
          <image class="prod" mode="aspectFit" src="../../image/prize/prize-1.png" />
        </view>
        <view class="name">丸美弹力蛋白凝时紧致乳</view>
      </view>
      <!-- 表单 -->
      <view class="table">
        <image class="ebg" mode="widthFix" src="../../image/oss/user-table/user-table-c2.png" />
        <!-- 编辑框 -->
        <view wx:if="{{1>10}}" class="border edit">
          <view class="space1"></view>
          <view class="tips">*请填写您的邮寄地址,我们将为您送出以上礼品</view>
          <view class="form">
            <view class="ipt">
              <view class="label">姓名</view>
              <input class="input" placeholder="请输入" />
            </view>
            <view class="ipt">
              <view class="label">电话</view>
              <input class="input" placeholder="请输入" />
            </view>
            <view class="ipt">
              <view class="label">区域</view>
              <view class="input area">
                <view class="area-item area-item2">

                  <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" />
                </view>
                <view class="line"></view>
                <view class="area-item area-item2">

                  <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" />
                </view>
                <view class="line"></view>
                <view class="area-item area-item2">

                  <image class="icon" mode="widthFix" src="../../image/oss/icon/icon-drow-down.png" />
                </view>
              </view>
            </view>
            <view class="ipt ipt2">
              <view class="label">地址</view>
              <textarea class="input textarea" placeholder="请输入"></textarea>
            </view>
          </view>
          <view bindtap="onSubmitHandler"  class="submit-btn">确认提交</view>
        </view>
        <!-- 结果显示 -->
        <view wx:else class="border result">
          <view class="space1"></view>
          <view class="tips">*感谢您提交的地址,我们将尽快为您送出以上礼品</view>
          <view class="form">
            <view class="form-item">
              <view class="label">姓名</view>
              <view class="val">林小美</view>
            </view>
            <view class="form-item">
              <view class="label">电话</view>
              <view class="val">18812345678</view>
            </view>
            <view class="form-item">
              <view class="label">地址</view>
              <view class="val">广州市天河区珠江新城花城大道路xx广州市天河区珠江新城花城大道路xx广州市天河区珠江新城花城大道路xx</view>
            </view>
          </view>
          <view bindtap="onWishHandler" class="submit-btn">返回首页</view>
        </view>
      </view>
    </view>
  </view>
</view>