更新

src/views/grape/components/tableData.vue

@@ -97,8 +97,9 @@
           </el-table-column>
         </el-table>
         <div class="pagination-box" v-if="grape.isPage">
-          <el-pagination small layout="prev, pager, next" @current-change="currentChange"
+          <el-pagination small  layout="prev, pager, next, jumper"  :background="true" @current-change="currentChange"
             :current-page="data.search.page" :page-size="data.search.pageSize" :total="data.tableTotal" />
+
         </div>
         <el-dialog v-model="data.dialog.visibled" :title="data.dialog.title" :width="data.dialog.width" destroy-on-close
           v-if="power.add || power.edit">
@@ -496,7 +497,7 @@ const clickDialogImport = () => {
 }
 
 .ydool_input {
-  margin-bottom: 5px;
+  margin-bottom: 10px;
 }
 
 .dialogTable {
@@ -533,6 +534,11 @@ const clickDialogImport = () => {
 .table-box .el-button--small {
   padding: 0;
 }
+.pagination-box{
+  margin-top: 10px;
+  display: flex;
+  justify-content: flex-end;
+}
 </style>
 
 

src/views/login/index.vue

@@ -108,7 +108,7 @@
                 />
               </div>
               <div class="alert_codePhone">
-                请输入 <span>{{ phone }} </span>手机号收到的6位验证码
+                请输入&nbsp;&nbsp;<span>{{ phone }}&nbsp;&nbsp;</span>手机号收到的6位验证码
               </div>
             </el-form-item>
 
@@ -454,10 +454,10 @@ const tabLogin = ref(true)
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin: 0 -10px;
+  margin: 0 -6px;
   :deep(.el-input-number) {
     width: 100%;
-    margin: 0 10px;
+    margin: 0 6px;
   }
   input {
     &.g-code-input_color {