From 5489442ebdd010113beb3202a8436006f701b391 Mon Sep 17 00:00:00 2001
From: Xwen <929716663@qq.com>
Date: Thu, 28 Dec 2023 22:46:39 +0800
Subject: [PATCH 1/7] =?UTF-8?q?feat:=E6=96=B0=E5=A2=9E=E5=9C=A8=E7=BA=BF?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E7=9B=B8=E5=85=B3=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.Bbs.Vue3/src/apis/settingApi.js           |  11 ++
 Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue | 194 +++++++++++++++----
 2 files changed, 163 insertions(+), 42 deletions(-)
 create mode 100644 Yi.Bbs.Vue3/src/apis/settingApi.js

diff --git a/Yi.Bbs.Vue3/src/apis/settingApi.js b/Yi.Bbs.Vue3/src/apis/settingApi.js
new file mode 100644
index 00000000..32ed6416
--- /dev/null
+++ b/Yi.Bbs.Vue3/src/apis/settingApi.js
@@ -0,0 +1,11 @@
+import request from "@/config/axios/service";
+
+/**
+ *  获取图标列表
+ */
+export function getIconList() {
+  return request({
+    url: `/setting/icon`,
+    method: "get",
+  });
+}
diff --git a/Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue b/Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue
index b9cf5781..614873a5 100644
--- a/Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue
+++ b/Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue
@@ -1,12 +1,28 @@
 <template>
-  <div class="user-info-head" @click="editCropper()"><img :src="options.img" title="点击上传头像" class="img-circle img-lg" />
+  <div class="user-info-head" @click="editCropper()">
+    <img :src="options.img" title="点击上传头像" class="img-circle img-lg" />
   </div>
-  <el-dialog :title="title" v-model="open" width="800px" append-to-body @opened="modalOpened" @close="closeDialog">
+  <el-dialog
+    :title="title"
+    v-model="open"
+    width="800px"
+    append-to-body
+    @opened="modalOpened"
+    @close="closeDialog"
+  >
     <el-row>
       <el-col :xs="24" :md="12" :style="{ height: '350px' }">
-        <vue-cropper ref="cropper" :img="options.img" :info="true" :autoCrop="options.autoCrop"
-          :autoCropWidth="options.autoCropWidth" :autoCropHeight="options.autoCropHeight" :fixedBox="options.fixedBox"
-          @realTime="realTime" v-if="visible" />
+        <vue-cropper
+          ref="cropper"
+          :img="options.img"
+          :info="true"
+          :autoCrop="options.autoCrop"
+          :autoCropWidth="options.autoCropWidth"
+          :autoCropHeight="options.autoCropHeight"
+          :fixedBox="options.fixedBox"
+          @realTime="realTime"
+          v-if="visible"
+        />
       </el-col>
       <el-col :xs="24" :md="12" :style="{ height: '350px' }">
         <div class="avatar-upload-preview">
@@ -16,16 +32,28 @@
     </el-row>
     <br />
     <el-row>
-      <el-col :lg="2" :md="2">
-        <el-upload action="#" :http-request="requestUpload" :show-file-list="false" :before-upload="beforeUpload">
+      <el-col :lg="{ span: 1, offset: 2 }" :md="2">
+        <el-upload
+          action="#"
+          :http-request="requestUpload"
+          :show-file-list="false"
+          :before-upload="beforeUpload"
+        >
           <el-button>
-            选择
+            本地选择
             <el-icon class="el-icon--right">
               <Upload />
             </el-icon>
           </el-button>
         </el-upload>
       </el-col>
+      <el-col :lg="{ span: 1, offset: 3 }" :md="2">
+        <el-button @click="handleSelectOnline"
+          >在线选择<el-icon class="el-icon--right"> <Upload /> </el-icon>
+        </el-button>
+      </el-col>
+    </el-row>
+    <el-row style="margin-top: 10px">
       <el-col :lg="{ span: 1, offset: 2 }" :md="2">
         <el-button icon="Plus" @click="changeScale(1)"></el-button>
       </el-col>
@@ -38,22 +66,49 @@
       <el-col :lg="{ span: 1, offset: 1 }" :md="2">
         <el-button icon="RefreshRight" @click="rotateRight()"></el-button>
       </el-col>
-      <el-col :lg="{ span: 2, offset: 6 }" :md="2">
+      <el-col :lg="{ span: 2, offset: 8 }" :md="2">
         <el-button type="primary" @click="uploadImg()">上传</el-button>
