update

Former-commit-id: d3a467cc450c1733d094c7fe002694d1eb0fbebe

projects/IoTCenter/Views/Home/Node.cshtml

@@ -298,21 +298,21 @@
                                         <tr>
                                             <td></td>
                                             <td></td>
-                                            <td><img class="ajax camera Up" src="/images/up.png" /></td>
+                                            <td><img class="ajax camera" data-cmd="Up" :src="server+'/IoTCenter/images/up.png'" /></td>
                                             <td></td>
                                             <td></td>
                                         </tr>
                                         <tr>
-                                            <td><img class="ajax camera Zoomin" src="/images/zoomin.png" /></td>
-                                            <td><img class="ajax camera Left" src="/images/left.png" /></td>
-                                            <td><img class="ajax camera Stop" src="/images/stop.png" /></td>
-                                            <td><img class="ajax camera Right" src="/images/right.png" /></td>
-                                            <td><img class="ajax camera Zoomout" src="/images/zoomout.png" /></td>
+                                            <td><img class="ajax camera" data-cmd="Zoomin" :src="server+'/IoTCenter/images/zoomin.png'" /></td>
+                                            <td><img class="ajax camera" data-cmd="Left" :src="server+'/IoTCenter/images/left.png'" /></td>
+                                            <td><img class="ajax camera" data-cmd="Stop" :src="server+'/IoTCenter/images/stop.png'" /></td>
+                                            <td><img class="ajax camera" data-cmd="Right" :src="server+'/IoTCenter/images/right.png'" /></td>
+                                            <td><img class="ajax camera" data-cmd="Zoomout" :src="server+'/IoTCenter/images/zoomout.png'" /></td>
                                         </tr>
                                         <tr>
                                             <td></td>
                                             <td></td>
-                                            <td><img class="ajax camera Down" src="/images/down.png" /></td>
+                                            <td><img class="ajax camera" data-cmd="Down" :src="server+'/IoTCenter/images/down.png'" /></td>
                                             <td></td>
                                             <td></td>
                                         </tr>

projects/IoTClient/Assets/StreamingAssets/wwwroot/node.html

@@ -149,14 +149,14 @@
                             </div>
                             <template v-if="HasDevices('摄像头')">
                                 <div class="card">
-                                    <div class="card-header">
-                                        <div class="item-input-wrap input-dropdown-wrap" style="width:100%;">
-                                            <select class="input-with-value" id="camera" @change="CameraSelected" style="width:100%;">
-                                                <option v-for="c in GetDevices('摄像头')" :value="c.Number">{{c.DisplayName||c.Name}}</option>
-                                            </select>
-                                        </div>
-                                    </div>
                                     <div class="card-content">
+                                        <f7-list>
+                                            <f7-list-item title="摄像头" smart-select :smart-select-params="{openIn: 'sheet'}">
+                                                <select id="camera" @change="CameraSelected" style="width:100%;">
+                                                    <option v-for="c in GetDevices('摄像头')" :value="c.Number">{{c.DisplayName||c.Name}}</option>
+                                                </select>
+                                            </f7-list-item>
+                                        </f7-list>
                                         <div style="width:100%;height:30vw;margin:0;padding:0;background:#000;text-align:center;">
                                             <video id="liveVideo" class="video" controls autoplay muted style="width:100%;max-width:100%;height:100%;" v-on:volumechange="VolumeChange($event)"></video>
                                         </div>
@@ -169,21 +169,21 @@
                                             <tr>
                                                 <td></td>
                                                 <td></td>
-                                                <td><img class="ajax camera Up" :src="server+'/IoTCenter/images/up.png'" /></td>
+                                                <td><img class="ajax camera" data-cmd="Up" :src="server+'/IoTCenter/images/up.png'" /></td>
                                                 <td></td>
                                                 <td></td>
                                             </tr>
                                             <tr>
-                                                <td><img class="ajax camera Zoomin" :src="server+'/IoTCenter/images/zoomin.png'" /></td>
-                                                <td><img class="ajax camera Left" :src="server+'/IoTCenter/images/left.png'" /></td>
-                                                <td><img class="ajax camera Stop" :src="server+'/IoTCenter/images/stop.png'" /></td>
-                                                <td><img class="ajax camera Right" :src="server+'/IoTCenter/images/right.png'" /></td>
-                                                <td><img class="ajax camera Zoomout" :src="server+'/IoTCenter/images/zoomout.png'" /></td>
+                                                <td><img class="ajax camera" data-cmd="Zoomin" :src="server+'/IoTCenter/images/zoomin.png'" /></td>
+                                                <td><img class="ajax camera" data-cmd="Left" :src="server+'/IoTCenter/images/left.png'" /></td>
+                                                <td><img class="ajax camera" data-cmd="Stop" :src="server+'/IoTCenter/images/stop.png'" /></td>
+                                                <td><img class="ajax camera" data-cmd="Right" :src="server+'/IoTCenter/images/right.png'" /></td>
+                                                <td><img class="ajax camera" data-cmd="Zoomout" :src="server+'/IoTCenter/images/zoomout.png'" /></td>
                                             </tr>
                                             <tr>
                                                 <td></td>
                                                 <td></td>
-                                                <td><img class="ajax camera Down" :src="server+'/IoTCenter/images/down.png'" /></td>
+                                                <td><img class="ajax camera" data-cmd="Down" :src="server+'/IoTCenter/images/down.png'" /></td>
                                                 <td></td>
                                                 <td></td>
                                             </tr>