修改样式

src/views/admin/role-add.vue

@@ -1,7 +1,7 @@
 <template>
     <div v-loading="loading">
-      <div class="white-box">
-        <el-form ref="form" :model="form" label-width="250px" class="form-page">
+      <div class="whitebox-bg">
+        <el-form ref="form" :model="form" class="role-add-form" >
           <el-form-item :label="$t('Administrator.roleName')">
             <el-input v-model="form.roleName"></el-input>
           </el-form-item>
@@ -64,5 +64,13 @@
   </script>
   
   <style scoped>
-  
+  .whitebox-bg {
+    background: #fff;
+    padding: 25px;
+  }
+  @media (min-width: 760px) {
+   /* /deep/ .el-form-item__content {
+      width: 700px;
+    } */
+  }
   </style>