dbd-meeting-wx-small/miniprogram/pages/smartDevice/room/room.wxml

<view class="containerView public">

    <view class="publicView">
        <!-- 顶部名称 -->
        <view class="topHead">
            <view class="logoImg" style="background: no-repeat center/cover url({{IMG_NAME + '/profile/static/shanghai_changyang/index/is_logo.png'}});"></view>
            <view class="title">{{roomName}}</view>
        </view>
        <view class="leftLineTitle" wx:if="{{lockDoor}}">门锁</view>
        <view class="lockView">
            <!-- <view class="lockImg" style="background: no-repeat center/cover url({{IMG_NAME + '/profile/static/shanghai_changyang/device/equipment/lock/lock.png'}});"></view> -->

            <view class="lockSwitchView" wx:if="{{lockDoor}}" bind:tap="openLockDoor">
                <view class="switchImg" style="background: no-repeat center/cover url({{IMG_NAME + '/profile/static/shanghai_changyang/device/equipment/lock/lockSwitch.png'}});"></view>
                <view class="label">点击开门</view>
            </view>
        </view>


        <view class="leftLineTitle">情景模式</view>
        <view class="sceneView">
            <view bind:tap="selectScene" data-obj="{{item}}" class="sceneItem {{item.isSelect ? 'activity' : ''}}" wx:for="{{sceneList}}" wx:for-item="item" wx:key="*this">
                <view class="img" style="background: no-repeat center/cover url({{item.isSelect ? item.imgOpen :  item.img }});"></view>
                <view class="label {{item.isSelect ? 'activity' : ''}}">{{item.panelName}}</view>
                <view class="point {{item.isSelect ? 'activity' : ''}}"></view>
            </view>
        </view>

        <view class="leftLineTitle">设备列表</view>
    </view>
    <view class="equipmentList">
        <view class="equipmentItem" wx:for="{{equipmentList}}" wx:for-item="item" wx:key="*this">
            <view class="equipmentTitle">{{item.equipmentName}}</view>
            <!-- 灯控 -->
            <view class="equipmentContent" wx:if="{{item.type == '灯条'}}">
                <view class="equipmentLampImg" style="background: no-repeat center/cover url({{item.status ? item.lampOpenUrl : item.lampCloseUrl }});"></view>
                <view class="equipmentSwitchImg" style="background: no-repeat center/cover url({{item.status ? item.switchOpenUrl : item.switchCloseUrl }});" bind:tap="lampCall" data-obj="{{item}}"></view>
            </view>

            <!-- 窗帘 -->
            <view class="equipmentContent" wx:if="{{item.type == '窗帘'}}">
                <view class="equipmentCurtainView">
                    <view class="equipmentCurtainCurtainTopImg" style="background: no-repeat center/cover url({{item.equipmentCurtainCurtainTopImg}});"></view>
                    <view class="equipmentCurtainWindowImg" style="background: no-repeat center/cover url({{item.equipmentCurtainWindowImg}});"></view>
                    <view class="equipmentCurtainCordFabricView left">
                        <view class="equipmentCurtainCordFabricImg {{item.status == 'open_cover' ? 'open' : ''}}  {{item.status == 'close_cover' ? 'close' : ''}} {{item.status == 'stop_cover' ? 'stop' : ''}} {{item.subtype == 'gauze' ? 'opacity' : ''}}" style="background: no-repeat center/cover url({{item.equipmentCurtainCordFabricImg}});">
                        </view>
                    </view>
                    <view class="equipmentCurtainCordFabricView right">
                        <view class="equipmentCurtainCordFabricImg {{item.status == 'open_cover' ? 'open' : ''}}  {{item.status == 'close_cover' ? 'close' : ''}} {{item.status == 'stop_cover' ? 'stop' : ''}} {{item.subtype == 'gauze' ? 'opacity' : ''}}" style="background: no-repeat center/cover url({{item.equipmentCurtainCordFabricImg}});">
                        </view>
                    </view>
                </view>
                <view class="curtainSwitchOpenImg" data-obj="{{item}}" data-status="open_cover" bind:tap="curtainSwitch" style="background: no-repeat center/cover url({{item.curtainSwitchOpenImg}});">
                </view>
                <view class="curtainSwitchCloseImg" data-obj="{{item}}" data-status="close_cover" bind:tap="curtainSwitch" style="background: no-repeat center/cover url({{item.curtainSwitchCloseImg}});">
                </view>
                <view class="curtainStopImg" data-obj="{{item}}" data-status="stop_cover" bind:tap="curtainSwitch" style="background: no-repeat center/cover url({{item.curtainStopImg}});">
                </view>
            </view>

            <!-- 雾化 -->
            <view class="equipmentContent" wx:if="{{item.type == '雾化玻璃'}}">
                <view class="glassImg" style="background: no-repeat center/cover url({{item.status ? item.glassImgActivityUrl : item.glassImgUrl}});"></view>
                <view class="glassSwitchImg" style="background: no-repeat center/cover url({{item.status ? item.glassSwitchImgActivityUrl : item.glassSwitchImgUrl}});" bind:tap="glassSwitch" data-obj="{{item}}"></view>
            </view>

            <!-- 调光灯 -->
            <view class="equipmentContent" wx:if="{{item.type == '调光灯'}}">
                <view class="equipmentLampImg" style="background: no-repeat center/cover url({{item.status ? item.lampOpenUrl : item.lampCloseUrl }});"></view>
                <view class="equipmentSwitchImg" style="background: no-repeat center/cover url({{item.status ? item.switchOpenUrl : item.switchCloseUrl }});" bind:tap="dimmingSwitch" data-obj="{{item}}"></view>
            </view>

            <!-- 插座 -->
            <view class="equipmentContent" wx:if="{{item.type == '插座'}}">
                <view class="socketImg" style="background: no-repeat center/cover url({{item.socketImg}});"></view>
                <view class="socketSwitchImg" style="background: no-repeat center/cover url({{item.status ? item.socketSwitchOpenImg : item.socketSwitchCloseImg }});" bind:tap="socketSwitch" data-obj="{{item}}"></view>
            </view>
        </view>
    </view>
</view>