fix ui

Former-commit-id: b24db63fba93477a1067c12fb057568cd3c08eb7

projects/WebSPA/wwwroot/pages/iot/node.html

@@ -6,26 +6,8 @@
         <h1 class="weui-header-title">{{node.name}}</h1>
     </div>
     <div class="main">
-        <!--场景-->
-        <div class="row" v-if="scenes.length">
-            <div class="col col-md-12">
-                <div class="card" style="margin-top: 10px;">
-                    <div class="card-header">场景</div>
-                    <div class="card-body">
-                      <div class="row">
-                        <div class="col-md-2 col-sm-4 col-6 p-3" v-for="scene in scenes" v-on:click="execScene(scene.id)">
-                            <div class="weui-grid__icon">
-                                <img class="weui-tabbar__icon" :src="scene.image.replace('.png', '.svg')" style="width:48px;margin: auto auto" />
-                            </div>
-                            <p class="weui-grid__label" style="text-align: center;">{{scene.name}}</p>
-                        </div>
-                      </div>
-                    </div>
-                </div>
-            </div>
-        </div>
         <!--环境-->
-        <div class="row" style="background-color: #35A9FE">
+        <div class="row" style="background-color: #35A9FE;padding:5px 0;">
             <!--光强检测器-->
             <div v-for="device in getDevices('光强检测器')" class="col-3" style="padding:5px">
                 <template>
@@ -105,8 +87,26 @@
                 </script>
             </div>
         </div>
+        <!--场景-->
+        <div class="row" v-if="scenes.length">
+            <div class="col col-md-12" style="padding:5px 5px 0">
+                <div class="card" style="margin: 5px;">
+                    <div class="card-header" style="background-color: #fff;border-bottom-color: #fff; font-size: 14px;padding:10px 15px;">场景</div>
+                    <div class="card-body" style="padding:0 0 15px 0">
+                        <div class="row">
+                            <div class="col-md-2 col-sm-4 col-4 p-1" v-for="scene in scenes" v-on:click="execScene(scene.id)">
+                                <div class="weui-grid__icon">
+                                    <img class="weui-tabbar__icon" :src="scene.image.replace('.png', '.svg')" style="width:48px;margin: auto auto" />
+                                </div>
+                                <p class="weui-grid__label" style="text-align: center;margin-bottom: 5px;">{{scene.name}}</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
         <!--控制-->
-        <div class="row">
+        <div class="row" style="padding:0px 5px 0">
             <!--调色灯-->
             <div v-for="device in getDevices('调色灯')" class="col" style="padding:5px">
                 <iot-color-light v-bind:device="device"></iot-color-light>