aircondition.wxml 4.8 KB

1
  1. <view class="aircondition-box"><view class="aircondition-control"><view class="aircondition-toogle"><view class="toogle-icon-text"><view class="toogle-icon"><uni-icons vue-id="4f46faa7-1" type="icon-fentikongtiaokongtiaojieneng" custom-prefix="iconfont" color="#fff" size="26" bind:__l="__l"></uni-icons></view><text class="text">{{title}}</text></view><uni-icons vue-id="4f46faa7-2" type="icon-caozuo-kaiguan" custom-prefix="iconfont" size="40" color="{{!isOpen?'#c3c3c3':'#08979c'}}" data-event-opts="{{[['^click',[['e0']]]]}}" bind:click="__e" bind:__l="__l"></uni-icons></view><view class="aircondition-show"><view data-event-opts="{{[['tap',[['reduce',['$event']]]]]}}" class="aircondition-reduce aircondition-icon" bindtap="__e"><uni-icons vue-id="4f46faa7-3" type="icon-jian" custom-prefix="iconfont" color="#8c8c8c" bind:__l="__l"></uni-icons></view><view class="aircondition-label"><view class="value">{{$root.m0}}</view><view class="unit">°C</view></view><view class="aircondition-add aircondition-icon"><uni-icons vue-id="4f46faa7-4" type="plusempty" color="#8c8c8c" data-event-opts="{{[['^click',[['add']]]]}}" bind:click="__e" bind:__l="__l"></uni-icons></view></view><l-slider bind:input="__e" vue-id="4f46faa7-5" min="{{16}}" max="{{30}}" step="{{0.5}}" value="{{temp}}" data-event-opts="{{[['^input',[['__set_model',['','temp','$event',[]]]]]]}}" bind:__l="__l"></l-slider></view><view class="aircondition-model"><view data-event-opts="{{[['tap',[['openPopup',['model']]]]]}}" class="box" bindtap="__e"><view class="content"><view class="title">模式</view><view class="sub-title">制热</view></view><uni-icons vue-id="4f46faa7-6" type="icon-zhongtumoshi" custom-prefix="iconfont" color="#bcbcbc" size="26" bind:__l="__l"></uni-icons></view><view class="bg"></view><view data-event-opts="{{[['tap',[['openPopup',['windSpeed']]]]]}}" class="box" bindtap="__e"><view class="content"><view class="title">风速</view><view class="sub-title">自动</view></view><uni-icons vue-id="4f46faa7-7" type="icon-fengsu" custom-prefix="iconfont" color="#bcbcbc" size="26" bind:__l="__l"></uni-icons></view></view><uni-popup class="vue-ref" vue-id="4f46faa7-8" data-ref="popup" bind:__l="__l" vue-slots="{{['default']}}"><view class="popup-content"><view class="popup-operation"><block wx:if="{{type=='model'}}"><view class="model-popup"><view class="model-popup-item active"><uni-icons vue-id="{{('4f46faa7-9')+','+('4f46faa7-8')}}" type="icon-zidong" custom-prefix="iconfont" color="#08979c" size="26" bind:__l="__l"></uni-icons><view class="model-popup-label">自动</view></view><view class="model-popup-item"><uni-icons vue-id="{{('4f46faa7-10')+','+('4f46faa7-8')}}" type="icon-zhileng" custom-prefix="iconfont" color="#8c8c8c" size="26" bind:__l="__l"></uni-icons><view class="model-popup-label">制冷</view></view><view class="model-popup-item"><uni-icons vue-id="{{('4f46faa7-11')+','+('4f46faa7-8')}}" type="icon-zhire" custom-prefix="iconfont" color="#8c8c8c" size="26" bind:__l="__l"></uni-icons><view class="model-popup-label">制热</view></view><view class="model-popup-item"><uni-icons vue-id="{{('4f46faa7-12')+','+('4f46faa7-8')}}" type="icon-chushi" custom-prefix="iconfont" color="#8c8c8c" size="26" bind:__l="__l"></uni-icons><view class="model-popup-label">抽湿</view></view><view class="model-popup-item"><uni-icons vue-id="{{('4f46faa7-13')+','+('4f46faa7-8')}}" type="icon-songfeng" custom-prefix="iconfont" color="#8c8c8c" size="26" bind:__l="__l"></uni-icons><view class="model-popup-label">送风</view></view></view></block><block wx:if="{{type=='windSpeed'}}"><view class="wind-popup"><view class="wind-title"><view class="big-title">风速</view><view class="line"></view><view class="label"><block wx:if="{{autoWind}}"><text>自动风</text></block><block wx:else><text>{{windSpeed+"%"}}</text></block></view></view><view class="wind-auto"><uni-icons vue-id="{{('4f46faa7-14')+','+('4f46faa7-8')}}" type="icon-zidong" custom-prefix="iconfont" color="#1f1f1f" size="26" bind:__l="__l"></uni-icons><view class="big-title">自动风</view><uv-switch bind:input="__e" vue-id="{{('4f46faa7-15')+','+('4f46faa7-8')}}" size="40rpx" value="{{autoWind}}" data-event-opts="{{[['^input',[['__set_model',['','autoWind','$event',[]]]]]]}}" bind:__l="__l"></uv-switch></view><view class="wind-hand"><l-slider bind:input="__e" vue-id="{{('4f46faa7-16')+','+('4f46faa7-8')}}" min="{{1}}" max="{{100}}" step="{{1}}" value="{{windSpeed}}" data-event-opts="{{[['^input',[['__set_model',['','windSpeed','$event',[]]]]]]}}" bind:__l="__l"></l-slider></view><view class="hand-text"><text class="number1">1%</text><text class="number20">20%</text><text class="number40">40%</text><text class="number60">60%</text><text class="number80">80%</text><text class="number100">100%</text></view></view></block></view><view data-event-opts="{{[['tap',[['closePopup',['$event']]]]]}}" class="popup-close" bindtap="__e">关闭</view></view></uni-popup></view>