-      </el-col>
-    </el-row>
+      </el-col></el-row
+    >
+  </el-dialog>
+  <!-- 选择已有弹窗 -->
+  <el-dialog
+    v-model="isOnlineVisible"
+    title="在线选择"
+    append-to-body
+    width="800px"
+  >
+    <div class="imageList">
+      <template v-for="(item, index) in iconList">
+        <el-image
+          style="width: 100px; height: 100px"
+          :src="item"
+          :fit="fit"
+          :class="{ selected: index === selectedImageIndex, imageBox: true }"
+          @click="selectImage(index)"
+        />
+      </template>
+    </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="isOnlineVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirmImage"> 确认 </el-button>
+      </span>
+    </template>
   </el-dialog>
 </template>
 
 <script setup>
 import "vue-cropper/dist/index.css";
+import { ref, reactive, onMounted } from "vue";
 import { VueCropper } from "vue-cropper";
 import { upload } from "@/apis/fileApi";
 import { updateUserIcon } from "@/apis/userApi";
-import useUserStore from '@/stores/user'
-import { ref, reactive } from "vue";
+import { getIconList } from "@/apis/settingApi";
+import useUserStore from "@/stores/user";
+import axios from "axios";
 
-const userStore = useUserStore()
+const userStore = useUserStore();
 
 const cropper = ref(null);
 
@@ -68,79 +123,125 @@ const options = reactive({
   autoCropWidth: 200, // 默认生成截图框宽度
   autoCropHeight: 200, // 默认生成截图框高度
   fixedBox: true, // 固定截图框大小 不允许改变
-  previews: {} //预览数据
+  previews: {}, //预览数据
 });
 
 /** 编辑头像 */
 function editCropper() {
   open.value = true;
-};
+}
 /** 打开弹出层结束时的回调 */
 function modalOpened() {
   visible.value = true;
-};
+}
 /** 覆盖默认上传行为 */
-function requestUpload() {
-};
+function requestUpload() {}
 /** 向左旋转 */
 function rotateLeft() {
   cropper.value.rotateLeft();
-};
+}
 /** 向右旋转 */
 function rotateRight() {
   cropper.value.rotateRight();
-};
+}
 /** 图片缩放 */
 function changeScale(num) {
   num = num || 1;
   cropper.value.changeScale(num);
-};
+}
 /** 上传预处理 */
 function beforeUpload(file) {
   if (file.type.indexOf("image/") == -1) {
-    ElMessage.error("文件格式错误，请上传图片类型,如：JPG，PNG后缀的文件。")
+    ElMessage.error("文件格式错误，请上传图片类型,如：JPG，PNG后缀的文件。");
   } else {
+    console.log(file, "file");
     const reader = new FileReader();
     reader.readAsDataURL(file);
     reader.onload = () => {
       options.img = reader.result;
     };
-
   }
-};
+}
 /** 上传图片 */
 async function uploadImg() {
-  await cropper.value.getCropBlob(async data => {
+  await cropper.value.getCropBlob(async (data) => {
     let formData = new FormData();
     formData.append("file", data);
-    const response = await upload(formData)
+    const response = await upload(formData);
     open.value = false;
-    options.img = import.meta.env.VITE_APP_BASEAPI + "/file/" + response.data[0].id;
+    options.img =
+      import.meta.env.VITE_APP_BASEAPI + "/file/" + response.data[0].id;
     userStore.icon = options.img;
-   const iconResponse= await updateUserIcon(response.data[0].id);
-    if(iconResponse.status==200)
-{
-  ElMessage({
-      type: "success",
-      message: "头像更新成功",
-    });
-}
-   
+    const iconResponse = await updateUserIcon(response.data[0].id);
+    if (iconResponse.status == 200) {
+      ElMessage({
+        type: "success",
+        message: "头像更新成功",
+      });
+    }
   });
-};
+}
 /** 实时预览 */
 function realTime(data) {
   options.previews = data;
-};
+}
 /** 关闭窗口 */
 function closeDialog() {
   options.img = userStore.icon;
   options.visible = false;
+}
+
+// 在线选择相关逻辑
+const saveOnlineImage = async (imageUrl) => {
+  try {
+    // 发起网络请求下载在线图片
+    const response = await axios.get(imageUrl, {
+      responseType: "blob", // 设置响应类型为blob
+    });
+    // 创建blob对象
+    const blob = new Blob([response.data], {
+      type: response.headers["content-type"],
+    });
+
+    // 创建File对象，设置文件名为当前时间戳
+    const file = new File([blob], `${Date.now()}.jpg`, {
+      type: response.headers["content-type"],
+    });
+
+    // 可以将file对象传递给其他处理逻辑或进行文件上传操作
+    return file;
+  } catch (error) {
+    console.error("下载图片失败:", error);
+  }
 };
