fix: style-update

.postcssrc.js

@@ -8,8 +8,8 @@ export default {
       utf8: false,
     },
     'postcss-px-to-viewport-8-plugin': {
-      viewportWidth: 1120,
-      viewportHeight: 736,
+      viewportWidth: 1280,
+      viewportHeight: 800,
       unitPrecision: 3, // 指定`px`转换为视窗单位值的小数位数（很多时候无法整除）
       viewportUnit: 'vw', // 指定需要转换成的视窗单位，建议使用vw
       selectorBlackList: ['.ignore', '.hairlines', ':after'], // 指定不转换为视窗单位的类，可以自定义，可以无限添加,建议定义一至两个通用的类名

src/app.vue

@@ -8,8 +8,8 @@ import { onBeforeUnmount, onMounted, ref } from 'vue'
 const systemStore = useSystemStore()
 onMounted(async () => {
   startProgress()
-  const res = await getStatus()
-  systemStore.updateSystemStatus(res)
+  // const res = await getStatus()
+  // systemStore.updateSystemStatus(res)
 })
 
 socket.init((data: System.SystemStatus) => {

src/layouts/default.vue

@@ -215,7 +215,7 @@ const putEmpty = async () => {
           @click="router.push(item.path)"
         )
           | {{ item?.meta?.title }}
-      ft-button( type="primary" :click-handle="putEmpty" style="width: 80px") 排空
+      ft-button( type="primary" :click-handle="putEmpty" style="width: 90px") 排空
       div(class="header-right")
         div.power-box(v-if="remoteControlState.connected")
           div.bg-box(:style="`width: ${remoteControlState.batteryLevel}%; background: ${remoteControlState.batteryLevel === 100 ? '#1dbb1d' : remoteControlState.batteryLevel >20 ? '#1989FA' : 'red'} `")
@@ -344,6 +344,8 @@ const putEmpty = async () => {
       width 70%
       display flex
       justify-content center
+      align-items center
+      height 100%
     .header-right
       display flex
       align-items center
@@ -502,6 +504,7 @@ const putEmpty = async () => {
 .menu-tag
   padding 15px 20px
   font-size 16px
+  height 100%
 
 .el-tag--plain
   border none

src/views/setting/device/index.vue

@@ -11,6 +11,11 @@ const deviceInfo = ref<System.DeviceInfo>({})
 onMounted(async () => {
   deviceInfo.value = await getDeviceInfo()
 })
+
+// 获取屏幕宽度
+const screenWidth = window.screen.width
+// 获取屏幕高度
+const screenHeight = window.screen.height
 </script>
 
 <template>
@@ -35,6 +40,10 @@ onMounted(async () => {
       <span>设备SN码: </span>
       <span>{{ deviceInfo.deviceSn || "--" }}</span>
     </p>
+    <p>
+      <span>屏幕分辨率: </span>
+      <span>{{ `${screenWidth}x${screenHeight}` }}</span>
+    </p>
   </div>
 </template>