Fuelwx/pages/quantify/quantify.wxml

<view class="quantifyContainer">
  <!-- 提示 -->
  <view class="tip">
    <icon color="#fbac15" type="warn" />
    <text>请勿在油机旁使用手机</text>
  </view>

  <view class="quantifyBox">
    <!-- 油品信息 -->
    <view class="oilInfoBox">
      <image src="../../images/oil.svg" mode="aspectFill" />
      <view class="oilInfo">
        <text class="oil">92#汽油</text>
        <text class="price">￥7.49/升</text>
      </view>
    </view>

    <!-- 定值区 -->
    <view class="inputBox">
      <!-- 输入 -->
      <view class="input">
        <text>请输入金额</text>
        <input type="digit" placeholder="0.00{{quantify}}"/>
      </view>

      <!-- 分割线 -->
      <view class="line" />

      <!-- 快速输入 -->
      <view class="fastInput">
        <text class="fastItem" wx:for="{{fastInputs}}" wx:key="{{index}}">{{item}}{{quantify}}</text>
      </view>

      <!-- 定量类型选择 -->
      <radio-group class="typeSelect" bindchange="onTypeChange">
        <radio wx:for="{{type}}" checked="{{item.checked}}"
        color="#d81e07" value="{{item.name}}">{{item.name}}</radio>
      </radio-group>
    </view>
  </view>

  <text class="anthorization">授权</text>

</view>