weixin/pages/control/control.wxml

<!--pages/control/control.wxml-->
<!-- 主页 -->
<view class="switch-1">
  <image src="https://cloud.long-chi.com/resource/miniprogram-lightcontrol/image/network.png" style="left:5%;top:14%;width:8%;height:70%;"></image>
  <view class="Dropdown">
    <picker range="{{groupName}}" value="{{groupIndex}}" bindchange="changegroup">
      <view class="group">
        {{groupName[groupIndex]}}
      </view>
    </picker>
    <picker range="{{deviceName}}" value="{{deviceIndex}}" bindchange="changedevice">
      <view class="device">
        {{deviceName[deviceIndex]}}
      </view>
    </picker>
  </view>
  <text class="Onlinestatus" style="background-color: white;color: red;">{{status}}</text>
</view>
<!-- 回路1-12 -->
<view class="loop-0">
  <view class="loop-1">
    <image src="{{lamp[0]}}" class="loop-1-image-1"></image>
    <view class="loops">
        <text style="font-size: {{Size[0]}};color: {{Color[0]}};">{{loop[0]}}</text>
        <image src="{{address[0]}}" class="loop-0-image-2" bindtap="loopname" data-loopname="{{1}}"></image>
    </view>
    <button style="right: 17%;" class="loop-0-1" bindtap="Open" data-open="{{1}}">开</button>
    <button style="right: 2%;" class="loop-0-2" bindtap="Shut" data-shut="{{1}}">关</button>
  </view>
  <view class="loop-1">
    <image src="{{lamp[1]}}" class="loop-1-image-1"></image>
      <view class="loops">
        <text style="font-size: {{Size[1]}};color: {{Color[1]}};">{{loop[1]}}</text>
        <image src="{{address[1]}}" class="loop-1-image-2" bindtap="loopname" data-loopname="{{2}}"></image>
      </view>
      <button style="right: 17%;" class="loop-1-1" bindtap="Open" data-open="{{2}}">开</button>
      <button style="right: 2%;" class="loop-1-2" bindtap="Shut" data-shut="{{2}}">关</button>
  </view>
  <view class="loop-1">
    <image src="{{lamp[2]}}" class="loop-1-image-1"></image>
      <view class="loops">
        <text style="font-size: {{Size[2]}};color: {{Color[2]}};">{{loop[2]}}</text>
        <image src="{{address[2]}}" class="loop-1-image-2" bindtap="loopname" data-loopname="{{3}}"></image>
      </view>
      <button style="right:17%;" class="loop-1-1" bindtap="Open" data-open="{{3}}">开</button>
      <button style="right: 2%;" class="loop-1-2" bindtap="Shut" data-shut="{{3}}">关</button>
  </view>
  <view class="loop-1">
    <image src="{{lamp[3]}}" class="loop-1-image-1"></image>
      <view class="loops">
        <text style="font-size: {{Size[3]}};color: {{Color[3]}};">{{loop[3]}}</text>
        <image src="{{address[3]}}" class="loop-1-image-2" bindtap="loopname" data-loopname="{{4}}"></image>
      </view>
      <button style="right:17%;" class="loop-1-1" bindtap="Open" data-open="{{4}}">开</button>
      <button style="right:2%;" class="loop-1-2" bindtap="Shut" data-shut="{{4}}">关</button>
  </view>
  <view class="loop-1">
    <image src="{{lamp[4]}}" class="loop-1-image-1"></image>
      <view class="loops">
        <text style="font-size: {{Size[4]}};color: {{Color[4]}};">{{loop[4]}}</text>
        <image src="{{address[4]}}" class="loop-1-image-2" bindtap="loopname" data-loopname="{{5}}"></image>
      </view>
      <button style="right:17%;" class="loop-1-1" bindtap="Open" data-open="{{5}}">开</button>
      <button style="right:2%;" class="loop-1-2" bindtap="Shut" data-shut="{{5}}">关</button>
  </view>
  <view class="loop-1">
    <image src="{{lamp[5]}}" class="loop-1-image-1"></image>
      <view class="loops">
        <text style="font-size: {{Size[5]}};color: {{Color[5]}};">{{loop[5]}}</text>
        <image src="{{address[5]}}" class="loop-1-image-2" bindtap="loopname" data-loopname="{{6}}"></image>
      </view>
      <button style="right:17%;" class="loop-1-1" bindtap="Open" data-open="{{6}}">开</button>
      <button style="right:2%;" class="loop-1-2" bindtap="Shut" data-shut="{{6}}">关</button>
  </view>
  <view class="loop-1">
    <image src="{{lamp[6]}}" class="loop-1-image-1"></image>
      <view class="loops">
        <text style="font-size: {{Size[6]}};color: {{Color[6]}};">{{loop[6]}}</text>
        <image src="{{address[6]}}" class="loop-1-image-2" bindtap="loopname" data-loopname="{{7}}"></image>
      </view>
      <button style="right:17%;" class="loop-1-1" bindtap="Open" data-open="{{7}}">开</button>
      <button style="right:2%;" class="loop-1-2" bindtap="Shut" data-shut="{{7}}">关</button>
  </view>
  <view class="loop-1">
    <image src="{{lamp[7]}}" class="loop-1-image-1"></image>
      <view class="loops">
        <text style="font-size: {{Size[7]}};color: {{Color[7]}};">{{loop[7]}}</text>
        <image src="{{address[7]}}" class="loop-1-image-2" bindtap="loopname" data-loopname="{{8}}"></image>
      </view>
      <button style="right:17%;" class="loop-1-1" bindtap="Open" data-open="{{8}}">开</button>
      <button style="right:2%;" class="loop-1-2" bindtap="Shut" data-shut="{{8}}">关</button>
  </view>
  <view class="loop-1">
    <image src="{{lamp[8]}}" class="loop-1-image-1"></image>
      <view class="loops">
        <text style="font-size: {{Size[8]}};color: {{Color[8]}};">{{loop[8]}}</text>
        <image src="{{address[8]}}" class="loop-1-image-2" bindtap="loopname" data-loopname="{{9}}"></image>
      </view>
      <button style="right:17%;" class="loop-1-1" bindtap="Open" data-open="{{9}}">开</button>
      <button style="right:2%;" class="loop-1-2" bindtap="Shut" data-shut="{{9}}">关</button>
  </view>
  <view class="loop-1">
    <image src="{{lamp[9]}}" class="loop-1-image-1"></image>
      <view class="loops">
        <text style="font-size: {{Size[9]}};color: {{Color[9]}};">{{loop[9]}}</text>
        <image src="{{address[9]}}" class="loop-1-image-2" bindtap="loopname" data-loopname="{{10}}"></image>
      </view>
      <button style="right:17%;" class="loop-1-1" bindtap="Open" data-open="{{10}}">开</button>
      <button style="right:2%;" class="loop-1-2" bindtap="Shut" data-shut="{{10}}">关</button>
  </view>
  <view class="loop-1">
    <image src="{{lamp[10]}}" class="loop-1-image-1"></image>
      <view class="loops">
        <text style="font-size: {{Size[10]}};color: {{Color[10]}};">{{loop[10]}}</text>
        <image src="{{address[10]}}" class="loop-1-image-2" bindtap="loopname" data-loopname="{{11}}"></image>
      </view>
      <button style="right:17%;" class="loop-1-1" bindtap="Open" data-open="{{11}}">开</button>
      <button style="right:2%;" class="loop-1-2" bindtap="Shut" data-shut="{{11}}">关</button>
  </view>
  <view class="loop-1">
    <image src="{{lamp[11]}}" class="loop-1-image-1"></image>
      <view class="loops">
        <text style="font-size: {{Size[11]}};color: {{Color[11]}};">{{loop[11]}}</text>
        <image src="{{address[11]}}" class="loop-1-image-2" bindtap="loopname" data-loopname="{{12}}"></image>
      </view>
      <button style="right:17%;" class="loop-1-1" bindtap="Open" data-open="{{12}}">开</button>
      <button style="right:2%;" class="loop-1-2" bindtap="Shut" data-shut="{{12}}">关</button>
  </view>
  <view class="loop-1" wx:if="{{play == 0 ? true : false}}">
    <text class="manual" style="font-weight: 550;">{{Modecontrol}}</text>
    <button style="width: 17%;top: 15%;" class="loop-install-1" bindtap="manual">手动</button>
    <button style="width: 17%;top: 15%;" class="loop-install-2" bindtap="automatic">自动</button>
    <button style="width: 17%;top: 15%;" class="loop-install-3" bindtap="Fullopen">全开</button>
    <button style="width: 17%;top: 15%;" class="loop-install-4" bindtap="Allclosed">全关</button>
  </view>
</view>