ui: adjust page div style

web/src/views/Contract.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div :style="{ padding: '20px 20px 12px 20px' }">
         <div style="display: flex;justify-content: space-between;margin-bottom: 20px;">
             <a-space>
                 <a-input v-model:value="keyWord" placeholder="合同编号" style="width: 280px; margin-right: 50px;">

web/src/views/Dashboard.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div :style="{ padding: '20px 20px 12px 20px' }">
         <a-row :gutter="16">
             <a-col :span="6">
                 <a-card class="card">

web/src/views/Product.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div :style="{ padding: '20px 20px 12px 20px' }">
         <div style="display: flex;justify-content: space-between;margin-bottom: 20px;">
             <a-space>
                 <a-input v-model:value="keyWord" placeholder="产品名称" style="width: 280px; margin-right: 50px;">

web/src/views/Subscribe.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div :style="{ padding: '20px 20px 12px 20px' }">
         <a-alert message="点击立即购买后，会跳转到支付宝支付页面（沙箱环境，账户名 emrpqt1589@sandbox.com 登录密码/支付密码 111111）" type="info"
             show-icon /><br />
         <a-row :gutter="30">