优化UI

ZR.Vue/src/views/system/article/publish.vue

@@ -31,7 +31,7 @@
         </el-col>
         <el-col :lg="24">
           <el-form-item label="" style="text-align:right;">
-            <el-button type="cyan" size="mini" @click="handlePublish('1')">发布文章</el-button>
+            <el-button size="mini" @click="handlePublish('1')">发布文章</el-button>
             <el-button type="success" size="mini" @click="handlePublish('2')">存为草稿</el-button>
           </el-form-item>
         </el-col>

ZR.Vue/src/views/system/role/index.vue

@@ -436,7 +436,7 @@ export default {
         this.form.deptCheckStrictly = !!value
       }
     },
-		//菜单筛选
+    // 菜单筛选
     menuFilterNode(value, data) {
       if (!value) return true
       return data.label.indexOf(value) !== -1
@@ -589,3 +589,12 @@ export default {
   }
 }
 </script>
+<style scoped>
+/* tree border */
+.tree-border {
+  margin-top: 5px;
+  border: 1px solid #e5e6e7;
+  background: #ffffff none;
+  border-radius: 4px;
+}
+</style>

ZR.Vue/src/views/system/user/profile/index.vue

@@ -64,39 +64,65 @@
 </template>
 
 <script>
-import userAvatar from "./userAvatar";
-import userInfo from "./userInfo";
-import resetPwd from "./resetPwd";
-import operLog from "./operLog.vue";
-import { getUserProfile } from "@/api/system/user";
+import userAvatar from './userAvatar'
+import userInfo from './userInfo'
+import resetPwd from './resetPwd'
+import operLog from './operLog.vue'
+import { getUserProfile } from '@/api/system/user'
 
 export default {
-  name: "Profile",
+  name: 'Profile',
   components: { userAvatar, userInfo, resetPwd, operLog },
   data() {
     return {
       user: {},
       roles: [],
-      postGroup: "",
-      activeTab: "userinfo",
-      activeName: "first",
-    };
+      postGroup: '',
+      activeTab: 'userinfo',
+      activeName: 'first'
+    }
   },
   created() {
-    this.getUser();
+    this.getUser()
   },
   methods: {
     getUser() {
       getUserProfile().then((response) => {
-        this.user = response.data.user;
-        this.roles = response.data.roles;
-        this.roleGroup = response.data.roleGroup;
-        this.postGroup = response.data.postGroup;
-      });
+        this.user = response.data.user
+        this.roles = response.data.roles
+        this.roleGroup = response.data.roleGroup
+        this.postGroup = response.data.postGroup
+      })
     },
     handleTabClick(tab, event) {
-      console.log(tab, event);
-    },
-  },
-};
+      console.log(tab, event)
+    }
+  }
+}
 </script>
+<style scoped>
+.list-group-striped > .list-group-item {
+  border-left: 0;
+  border-right: 0;
+  border-radius: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.list-group {
+  padding-left: 0px;
+  list-style: none;
+}
+
+.list-group-item {
+  border-bottom: 1px solid #e7eaec;
+  border-top: 1px solid #e7eaec;
+  margin-bottom: -1px;
+  padding: 11px 0px;
+  font-size: 13px;
+}
+
+.pull-right {
+  float: right !important;
+}
+</style>

ZR.Vue/src/views/system/user/profile/userAvatar.vue

@@ -154,4 +154,22 @@ export default {
   line-height: 110px;
   border-radius: 50%;
 }
+
+.img-lg {
+  width: 120px;
+  height: 120px;
+}
+
+// 导航栏头像
+.avatar-upload-preview {
+  position: absolute;
+  top: 50%;
+  transform: translate(50%, -50%);
+  width: 180px;
+  height: 180px;
+  border-radius: 50%;
+  box-shadow: 0 0 4px #ccc;
+  overflow: hidden;
+}
+
 </style>