AcidificationModel/shoping/Calculation/Calculation.wxml

<!-- pages/Calculation/Calculation.wxml -->
<view class="page-body">
  <view class="white-box">
  <view class="input-row">
    <view class="page-section-title">有机质含量 OM：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="4~6" 
      value="{{OM}}" 
      bindinput="onOMChange" 
    />
  </view>
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="input-row">
    <view class="page-section-title">土壤粘粒重量 CL：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="4~6" 
      value="{{CL}}" 
      bindinput="onCLChange" 
    />
  </view>
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="input-row">
    <view class="page-section-title">阳离子交换量 CEC：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="4~6" 
      value="{{CEC}}" 
      bindinput="onCECChange" 
    />
  </view>
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="input-row">
    <view class="page-section-title">氢离子含量 H：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="4~6" 
      value="{{H}}" 
      bindinput="onHChange" 
    />
  </view>
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="input-row">
    <view class="page-section-title">铵离子含量 HN：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="4~6" 
      value="{{HN}}" 
      bindinput="onHNChange" 
    />
  </view>
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="input-row">
    <view class="page-section-title">铝离子含量 Al：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="4~6" 
      value="{{Al}}" 
      bindinput="onAlChange" 
    />
  </view>
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="input-row">
    <view class="page-section-title">游离氧化铝 FA：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="4~6" 
      value="{{free_alumina}}" 
      bindinput="onFreeAluminaChange" 
    />
  </view>
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="input-row">
    <view class="page-section-title">游离氧化铁 FIO：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="4~6" 
      value="{{free_iron_oxides}}" 
      bindinput="onFreeIronOxidesChange" 
    />
  </view>
  </view>
</view>

<view class="page-body">
  <view class="white-box">
    <view class="input-row">
    <view class="page-section-title">pH差值：</view>
    <input 
      class="input-field" 
      type="text" 
      placeholder="4~6" 
      value="{{delta_ph}}" 
      bindinput="onDeltaPhChange" 
    />
  </view>
  </view>
</view>

<!-- 弹窗部分 -->
  <view wx:if="{{showResultPopup}}" class="modal-overlay">
    <view class="modal">
      <view class="modal-header">
        <text>计算结果</text>
        <button class="close-btn" bindtap="closePopup">×</button>
      </view>
      <view class="modal-body">
        <text>{{result}}</text>
      </view>
    </view>
  </view>

<view class="green-btn">
  <button class="btn" bindtap="calculate">计算</button>
</view>