feat: 🎉 优化设备界面视图并添加虚拟控制栏配置

src/renderer/src/components/Advanced/configs/device/index.js

@@ -1,5 +1,12 @@
 export default () => {
   return [
+    {
+      label: '虚拟控制栏',
+      type: 'switch',
+      field: '--show-touches',
+      value: false,
+      placeholder: '开启后将打开虚拟控制栏，在某些机型上可能不会生效 比如较老的具有实体按键的设备',
+    },
     {
       label: '保持清醒',
       type: 'switch',

src/renderer/src/components/Advanced/index.vue

@@ -42,7 +42,7 @@
                   v-bind="item_1.props || {}"
                   v-model="scrcpyForm[item_1.field]"
                   class="!w-full"
-                  :placeholder="item_1.placeholder"
+                  :title="item_1.placeholder"
                 ></el-switch>
                 <el-select
                   v-if="item_1.type === 'select'"

src/renderer/src/components/Devices/index.vue

@@ -54,11 +54,16 @@
                   <WarningFilled />
                 </el-icon>
               </el-tooltip>
+
               {{ row.name }}
+
+              <el-tag v-if="row.$wireless" type="primary" effect="light" class="ml-2">
+                WIFI
+              </el-tag>
             </div>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="350" align="center">
+        <el-table-column label="操作" width="350" align="left">
           <template #default="{ row }">
             <el-button type="primary" :loading="row.$loading" @click="handleMirror(row)">
               {{ row.$loading ? '镜像中' : '开始镜像' }}

src/renderer/src/plugins/element-plus/index.js

@@ -6,7 +6,7 @@ import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 
 export default {
   install(app) {
-    app.use(ElementPlus)
+    app.use(ElementPlus, { size: 'default' })
 
     for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
       app.component(key, component)