悬浮头像新增社媒icon，调整弹窗透明度

src/assets/style/style.css

@@ -168,6 +168,7 @@ li {
 }
 .ant-modal-mask {
   background-color: #666666;
+  opacity: 0.5;
 }
 .select_block {
   height: 4rem;

src/assets/style/style.less

@@ -173,6 +173,7 @@ input:focus{
 }
 .ant-modal-mask{
 	background-color: #666666;
+	opacity: .5;
 }
 .select_block{
 	height: 4rem;

src/component/mainPage/signUp/index.vue

@@ -738,6 +738,9 @@ export default defineComponent({
         font-size: 1.7rem;
         font-weight: 500;
         background-color: #1b223c;
+		&:hover {
+          background-color: #fff;
+        }
         @media (max-width: 767px) {
           margin-top: 2.5rem;
           font-size: 1.25rem;

src/views/HomeMain.vue

@@ -393,6 +393,27 @@
                   <span class="fi fi-rr-book-user"></span>
                   <span class="select_item_des">{{ $t('Header.Tutorial') }}</span>
                 </div>
+				<div class="select_item logo">
+					<a href="https://www.tiktok.com" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/tikTokIcon.png" alt="">
+					</a>
+					<a href="https://www.instagram.com" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/instagramIcon.png" alt="">
+					</a>
+					<a href="https://www.youtube.com" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/youTubeIcon.png" alt="">
+					</a>
+					<a href="https://www.xiaohongshu.com" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/xiaoHongShuIcon.png" alt="">
+					</a>
+					<a href="https://www.zhihu.com" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/zhiHuIcon.png" alt="">
+					</a>
+					<a href="https://www.bilibili.com/" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/biliBliIcon.png" alt="">
+					</a>
+				</div>
+
                 <div class="select_item_long"></div>
                 <div class="select_item" @click="logout()">
                   <span class="icon iconfont icon-tuichu"></span>
@@ -2013,6 +2034,25 @@ export default defineComponent({
                   font-size: 1.6rem;
                   margin-left: 1rem;
                   font-weight: 500;
+                }
+              }
+			  .logo{
+				padding: 1rem 0.5rem;
+				gap: 1rem;
+				cursor: auto;
+				> a{
+					width: 2.5rem;
+					height: 2.5rem;
+					border-radius: .5rem;
+					overflow: hidden;
+					display: flex;
+					> img{
+						width: 100%;
+						height: 100%;
+					}
+				}
+				 &:hover {
+                  background: #fff;
                 }
 			  }
               .select_item_long {