wxappb2b/GuangZuan/miniprogram/mHome/pages/calculator/calculator.wxml

<!--mHome/pages/calculator/calculator.wxml-->

<view class="container" style="position: relative; height: {{windowHeight-safeBottom}}px;">
  <!--  形状  -->
  <scroll-view scroll-y class="shape">
    <view class="shape-item" wx:for="{{shapes}}" wx:key="id" wx:for-index="idx" wx:for-item="itm">
      <image src="https://img.yzcdn.cn/vant/cat.jpeg" style="width: 40px; height: 40px;"></image>
      <text>{{itm.name}}</text>
    </view>
  </scroll-view>

  <!--  颜色  -->
  <scroll-view scroll-y class="color">
   <view class="color-item" wx:for="{{colors}}" wx:key="id" wx:for-index="idx" wx:for-item="itm">
     <text>{{itm.name}}</text>
    </view>
  </scroll-view>

  <!--  净度  -->
  <scroll-view scroll-y class="neatness">
    <view class="neatness-item" wx:for="{{neatness}}" wx:key="id" wx:for-index="idx" wx:for-item="itm">
      <text>{{itm.name}}</text>
    </view>
  </scroll-view>

  <view class="right-content">
    <view class="weight"> 
      <text>重量（ct）</text>
      <input placeholder="请输入重量" value="{{weight}}" type="digit"></input>
    </view>
    <view class="price"> 
      <text>国际报价</text>
      <input placeholder="请输入价格" value="{{price}}" type="digit"></input>
    </view>
    <view class="dayRate"> 
      <text>汇率</text>
      <input placeholder="请输入汇率" value="{{erate}}" type="digit"></input>
    </view>
    <view class="discount"> 
      <text>折扣（%）</text>
      <input placeholder="请输入折扣" value="{{discount}}" type="digit"></input>
    </view>
    <view class="doller"> 
      <text>美元</text>
      <input placeholder="请输入美元" value="{{doller}}" type="digit"></input>
    </view>
    <view class="rmb"> 
      <text>人民币</text>
      <input placeholder="请输入人民币" value="{{rmb}}" type="digit"></input>
    </view>
    <view class="dollerrate"> 
      <text>美元</text>
      <text>0.00</text>
      <text>0.00/ct</text>
    </view>
    <view class="rmbrate"> 
      <text>人民币</text>
      <text>0.00</text>
      <text>0.00/ct</text>
    </view>  
  </view>
</view>