修复PC端显示宽度问题

@@ -2,13 +2,13 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-26 23:52:36
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-12-07 10:40:54
+ * @LastEditTime: 2022-12-09 14:20:44
  * @FilePath: /data-table/src/App.vue
  * @Description:
 -->
 <template>
   <van-row v-if="is_pc">
-    <van-col span="20" offset="2">
+    <van-col span="22" offset="1">
       <router-view></router-view>
     </van-col>
   </van-row>

 <!--
  * @Date: 2022-07-18 10:22:22
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-12-08 17:54:44
+ * @LastEditTime: 2022-12-09 14:22:28
  * @FilePath: /data-table/src/views/index.vue
  * @Description: 首页
 -->
@@ -13,7 +13,7 @@
     scrollable
     mode="closeable"
   />
-  <div class="table-box">
+  <div class="table-box" :style="{ margin: is_pc ? '1rem 0' : '1rem'}">
     <van-image
       v-if="PHeader.type === '单张图'"
       width="100%"
@@ -443,7 +443,6 @@ const onSubmit = async (values) => {
   font-size: 0.9rem;
 }
 .table-box {
-  margin: 1rem;
   background-color: #ffffff;
   padding-bottom: 1rem;
 }