From 72fae3f38571f43899b58e8bbcdeacaaeb1f4b94 Mon Sep 17 00:00:00 2001
From: Zhang HaoYang <1304907854@qq.com>
Date: Sun, 24 Dec 2023 01:23:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=B0=E4=BB=A3=E6=B8=85=E6=B2=A1=E5=A4=B4?=
 =?UTF-8?q?=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/home-style.css         |  4 +++-
 src/assets/img/messageButton.svg      |  1 +
 src/components/detail/NavDetail.vue   |  4 ++--
 src/components/detail/UserComment.vue | 28 ++++++++++++++++++++++++---
 src/components/home/HomePage.vue      |  9 ++++++---
 src/components/hotNews/NewsCard.vue   | 16 ++++++++++-----
 6 files changed, 48 insertions(+), 14 deletions(-)
 create mode 100644 src/assets/img/messageButton.svg

diff --git a/src/assets/css/home-style.css b/src/assets/css/home-style.css
index 24facce..23ce679 100644
--- a/src/assets/css/home-style.css
+++ b/src/assets/css/home-style.css
@@ -825,6 +825,7 @@ body.light-mode .video-bg:before {
     align-items: center;
     flex-wrap: wrap;
     width: calc(100% + 20px);
+    margin-top:20px;
 }
 
 .app-card {
@@ -969,13 +970,13 @@ body.light-mode .video-bg:before {
 /** 总推荐标签 **/
 .RecAll{
     display:flex;
+    height:300px;
     flex-direction: row;
 }
 
 /** 单列推荐标签 **/
 .SingleLabel{
     margin-top:2px;
-//background-color: rgba(217, 217, 217, 0.5);
     width:210px;
     height: 100%;
     border-radius:10px;
@@ -1047,6 +1048,7 @@ body.light-mode .video-bg:before {
 
 .NavInfo{
     font-weight:550;
+    height:200px!important;
     display: flex;
     flex-direction:column;
 }
diff --git a/src/assets/img/messageButton.svg b/src/assets/img/messageButton.svg
new file mode 100644
index 0000000..1313398
--- /dev/null
+++ b/src/assets/img/messageButton.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1703351260331" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1287" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M898.69 392.6l-3.22-40.25A194.88 194.88 0 0 0 716.72 173.6l-40.25-3.22c-48-3.83-115.87-5.75-164-5.75s-116 1.92-164 5.75l-40.25 3.22a194.88 194.88 0 0 0-178.75 178.75l-3.52 44c-3.58 44.75-3.58 118 0 162.73l3.52 44a194.88 194.88 0 0 0 178.75 178.8l40.25 3.22c20.19 1.61 43.87 2.89 68.12 3.82l64.68 57.79a51.69 51.69 0 0 0 68.89 0l65-58.05c21.87-0.91 43.06-2.09 61.35-3.55l40.25-3.22a194.88 194.88 0 0 0 178.71-178.76l3.22-40.25c4.08-26.88 3.83-122.26 0-170.28z" p-id="1288" data-spm-anchor-id="a313x.collections_detail.0.i9.29003a81DFk930" class="selected" fill="#7bde62"></path><path d="M294.9 533.16a58.45 58.45 0 1 1 58.45-58.44 58.44 58.44 0 0 1-58.45 58.44z m217.56 0a58.45 58.45 0 1 1 58.45-58.44 58.43 58.43 0 0 1-58.45 58.44z m217.56 0a58.45 58.45 0 1 1 58.45-58.44A58.43 58.43 0 0 1 730 533.16z" fill="#FFFFFF" p-id="1289" data-spm-anchor-id="a313x.collections_detail.0.i10.29003a81DFk930" class=""></path></svg>
\ No newline at end of file
diff --git a/src/components/detail/NavDetail.vue b/src/components/detail/NavDetail.vue
index 8c52559..8f9855c 100644
--- a/src/components/detail/NavDetail.vue
+++ b/src/components/detail/NavDetail.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="DefinedPage">
+  <div class="DefinedPage" >
     <div class="LeftPart" style="overflow: auto">
       <div class="JustBack" style="width:670px;display:flex; flex-direction: row; flex-wrap: nowrap;height:430px !important;">
         <div id="ShowPic" style="display: flex;flex-direction: column;flex-wrap: wrap">
@@ -92,7 +92,7 @@
                   畅享移动高清
                   为移动用户量身打造，操作界面清新友好内容丰富多元。
                   快速发现内容
-                  分频道视频浏览，分类更合理，高效。
+                  分频道视频浏览，分类更合理，高效
                   更小、更快、更流畅
                   安装包小、CPU占用少、播放更加流畅清晰。<br/>
                   使用91视频观看视频需要具备怎样的网络条件
diff --git a/src/components/detail/UserComment.vue b/src/components/detail/UserComment.vue
index bd9f24d..07a5dbb 100644
--- a/src/components/detail/UserComment.vue
+++ b/src/components/detail/UserComment.vue
@@ -36,9 +36,11 @@
                 8~18 位包含大小写字母、数字、特殊字符的密码8~18 位包含大小写字母、数字、特殊字符的密码8~18 位包含大小写字母、数字、特殊字符的密码
               </div>
             </div>
-            <div style="display: flex;flex-direction: row-reverse;width:100%;">
-              <span style="font-size:18px;font-family: STHupo;line-height:44px;margin-left:5px">112</span>
-              <el-button type="danger" icon="myIcon" size="medium" plain circle style="margin-top:6px;" ></el-button>
+            <div style="display: flex;flex-direction: row-reverse;width:100%;height:42px">
+              <span style="font-size:18px;font-family: STHupo;line-height:40px;margin-left:5px;margin-left:10px;">112</span>
+              <el-button type="danger" icon="myIcon" size="medium" plain circle style="margin-top:6px;margin-left:20px;" ></el-button>
+              <span style="font-size:18px;font-family: STHupo;line-height:40px;margin-left:10px">评论</span>
+              <el-button type="success" icon="myIcon2" size="medium" plain circle style="margin-top:6px;margin-left:70px" ></el-button>
             </div>
           <!--子评论-->
             <el-card style="background-color: var(--theme-comment-color) !important;margin-top:50px;margin-left:70px">
@@ -172,6 +174,26 @@ $popper-background-color: #000;
   }
 }
 
+::v-deep .myIcon2{
+  background: url("../../assets/img/messageButton.svg")center no-repeat;
+  width:15px;
+  height:15px;
+  background-size: cover;
+}
+
+::v-deep .myIcon2:before {
+  content: "替";
+  font-size: 17px;
+  visibility: hidden;
+}
+
+
+::v-deep .myIcon2:before {
+  content: "\e611";
+}
+
+
+
 ::v-deep .myIcon{
   background: url("../../assets/img/Like3D.svg")center no-repeat;
   width:15px;
diff --git a/src/components/home/HomePage.vue b/src/components/home/HomePage.vue
index 389446e..5564bf5 100644
--- a/src/components/home/HomePage.vue
+++ b/src/components/home/HomePage.vue
@@ -6,9 +6,12 @@
       </div>
         <NoticeComponent></NoticeComponent>
       <div v-for="(item,index) in navList" :key="index" class="content-section">
-        <div class="content-section-title">{{item.name}}</div>
-        <div class="apps-card">
-          <NavList v-if="item.childUC" v-for="(item,index2) in item.childUC" :key="index2" :nav="item"></NavList>
+        <div class="HeadLine" style="margin-top:15px;margin-left:-5px;">
+          <div class="HeadSquare"></div>
+          <div class="TitleFont" style="color:var(--theme-color)"><i class="el-icon-s-unfold"></i>{{item.name}}</div>
+        </div>
+        <div class="apps-card" >
+          <NavList style="border-color:var(--border-color);border-width: 3px;" v-if="item.childUC" v-for="(item,index2) in item.childUC" :key="index2" :nav="item"></NavList>
         </div>
       </div>
     </div>
diff --git a/src/components/hotNews/NewsCard.vue b/src/components/hotNews/NewsCard.vue
index fb7400a..490cb8e 100644
--- a/src/components/hotNews/NewsCard.vue
+++ b/src/components/hotNews/NewsCard.vue
@@ -12,7 +12,7 @@
            element-loading-text="拼命加载中"
            element-loading-spinner="el-icon-loading"
            element-loading-background="var(--theme-bg-color)" >
-        <div v-if="news.hot" class="widget__section" v-for="(item,index) in news.hot" :key="index">
+        <div v-if="news.hot" class="widget__section" v-for="(item,index) in news.hot" :key="index" >
           <span v-if="index===0" class="hot-rank-1">{{index+1}}</span>
           <span v-if="index===1" class="hot-rank-2">{{index+1}}</span>
           <span v-if="index===2" class="hot-rank-3">{{index+1}}</span>
@@ -123,14 +123,14 @@ export default {
   cursor: pointer;
 }
 .hot-rank-1 {
-  color: #fff;
+  color:var(--theme-color);
   background: #f1404b;
   border-radius: 4px;
   display: inline-block;
   text-align: center;
 }
 .hot-rank-2 {
-  color: #fff;
+  color: var(--theme-color);
   background: #c56831;
 
   border-radius: 4px;
@@ -138,7 +138,7 @@ export default {
   text-align: center;
 }
 .hot-rank-3 {
-  color: #fff;
+  color: var(--theme-color);
   background: #b89e2c;
 
   border-radius: 4px;
@@ -146,7 +146,7 @@ export default {
   text-align: center;
 }
 .hot-rank-4 {
-  color: #fff;
+  color: var(--theme-color);
   background: rgba(124,124,124,.3);
 
   border-radius: 4px;
@@ -159,6 +159,7 @@ export default {
   height: 20px;
 }
 .news-content{
+  color: var(--theme-color);
   margin-left:10px;
   height: 20px;
   width: 260px;
@@ -171,4 +172,9 @@ a:hover{
   font-size: 16px;
   font-weight: bold;
 }
+
+::v-deep .el-link--inner{
+  color: var(--theme-color);
+  text-shadow: 0 0 3px var(--font-border);
+}
 </style>
\ No newline at end of file