37 lines
1.6 KiB
Plaintext
37 lines
1.6 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="oilType" value="{{oilType}}" bindinput="onInput" />
|
|
<view class="section-title">油耗</view>
|
|
<input class="input" data-key="consumption" value="{{consumption}}" bindinput="onInput" />
|
|
<view class="section-title">里程(km)</view>
|
|
<input class="input" type="number" data-key="distance" value="{{distance}}" 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>
|