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">{{nozzleInfo.productName}}油品</text>
        <text class="price">￥{{nozzleInfo.productPrice}}/升</text>
      </view>
    </view>

    <!-- 定值区 -->
    <view class="inputBox">
      <!-- 输入 -->
      <view class="input">
        <text>{{inputTip}}</text>
        <input type="digit" placeholder="0.00" value="{{inputValue}}" bindinput="onInputChange" />
        <text>{{quantify}}</text>
      </view>

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

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

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

  <text class="anthorization" bind:tap="toAuthorization">授权</text>
</view>