更新 样式

src/styles/index.css

@@ -1,4 +1,3 @@
-
 .df {
   display: flex;
 }
@@ -26,7 +25,6 @@
   align-items: center;
 }
 
-
 .aifs {
   align-items: flex-start;
 }
@@ -35,157 +33,166 @@
   display: inline-block;
 }
 
-
 .pointer {
   cursor: pointer;
 }
 
-.m0a{
+.m0a {
   margin: 0 auto;
 }
 
-.mt5{
+.mt5 {
   margin-top: 5px;
 }
 
-.mt10{
+.mt10 {
   margin-top: 10px;
 }
 
-.mt20{
+.mt20 {
   margin-top: 20px;
 }
 
-.mt30{
+.mt30 {
   margin-top: 30px;
 }
 
-.mr5{
+.mr5 {
   margin-right: 5px;
 }
 
-.mr10{
+.mr10 {
   margin-right: 10px;
 }
 
-.mr20{
+.mr20 {
   margin-right: 20px;
 }
 
-.mr30{
+.mr30 {
   margin-right: 30px;
 }
 
-.mb5{
+.mb5 {
   margin-bottom: 5px;
 }
 
-.mb10{
+.mb10 {
   margin-bottom: 10px;
 }
 
-.mb20{
+.mb20 {
   margin-bottom: 20px;
 }
 
-.mb30{
+.mb30 {
   margin-bottom: 30px;
 }
 
-.ml5{
+.ml5 {
   margin-left: 5px;
 }
 
-.ml10{
+.ml10 {
   margin-left: 10px;
 }
 
-.ml20{
+.ml20 {
   margin-left: 20px;
 }
 
-.ml30{
+.ml30 {
   margin-left: 30px;
 }
 
-.p5{
+.p5 {
   padding: 5px;
 }
 
-.p10{
+.p10 {
   padding: 10px;
 }
 
-.p20{
+.p20 {
   padding: 20px;
 }
 
-.p30{
+.p30 {
   padding: 30px;
 }
 
-.pt5{
+.pt5 {
   padding-top: 5px;
 }
 
-.pt10{
+.pt10 {
   padding-top: 10px;
 }
 
-.pt20{
+.pt20 {
   padding-top: 20px;
 }
 
-.pt30{
+.pt30 {
   padding-top: 30px;
 }
 
-.pr5{
+.pr5 {
   padding-right: 5px;
 }
 
-.pr10{
+.pr10 {
   padding-right: 10px;
 }
 
-.pr20{
+.pr20 {
   padding-right: 20px;
 }
 
-.pr30{
+.pr30 {
   padding-right: 30px;
 }
 
-.pb5{
+.pb5 {
   padding-bottom: 5px;
 }
 
-.pb10{
+.pb10 {
   padding-bottom: 10px;
 }
 
-.pb20{
+.pb20 {
   padding-bottom: 20px;
 }
 
-.pb30{
+.pb30 {
   padding-bottom: 30px;
 }
 
-.pl5{
+.pl5 {
   padding-left: 5px;
 }
 
-.pl10{
+.pl10 {
   padding-left: 10px;
 }
 
-.pl20{
+.pl20 {
   padding-left: 20px;
 }
 
-.pl30{
+.pl30 {
   padding-left: 30px;
 }
 
+.scroll {
+  overflow: scroll;
+}
 
+.scroll-y {
+  overflow-y: scroll;
+}
+
+.scroll-x {
+  overflow-x: scroll;
+}

src/views/authManage/addRole.vue

@@ -26,7 +26,7 @@
       </el-form-item>
     </el-form>
   </el-card>
-  <el-card class="mt30 p30">
+  <el-card class="mt30 p30 scroll">
     <h4 class="mb30">权限设置</h4>
     <el-tree
       ref="treeRef"
@@ -40,9 +40,9 @@
       style="display: flex; justify-content: space-between"
     />
     <div class="df aic jcfe mt50">
-      <el-button type="primary" @click="addRole">{{
-        roleId ? "修改员工" : "添加职位"
-      }}</el-button>
+      <el-button type="primary" @click="addRole">
+        {{ roleId ? "修改员工" : "添加职位" }}
+      </el-button>
     </div>
   </el-card>
 </template>
@@ -205,4 +205,4 @@ onMounted(() => {
   margin-left: 10px;
   cursor: pointer;
 }
-</style>
+</style>