35 lines
1.4 KiB
Plaintext
35 lines
1.4 KiB
Plaintext
<view class="container">
|
|
<view class="page-header">
|
|
<view class="page-title">电费计算</view>
|
|
<view class="page-subtitle">按功率与时长估算</view>
|
|
</view>
|
|
<view class="card">
|
|
<view class="card-title">电费计算</view>
|
|
<view class="section-title">省份</view>
|
|
<input class="input" data-key="province" value="{{province}}" bindinput="onInput" />
|
|
<view class="section-title">功率</view>
|
|
<input class="input" data-key="power" value="{{power}}" bindinput="onInput" />
|
|
<view class="section-title">使用时长</view>
|
|
<input class="input" type="number" data-key="hours" value="{{hours}}" bindinput="onInput" />
|
|
<view class="row action-row">
|
|
<button class="btn" bindtap="calculate">计算</button>
|
|
</view>
|
|
</view>
|
|
<view class="card result-card" wx:if="{{result}}">
|
|
<view class="result-header">
|
|
<view class="result-title">结果</view>
|
|
<view class="badge">原始数据</view>
|
|
</view>
|
|
<view class="result-hint">已为你保留完整响应</view>
|
|
<view wx:if="{{resultCards.length}}" class="list">
|
|
<view wx:for="{{resultCards}}" wx:key="label" class="card card--inner list-item">
|
|
<view class="row" style="justify-content: space-between;">
|
|
<view class="module-title">{{item.label}}</view>
|
|
<view class="badge">{{item.value}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="result">{{result}}</view>
|
|
</view>
|
|
</view>
|