提交

jiangping

2024-07-29 d9a89d83c2048a964f16ca179feb2b7f21b9d33a

 wechat_jiaxuan/pages/calculator/index.wxml

@@ -1,7 +1,8 @@
<!--pages/calculator/index.wxml-->
<view class="container" style="background-image: {{ 'url(' + background + ')' }};">
<view class="container">
  <image class="main_bg" src="{{ background }}" mode="widthFix"></image>
  <view class="container-content" style="overflow-y: {{ containerContentStyle }};">
    <van-nav-bar border="{{ false }}" custom-class="top-head-transparent" bind:click-left="navigateBack" fixed placeholder>
    <van-nav-bar  title="装修计算器" border="{{ false }}" custom-class="top-head-transparent" bind:click-left="navigateBack" fixed placeholder>
      <van-icon name="arrow-left" class="top-head-icon" slot="left" />
    </van-nav-bar>

@@ -20,7 +21,7 @@
              <view class="value" wx:if="{{ type !== '' }}">{{ typeArray[type] }}</view>
              <view class="placeholder" wx:else>请选择</view>
            </view>
            <van-icon class="icon" name="arrow-down" />
            <van-icon color="#B08771" class="icon" name="arrow-down" />
          </view>
        </view>

@@ -31,14 +32,14 @@
              <view class="value" wx:if="{{ info !== '' }}">{{ infoArray[info] }}</view>
              <view class="placeholder" wx:else>请选择</view>
            </view>
            <van-icon class="icon" name="arrow-down" />
            <van-icon color="#B08771" class="icon" name="arrow-down" />
          </view>
        </view>

        <view class="form-item">
          <view class="label">房屋面积：</view>
          <view class="input-box">
            <input class="input" placeholder-class="placeholder" placeholder="0"
            <input class="input" type="number" placeholder-class="placeholder" placeholder="0"
              data-index="area" bindinput="inputTyping" value="{{ area }}"/>
            <view class="icon">㎡</view>
          </view>
@@ -47,7 +48,7 @@
        <view class="form-item">
          <view class="label">装修预算：</view>
          <view class="input-box">
            <input class="input" placeholder-class="placeholder" placeholder="0"
            <input class="input" type="number" placeholder-class="placeholder" placeholder="0"
              data-index="money" bindinput="inputTyping" value="{{ money }}"/>
            <view class="icon">万元</view>
          </view>
@@ -63,21 +64,21 @@
    <!-- 计算器 end -->

    <!-- 计算结果展示 -->
    <view class="results" style="opacity: {{ showResultMoney ? '1' : '0.2' }};">
    <view class="results" style="position: {{ showResultMoney ? 'static' : 'absolute' }}">
      <view class="results-title">最优家装分配表</view>
      <view class="flex thead">
        <view class="td name">详情</view>
        <view class="td rate">参考比例</view>
        <view class="td money">参考价格</view>
      </view>
      <view class="item" wx:for="{{ calculatorOptions }}" wx:key="index"
      <view style="opacity: {{ showResultMoney ? '1' : '0.2' }};" class="item" wx:for="{{ activeList }}" wx:key="index"
        hidden="{{ type == item.info }}">
        <view class="flex th">
          <view class="td name">{{ item.name }}</view>
          <view class="td rate">占比{{ item.rate }}%</view>
          <view class="td money">合计{{ item.money }}(万元)</view>
        </view>
        <view class="flex tr" wx:for="{{ item.childList }}" wx:for-item="ite" wx:for-index="idx" wx:key="idx">
        <view class="flex tr" wx:for="{{ item.children }}" wx:for-item="ite" wx:for-index="idx" wx:key="idx">
          <view class="td name">{{ ite.name }}</view>
          <view class="td rate">{{ ite.rate }}%</view>
          <view class="td money">{{ ite.money }}</view>