样式优化

src/pages/Home/index.vue

@@ -2,7 +2,7 @@
   <div class="home">
     <div class="home-header">
       <span>距离下次刷新监控人员还剩{{ timeNumber }}秒</span>
-      <el-button type="primary" @click="refreshUserList" style="margin-left: 10px;">刷新</el-button>
+      <el-button type="primary" @click="refreshUserList" style="margin-left: 10px;" size="small">刷新</el-button>
     </div>
     <div class="home-content" v-if="userList.length">
       <div v-for="item in userList" class="home-content-item">
@@ -136,8 +136,8 @@ const agoraOn = async () => {
       align-items: center;
 
       &-card {
-        width: 516px;
-        height: 290px;
+        width: 310px;
+        height: 174px;
         box-sizing: border-box;
         position: relative;
         background-color: #101317;

vite.config.ts

@@ -11,7 +11,7 @@ import pxtovw from 'postcss-px-to-viewport'
 
 const loder_pxtovw = pxtovw({
   // 这里是设计稿宽度 自己修改
-  viewportWidth: 1920,
+  viewportWidth: 1200,
   viewportUnit: 'vw',
   selectorBlackList: ['.prism-player'],
 })