fix: user info style fix

README.md

@@ -9,7 +9,7 @@
 - [x] 添加[`ty-ui`](http://120.55.57.35:4874/#/)。
 - [x] `eslint`调整，并配合`prettier`统一格式化代码。
 - [x] 添加原子化[`tailwindcss`](https://www.tailwindcss.cn/)，为了兼容性，使用`1.x`版本。
-- [x] 剔除覆盖`element-ui`的样式
+- [x] 剔除若依覆盖`element-ui`的样式
 - [ ] 测试`ty-ui`，并增加页面使用案例
 - [ ] 设计师设计并调整页面整体样式
 - [ ] 梳理第三方库并重新选型

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

@@ -91,3 +91,45 @@ export default {
   }
 };
 </script>
+<style lang="scss" scoped>
+.list-group-striped > .list-group-item {
+  border-left: 0;
+  border-right: 0;
+  border-radius: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.list-group {
+  margin-top: 20px;
+  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;
+}
+
+.el-card__header {
+  padding: 14px 15px 7px;
+  min-height: 40px;
+}
+
+.el-card__body {
+  padding: 15px 20px 20px 20px;
+}
+
+.card-box {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-bottom: 10px;
+}
+</style>

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

@@ -210,4 +210,25 @@ export default {
   line-height: 110px;
   border-radius: 50%;
 }
+/* image */
+.img-circle {
+  border-radius: 50%;
+}
+
+.img-lg {
+  width: 120px;
+  height: 120px;
+}
+
+.avatar-upload-preview {
+  position: relative;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 200px;
+  height: 200px;
+  border-radius: 50%;
+  box-shadow: 0 0 4px #ccc;
+  overflow: hidden;
+}
 </style>