+const iconList = ref([]);
+const isOnlineVisible = ref(false);
+const handleSelectOnline = () => {
+  isOnlineVisible.value = true;
+};
+const selectedImageIndex = ref(null);
+const selectImage = (index) => {
+  selectedImageIndex.value = index;
+};
+const confirmImage = async () => {
+  if (selectedImageIndex !== null) {
+    // 在预览区域中显示选择的图片
+    const selectedImage = iconList.value[selectedImageIndex.value];
+    const file = await saveOnlineImage(selectedImage);
+    beforeUpload(file);
+  }
+  selectedImageIndex.value = null;
+  isOnlineVisible.value = false;
+};
+onMounted(async () => {
+  const { data: iconListData } = await getIconList();
+  iconList.value = iconListData.map(
+    (item) => import.meta.env.VITE_APP_BASEAPI + "/" + item
+  );
+});
 </script>
 
-
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .user-info-head {
   position: relative;
   display: inline-block;
@@ -184,4 +285,13 @@ function closeDialog() {
   box-shadow: 0 0 4px #ccc;
   overflow: hidden;
 }
-</style>
\ No newline at end of file
+
+/* 添加选中图片的边框样式 */
+.imageBox {
+  margin: 10px;
+}
+.selected {
+  padding: 5px;
+  border: 2px solid #40a9ff;
+}
+</style>

From b6e8239e250c244bdc308c2ba3371fb056ecfec4 Mon Sep 17 00:00:00 2001
From: Xwen <929716663@qq.com>
Date: Tue, 2 Jan 2024 20:14:10 +0800
Subject: [PATCH 2/7] =?UTF-8?q?perf:=E6=9E=9A=E4=B8=BE=E7=B1=BB=E5=9E=8B?=
 =?UTF-8?q?=E6=9B=BF=E6=8D=A2=E4=B8=BA=E8=8B=B1=E6=96=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.Bbs.Vue3/src/components/AvatarInfo.vue                   | 6 +++---
 .../src/views/home/components/PointsRanking/index.vue       | 6 +++---
 .../src/views/home/components/RecommendFriend/index.vue     | 6 +++---
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/Yi.Bbs.Vue3/src/components/AvatarInfo.vue b/Yi.Bbs.Vue3/src/components/AvatarInfo.vue
index cb8ff657..cb072c42 100644
--- a/Yi.Bbs.Vue3/src/components/AvatarInfo.vue
+++ b/Yi.Bbs.Vue3/src/components/AvatarInfo.vue
@@ -117,17 +117,17 @@ const Init = () => {
 const statusTypeList = [
   {
     label: "正常",
-    value: 0,
+    value: "Normal",
     type: "success",
   },
   {
     label: "危险",
-    value: 1,
+    value: "Dangerous",
     type: "warning",
   },
   {
     label: "已禁止",
-    value: 2,
+    value: "Ban",
     type: "danger",
   },
 ];
diff --git a/Yi.Bbs.Vue3/src/views/home/components/PointsRanking/index.vue b/Yi.Bbs.Vue3/src/views/home/components/PointsRanking/index.vue
index e3475291..7202b6f0 100644
--- a/Yi.Bbs.Vue3/src/views/home/components/PointsRanking/index.vue
+++ b/Yi.Bbs.Vue3/src/views/home/components/PointsRanking/index.vue
@@ -47,17 +47,17 @@ const props = defineProps({
 const statusTypeList = [
   {
     label: "正常",
-    value: 0,
+    value: "Normal",
     type: "success",
   },
   {
     label: "危险",
-    value: 1,
+    value: "Dangerous",
     type: "warning",
   },
   {
     label: "已禁止",
-    value: 2,
+    value: "Ban",
     type: "danger",
   },
 ];
diff --git a/Yi.Bbs.Vue3/src/views/home/components/RecommendFriend/index.vue b/Yi.Bbs.Vue3/src/views/home/components/RecommendFriend/index.vue
index 05c169ff..4c107338 100644
--- a/Yi.Bbs.Vue3/src/views/home/components/RecommendFriend/index.vue
+++ b/Yi.Bbs.Vue3/src/views/home/components/RecommendFriend/index.vue
@@ -45,17 +45,17 @@ const props = defineProps({
 const statusTypeList = [
   {
     label: "正常",
-    value: 0,
+    value: "Normal",
     type: "success",
   },
   {
     label: "危险",
-    value: 1,
+    value: "Dangerous",
     type: "warning",
   },
   {
     label: "已禁止",
-    value: 2,
+    value: "Ban",
     type: "danger",
   },
 ];

From 153a0b935417a1f0d36e60fe1a32f02f7692ba1b Mon Sep 17 00:00:00 2001
From: Xwen <929716663@qq.com>
Date: Tue, 2 Jan 2024 20:40:14 +0800
Subject: [PATCH 3/7] =?UTF-8?q?feat:=E6=96=B0=E5=A2=9Egitee=E5=85=A5?=
 =?UTF-8?q?=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.Bbs.Vue3/src/assets/common/icons/gitee.png | Bin 0 -> 6608 bytes
 Yi.Bbs.Vue3/src/layout/AppHeader.vue          |  20 ++++++++++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 Yi.Bbs.Vue3/src/assets/common/icons/gitee.png

diff --git a/Yi.Bbs.Vue3/src/assets/common/icons/gitee.png b/Yi.Bbs.Vue3/src/assets/common/icons/gitee.png
new file mode 100644
index 0000000000000000000000000000000000000000..81d9e6271a4ba4ac3d699087659c5dccb057fa82
GIT binary patch
literal 6608
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

literal 0
HcmV?d00001

diff --git a/Yi.Bbs.Vue3/src/layout/AppHeader.vue b/Yi.Bbs.Vue3/src/layout/AppHeader.vue
index 0a0d1daf..d2b4895c 100644
--- a/Yi.Bbs.Vue3/src/layout/AppHeader.vue
+++ b/Yi.Bbs.Vue3/src/layout/AppHeader.vue
@@ -63,6 +63,11 @@
           </el-dropdown-menu>
         </template>
       </el-dropdown>
+      <div class="author" @click="handleGitClick">
+        <el-tooltip effect="dark" content="在gitee找到我们" placement="bottom">
+          <img src="@/assets/common/icons/gitee.png" alt="" />
+        </el-tooltip>
+      </div>
     </div>
   </div>
 </template>
@@ -119,6 +124,10 @@ const search = () => {
 };
 
 const isLogin = getToken("AccessToken") ? true : false;
+
+const handleGitClick = () => {
+  window.open("https://gitee.com/ccnetcore/Yi");
+};
 </script>
 
 <style scoped lang="scss">
@@ -129,9 +138,20 @@ const isLogin = getToken("AccessToken") ? true : false;
   align-items: center;
   justify-content: space-between;
 }
+
 .user {
   display: flex;
   align-items: center;
+  .author {
+    cursor: pointer;
+    width: 25px;
+    height: 25px;
+    margin-left: 20px;
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
   .el-dropdown-link {
     cursor: pointer;
     display: flex;

From c376f7e97ce2454b03a9a8dbdc58dfce77a95030 Mon Sep 17 00:00:00 2001
From: Xwen <929716663@qq.com>
Date: Tue, 2 Jan 2024 20:49:55 +0800
Subject: [PATCH 4/7] =?UTF-8?q?feat:=E9=A6=96=E9=A1=B5=E8=81=94=E7=B3=BB?=
 =?UTF-8?q?=E6=88=91=E4=BB=AC=E6=96=B0=E5=A2=9E=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.Bbs.Vue3/src/components/BottomInfo.vue | 77 ++++++++++++++---------
 1 file changed, 49 insertions(+), 28 deletions(-)

diff --git a/Yi.Bbs.Vue3/src/components/BottomInfo.vue b/Yi.Bbs.Vue3/src/components/BottomInfo.vue
index 79edfa8b..51d9e4ca 100644
--- a/Yi.Bbs.Vue3/src/components/BottomInfo.vue
+++ b/Yi.Bbs.Vue3/src/components/BottomInfo.vue
@@ -1,38 +1,59 @@
 <template>
-<div class="botton-div">
-<a><el-icon><UserFilled /></el-icon>站长：{{configStore.author}}</a>
-<a><el-icon><Search /></el-icon>{{configStore.bottom}}</a>
-<a><el-icon><View /></el-icon>关于本站</a>
-<a><el-icon><Message /></el-icon>建议反馈</a>
-<p></p>
-<a ><el-icon><Position /></el-icon>{{configStore.icp}}</a>
-</div>
+  <div class="botton-div">
+    <a
+      ><el-icon><UserFilled /></el-icon>站长：{{ configStore.author }}</a
+    >
+    <a
+      ><el-icon><Search /></el-icon>{{ configStore.bottom }}</a
+    >
+    <a
+      ><el-icon><View /></el-icon>关于本站</a
+    >
+    <a @click="handleContact"
+      ><el-icon><Link /></el-icon>联系我们</a
+    >
+    <a
+      ><el-icon><Message /></el-icon>建议反馈</a
+    >
+    <p></p>
+    <a
+      ><el-icon><Position /></el-icon>{{ configStore.icp }}</a
+    >
+  </div>
 </template>
 <script setup>
 import useConfigStore from "@/stores/config";
-const  configStore= useConfigStore();
+import { useRouter } from "vue-router";
+
+const router = useRouter();
+const configStore = useConfigStore();
+
+// 联系我们跳转对应页面
+const handleContact = () => {
+  router.push("/contact");
+};
 </script>
 <style scoped>
-.el-icon
-{margin: 0 0.2rem;}
-a{
-    margin-right: 2rem;
-    line-height: 1.8rem;
+.el-icon {
+  margin: 0 0.2rem;
+}
+a {
+  margin-right: 2rem;
+  line-height: 1.8rem;
 }
 a:hover {
-    color: #40a9ff;
-    cursor:pointer;
+  color: #40a9ff;
+  cursor: pointer;
 }
-.botton-div
-{
-    background: transparent;
-    color: rgba(0,0,0,.45);
-    font-size: 14px;
-    display: flex;
-    flex-wrap: wrap;
-    height: auto;
-    width: auto;
-    justify-content: center;
-    margin: 0.5rem auto;
+.botton-div {
+  background: transparent;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+  display: flex;
+  flex-wrap: wrap;
+  height: auto;
+  width: auto;
+  justify-content: center;
+  margin: 0.5rem auto;
 }
-</style>
\ No newline at end of file
+</style>

From eb19fb783fc2cad6e39e86b3dca85e0c6fe0b286 Mon Sep 17 00:00:00 2001
From: Xwen <929716663@qq.com>
Date: Tue, 2 Jan 2024 21:02:35 +0800
Subject: [PATCH 5/7] =?UTF-8?q?feat:=E6=96=B0=E5=A2=9E=E5=85=A8=E5=B1=80?=
 =?UTF-8?q?=E5=88=9D=E5=A7=8B=E5=8C=96=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.Bbs.Vue3/src/assets/styles/index.scss | 362 ++++++++++++-----------
 Yi.Bbs.Vue3/src/layout/AppHeader.vue     |   1 -
 Yi.Bbs.Vue3/src/layout/Index.vue         |   6 +-
 3 files changed, 188 insertions(+), 181 deletions(-)

diff --git a/Yi.Bbs.Vue3/src/assets/styles/index.scss b/Yi.Bbs.Vue3/src/assets/styles/index.scss
index f9d0a723..b950a45a 100644
--- a/Yi.Bbs.Vue3/src/assets/styles/index.scss
+++ b/Yi.Bbs.Vue3/src/assets/styles/index.scss
@@ -1,190 +1,194 @@
-// @import './variables.module.scss';
-// @import './mixin.scss';
-// @import './transition.scss';
-// @import './element-ui.scss';
-// @import './sidebar.scss';
-// @import './btn.scss';
-// @import './ruoyi.scss';
-
-// body {
-//   height: 100%;
-//   margin: 0;
-//   -moz-osx-font-smoothing: grayscale;
-//   -webkit-font-smoothing: antialiased;
-//   text-rendering: optimizeLegibility;
-//   font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
-// }
-
-// label {
-//   font-weight: 700;
-// }
-
-// html {
-//   height: 100%;
-//   box-sizing: border-box;
-// }
-
-// #app {
-//   height: 100%;
-// }
-
-// *,
-// *:before,
-// *:after {
-//   box-sizing: inherit;
-// }
-
-// .no-padding {
-//   padding: 0px !important;
-// }
-
-// .padding-content {
-//   padding: 4px 0;
-// }
-
-// a:focus,
-// a:active {
-//   outline: none;
-// }
-
-// a,
-// a:focus,
-// a:hover {
-//   cursor: pointer;
-//   color: inherit;
-//   text-decoration: none;
-// }
-
-// div:focus {
-//   outline: none;
-// }
-
-// .fr {
-//   float: right;
-// }
-
-// .fl {
-//   float: left;
-// }
-
-// .pr-5 {
-//   padding-right: 5px;
-// }
-
-// .pl-5 {
-//   padding-left: 5px;
-// }
-
-// .block {
-//   display: block;
-// }
-
-// .pointer {
-//   cursor: pointer;
-// }
-
-// .inlineBlock {
-//   display: block;
-// }
-
-// .clearfix {
-//   &:after {
-//     visibility: hidden;
-//     display: block;
-//     font-size: 0;
-//     content: " ";
-//     clear: both;
-//     height: 0;
-//   }
-// }
-
-// aside {
-//   background: #eef1f6;
-//   padding: 8px 24px;
-//   margin-bottom: 20px;
-//   border-radius: 2px;
-//   display: block;
-//   line-height: 32px;
-//   font-size: 16px;
-//   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-//   color: #2c3e50;
-//   -webkit-font-smoothing: antialiased;
-//   -moz-osx-font-smoothing: grayscale;
-
-//   a {
-//     color: #337ab7;
-//     cursor: pointer;
-
-//     &:hover {
-//       color: rgb(32, 160, 255);
-//     }
-//   }
-// }
-
-
-
-// .components-container {
-//   margin: 30px 50px;
-//   position: relative;
-// }
-
-// .pagination-container {
-//   margin-top: 30px;
-// }
-
-.text-center {
-  text-align: center
+/**
+ * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
+ * http://cssreset.com
+ * 全局初始化样式
+ */
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video,
+input {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font-weight: normal;
+  vertical-align: baseline;
+  outline: none;
 }
 
-// .sub-navbar {
-//   height: 50px;
-//   line-height: 50px;
-//   position: relative;
-//   width: 100%;
-//   text-align: right;
-//   padding-right: 20px;
-//   transition: 600ms ease position;
-//   background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
+body {
+  /* px-to-viewport-ignore-next */
+  min-width: 1024px; /* px-to-viewport-ignore */
+}
+html {
+  /* px-to-viewport-ignore-next */
+  min-width: 1024px; /* px-to-viewport-ignore */
+}
 
-//   .subtitle {
-//     font-size: 20px;
-//     color: #fff;
-//   }
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+menu,
+nav,
+section {
+  display: block;
+}
 
-//   &.draft {
-//     background: #d0d0d0;
-//   }
+blockquote,
+q {
+  quotes: none;
+}
 
-//   &.deleted {
-//     background: #d0d0d0;
-//   }
-// }
+blockquote::before,
+blockquote::after,
+q::before,
+q::after {
+  content: none;
+}
 
-// .link-type,
-// .link-type:focus {
-//   color: #337ab7;
-//   cursor: pointer;
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
 
-//   &:hover {
-//     color: rgb(32, 160, 255);
-//   }
-// }
+/* custom */
+li {
+  list-style: none;
+}
 
-// .filter-container {
-//   padding-bottom: 10px;
+button {
+  outline: none;
+  cursor: pointer;
+  background-color: transparent;
+  border-style: none;
+}
 
-//   .filter-item {
-//     display: inline-block;
-//     vertical-align: middle;
-//     margin-bottom: 10px;
-//   }
-// }
+.el-textarea__inner::placeholder {
+  color: #999 !important;
+}
 
-// //refine vue-multiselect plugin
-// .multiselect {
-//   line-height: 16px;
-// }
+.el-input__inner::placeholder {
+  color: #999 !important;
+}
 
-// .multiselect--active {
-//   z-index: 1000 !important;
-// }
+input::-webkit-input-placeholder {
+  color: #999 !important;
+}
+
+.el-input__inner::-webkit-input-placeholder {
+  color: #999 !important;
+}
+
+input::placeholder {
+  color: #999 !important;
+}
+
+textarea::placeholder {
+  color: #999 !important;
+}
+
+* {
+  box-sizing: border-box;
+}
+html,
+body,
+#app {
+  width: 100%;
+  height: 100%;
+  font-family: Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif,
+    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbo;
+}
+
+/* //滚动条样式 */
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+/* 滚动槽 */
+::-webkit-scrollbar-track {
+  border-radius: 10px;
+}
+/* 滚动条滑块 */
+::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background: rgb(150, 175, 234);
+}
+::-webkit-scrollbar-thumb:window-inactive {
+  background: rgba(249, 222, 222, 0.6);
+}
diff --git a/Yi.Bbs.Vue3/src/layout/AppHeader.vue b/Yi.Bbs.Vue3/src/layout/AppHeader.vue
index d2b4895c..b5fed689 100644
--- a/Yi.Bbs.Vue3/src/layout/AppHeader.vue
+++ b/Yi.Bbs.Vue3/src/layout/AppHeader.vue
@@ -132,7 +132,6 @@ const handleGitClick = () => {
 
 <style scoped lang="scss">
 .header {
-  padding: 0 100px;
   width: 1300px;
   display: flex;
   align-items: center;
diff --git a/Yi.Bbs.Vue3/src/layout/Index.vue b/Yi.Bbs.Vue3/src/layout/Index.vue
index 30611c08..69df778c 100644
--- a/Yi.Bbs.Vue3/src/layout/Index.vue
+++ b/Yi.Bbs.Vue3/src/layout/Index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="common-layout">
-    <el-container>
+    <el-container class="common-container">
       <el-header
         class="common-header"
         ref="header"
@@ -46,6 +46,10 @@ const handleScroll = () => {
     width: 100%;
     height: 100%;
   }
+  &-container {
+    width: 100%;
+    height: 100%;
+  }
   &-header {
     width: 100%;
     background-color: #fff;

From 31d0f867cb56efb72eb494d33c45d5f14f438b24 Mon Sep 17 00:00:00 2001
From: Xwen <929716663@qq.com>
Date: Tue, 2 Jan 2024 21:05:20 +0800
Subject: [PATCH 6/7] =?UTF-8?q?perf:=E4=BC=98=E5=8C=96=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E6=9D=A1=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.Bbs.Vue3/src/assets/styles/index.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Yi.Bbs.Vue3/src/assets/styles/index.scss b/Yi.Bbs.Vue3/src/assets/styles/index.scss
index b950a45a..00ec06f6 100644
--- a/Yi.Bbs.Vue3/src/assets/styles/index.scss
+++ b/Yi.Bbs.Vue3/src/assets/styles/index.scss
@@ -187,7 +187,7 @@ body,
 /* 滚动条滑块 */
 ::-webkit-scrollbar-thumb {
   border-radius: 10px;
-  background: rgb(150, 175, 234);
+  background: #ccc;
 }
 ::-webkit-scrollbar-thumb:window-inactive {
   background: rgba(249, 222, 222, 0.6);

From abd7074e1d8db3bef18cf57a9b3a5c45989380c2 Mon Sep 17 00:00:00 2001
From: Xwen <929716663@qq.com>
Date: Tue, 2 Jan 2024 21:09:07 +0800
Subject: [PATCH 7/7] =?UTF-8?q?perf:=E4=BC=98=E5=8C=96=E4=B8=8A=E4=BC=A0?=
 =?UTF-8?q?=E5=9B=BE=E5=83=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.Bbs.Vue3/src/views/profile/Index.vue      | 5 +++++
 Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue | 1 +
 2 files changed, 6 insertions(+)

diff --git a/Yi.Bbs.Vue3/src/views/profile/Index.vue b/Yi.Bbs.Vue3/src/views/profile/Index.vue
index 5669cc29..df041386 100644
--- a/Yi.Bbs.Vue3/src/views/profile/Index.vue
+++ b/Yi.Bbs.Vue3/src/views/profile/Index.vue
@@ -126,4 +126,9 @@ onMounted(() => {
 .app-container {
   padding: 20px;
 }
+.text-center {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 10px;
+}
 </style>
diff --git a/Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue b/Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue
index 614873a5..ccfd6299 100644
--- a/Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue
+++ b/Yi.Bbs.Vue3/src/views/profile/UserAvatar.vue
@@ -250,6 +250,7 @@ onMounted(async () => {
 
 .user-info-head:hover:after {
   content: "+";
+  text-align: center;
   position: absolute;
   left: 0;
   right: 0;