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 style="position: relative; left: 25rpx; top: 0rpx; width: 218rpx; display: block; box-sizing: border-box" src="../../images/oiloil.png" mode="aspectFill" class="flip-image" />
      <view class="oilInfo">
        <text class="oil" style="position: relative; left: -8rpx; top: 0rpx">{{nozzleInfo.productName}}</text>
        <text class="price" style="position: relative; left: -8rpx; top: 6rpx">￥{{nozzleInfo.productPrice}}/升</text>
      </view>
    </view>

    <!-- 定值区 -->
    <view class="inputBox">
      <!-- 输入 -->
      <view class="input">
        <text>{{inputTip}}</text>
        <input style="width: 393rpx; height: 43rpx; display: block; box-sizing: border-box" type="digit" placeholder="0.00" value="{{inputValue}}" bindinput="onInputChange" />
        <text>{{quantify}}</text>
      </view>

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

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

      <!-- 定量类型选择 -->
      <radio-group class="typeSelect" bindchange="onTypeChange" style="position: relative; left: 0rpx; top: 22rpx">
        <radio wx:for="{{type}}" wx:key="index" checked="{{item.checked}}" color="#0d7ee7" value="{{item.name}}">{{item.name}}</radio>
      </radio-group>
    </view>
  </view>
                                                                                                      
  <text class="anthorization" bind:tap="toAuthorization" hover-class="authorization-hover" loading="{{isLoading}}">授权</text>
</view>