135 lines
7.1 KiB
Plaintext
135 lines
7.1 KiB
Plaintext
<view class="navigation {{isFixedTop > 50 ? 'active' : ''}}" style="padding-top:{{barHeight}}px;">
|
|
<image class="navigation-arrow" src="https://api.siyuankunlun.com/storage/images/2023/11/15/54dcd352eff2d8ad1f985a8374df09cd.png" mode="widthFix"></image>
|
|
</view>
|
|
|
|
<view class="monster" style="padding-top: {{barHeight + 60}}px">
|
|
<view class="monsterBack">
|
|
<image class="monsterImg" src="https://api.siyuankunlun.com/storage/images/2023/11/14/b2687f50c2829ea28ba5efa598699382.png" mode="aspectFill"></image>
|
|
<view class="monsterBar" style="height: {{Drink.rate}}%;"></view>
|
|
</view>
|
|
<view class="monsterMark">
|
|
<view class="monsterMark-total">{{Drink.rate ? Drink.rate : '0'}}%</view>
|
|
<view class="monsterMark-see"><text>{{Drink.current ? Drink.current : '0'}}</text> / {{Drink.need ? Drink.need : '0'}}ml</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 摄入成分 -->
|
|
<view class="monsterPart">
|
|
<view class="monsterPart-name">摄入成分</view>
|
|
<scroll-view class="monsterPart-list" scroll-x="true" scroll-with-animation>
|
|
<block wx:if="{{type == 'sykl'}}">
|
|
<view class="monsterPart-item">
|
|
<view class="monsterPart-item-name">{{Element.sr ? Element.sr : '0'}}mg</view>
|
|
<view class="monsterPart-item-text">锶</view>
|
|
</view>
|
|
<view class="monsterPart-item">
|
|
<view class="monsterPart-item-name">{{Element.mg ? Element.mg : '0'}}mg</view>
|
|
<view class="monsterPart-item-text">镁</view>
|
|
</view>
|
|
<view class="monsterPart-item">
|
|
<view class="monsterPart-item-name">{{Element.k ? Element.k : '0'}}mg</view>
|
|
<view class="monsterPart-item-text">钾</view>
|
|
</view>
|
|
<view class="monsterPart-item">
|
|
<view class="monsterPart-item-name">{{Element.ca ? Element.ca : '0'}}mg</view>
|
|
<view class="monsterPart-item-text">钙</view>
|
|
</view>
|
|
<view class="monsterPart-item">
|
|
<view class="monsterPart-item-name">{{Element.na ? Element.na : '0'}}mg</view>
|
|
<view class="monsterPart-item-text">钠</view>
|
|
</view>
|
|
</block>
|
|
<block wx:else>
|
|
<view class="monsterPart-item">
|
|
<view class="monsterPart-item-name">0mg</view>
|
|
<view class="monsterPart-item-text">锶</view>
|
|
</view>
|
|
<view class="monsterPart-item">
|
|
<view class="monsterPart-item-name">0mg</view>
|
|
<view class="monsterPart-item-text">镁</view>
|
|
</view>
|
|
<view class="monsterPart-item">
|
|
<view class="monsterPart-item-name">0mg</view>
|
|
<view class="monsterPart-item-text">钾</view>
|
|
</view>
|
|
<view class="monsterPart-item">
|
|
<view class="monsterPart-item-name">0mg</view>
|
|
<view class="monsterPart-item-text">钙</view>
|
|
</view>
|
|
<view class="monsterPart-item">
|
|
<view class="monsterPart-item-name">0mg</view>
|
|
<view class="monsterPart-item-text">钠</view>
|
|
</view>
|
|
</block>
|
|
</scroll-view>
|
|
</view>
|
|
|
|
<!-- 选择饮品 -->
|
|
<view class="drink">
|
|
<view class="drinkCont">
|
|
<view class="drinkCont-name">点击选择饮品</view>
|
|
<view class="drinkCont-list">
|
|
<view class="drinkCont-item {{type == 'normal' ? 'active' : ''}}" bindtap="drinkSelect" data-type="normal">
|
|
<image class="drinkCont-item-img" src="https://api.siyuankunlun.com/storage/images/2023/11/14/ada23c13f22a726653c106fb52f31697.png" mode="widthFix"></image>
|
|
<view class="drinkCont-item-name">普通饮用水</view>
|
|
</view>
|
|
<view class="drinkCont-item {{type == 'sykl' ? 'active' : ''}}" bindtap="drinkSelect" data-type="sykl">
|
|
<image class="drinkCont-item-img" src="https://api.siyuankunlun.com/storage/images/2023/11/14/fe52208e765917ffdf29150cf82dc49f.png" mode="widthFix"></image>
|
|
<view class="drinkCont-item-name">锶源昆仑天然水</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="drinkBtn">
|
|
<view class="drinkBtn-go" bindtap="drinkTap">喝水</view>
|
|
</view>
|
|
|
|
<!-- 饮水弹出 -->
|
|
<view class="waterBack {{waterState ? 'active' : ''}}"></view>
|
|
<view class="waterPop {{waterState ? 'active' : ''}}">
|
|
<View class="waterPop-top">
|
|
<view class="waterPop-top-label waterPop-top-cancel" bindtap="drinkCancel">取消</view>
|
|
<view class="waterPop-top-label waterPop-name">选择饮用量</view>
|
|
<view class="waterPop-top-label waterPop-sure" bindtap="drinkSure">确定</view>
|
|
</View>
|
|
|
|
<view class="waterPop-type">
|
|
<image src="{{type == 'sykl' ? 'https://api.siyuankunlun.com/storage/images/2023/11/14/fe52208e765917ffdf29150cf82dc49f.png' : 'https://api.siyuankunlun.com/storage/images/2023/11/14/ada23c13f22a726653c106fb52f31697.png'}}" class="waterPop-type-cont-img" mode="widthFix"></image>
|
|
<view class="waterPop-type-cont">
|
|
<view class="waterPop-type-name">{{type == 'sykl' ? '锶源昆仑天然水' : '普通饮用水'}}</view>
|
|
<view class="waterPop-type-text">饮用量：{{Drink.current ? Drink.current : '0'}}ml - {{Drink.need ? Drink.need : '0'}}ml</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="waterPop-scale">
|
|
<view class="waterPop-scale-pot">
|
|
<image class="waterPop-scale-pot-back" src="https://api.siyuankunlun.com/storage/images/2023/11/14/7cc458841f443badade6e9558a833ad5.png"></image>
|
|
<view class="waterPop-scale-pot-grey"></view>
|
|
<view class="waterPop-scale-pot-ruler" style="height: {{scale}}%;">
|
|
<view class="waterPop-scale-pot-number">{{number}}ml</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="waterPop-scale-grow">
|
|
<view class="waterPop-scale-grow-btn waterPop-scale-grow-cut" bindtap="scaleNumber" data-type="remove">-</view>
|
|
<slider class="waterPop-scale-grow-slider" bindchange="slider3change" block-size="20" value="{{number}}" step="10" min="100" max="1000" backgroundColor="#eeeeee" block-color="#3c7dff" selected-color="#3c7dff" />
|
|
<view class="waterPop-scale-grow-btn waterPop-scale-grow-add" bindtap="scaleNumber" data-type="plus">+</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 是否完善资料弹出 -->
|
|
<view class="refertoEject {{baseState ? 'active' : ''}}" catchtouchmove='true'></view>
|
|
<view class="refertoCont {{baseState ? 'active' : ''}}" catchtouchmove='true'>
|
|
<view class="refertoCont-text">
|
|
<view class="refertoCont-title">健康档案提示</view>
|
|
<image class="refertoCont-ls" src="https://api.siyuankunlun.com/storage/images/2023/11/20/9d8b55b1e388c8bbb17a07ceaa332b50.png" mode="widthFix"></image>
|
|
<view class="refertoCont-tips">
|
|
您还没有建立健康档案
|
|
</view>
|
|
<view class="publicPop-btn">
|
|
<view class="publicPop-btn-go" bindtap="establish">暂不建立</view>
|
|
<view class="publicPop-btn-go publicPop-btn-border" bindtap="perfect">去建立</view>
|
|
</view>
|
|
</view>
|
|
</view> |