From f5178e42ae4330ca06cb8f14c6b087cfb2949d69 Mon Sep 17 00:00:00 2001 From: Zhang HaoYang <1304907854@qq.com> Date: Sat, 23 Dec 2023 18:40:56 +0800 Subject: [PATCH] =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/css/home-style.css | 10 +- src/assets/img/Like3D.svg | 1 + src/components/detail/NavDetail.vue | 2 +- src/components/detail/UserComment.vue | 55 ++- src/components/home/MainHeader.vue | 2 +- .../setting/layout/SettingMainHeader.vue | 2 +- .../setting/onsite/ImportExport.vue | 1 + .../setting/system/AppearanceSettings.vue | 76 ++-- .../setting/system/FunctionSettings.vue | 4 +- .../setting/system/InformationSettings.vue | 325 +++++++++++------- src/components/setting/system/Upload.vue | 1 + 11 files changed, 315 insertions(+), 164 deletions(-) create mode 100644 src/assets/img/Like3D.svg diff --git a/src/assets/css/home-style.css b/src/assets/css/home-style.css index d08f156..71854d1 100644 --- a/src/assets/css/home-style.css +++ b/src/assets/css/home-style.css @@ -4,9 +4,13 @@ box-sizing: border-box; } + + :root { + --font-border: rgb(213, 79, 27); --theme-comment-color: rgba(178, 188, 250, 0.4); --theme-bg-color: rgba(16 18 27 / 40%); + --theme-bg-color-deep: rgba(16, 18, 27, 0.51); --border-color: rgba(28, 32, 37, 0.25); --theme-color: #f9fafb; --inactive-color: rgb(113 119 144 / 78%); @@ -24,8 +28,10 @@ } .light-mode { - --theme-comment-color: rgba(255, 202, 145, 0.4); + --font-border: rgb(108, 155, 255); + --theme-comment-color: rgba(201, 217, 255, 0.4); --theme-bg-color: rgb(255 255 255 / 31%); + --theme-bg-color-deep: rgb(255 255 255 / 51%); --theme-color: #3c3a3a; --inactive-color: #333333; --button-inactive: #3c3a3a; @@ -941,6 +947,8 @@ body.light-mode .video-bg:before { flex-direction: column; } + + /*背景板*/ .JustBack{ display: flex; diff --git a/src/assets/img/Like3D.svg b/src/assets/img/Like3D.svg new file mode 100644 index 0000000..c8c67fe --- /dev/null +++ b/src/assets/img/Like3D.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/detail/NavDetail.vue b/src/components/detail/NavDetail.vue index def09aa..8c52559 100644 --- a/src/components/detail/NavDetail.vue +++ b/src/components/detail/NavDetail.vue @@ -115,7 +115,7 @@ -
+
diff --git a/src/components/detail/UserComment.vue b/src/components/detail/UserComment.vue index 3ec1840..bd9f24d 100644 --- a/src/components/detail/UserComment.vue +++ b/src/components/detail/UserComment.vue @@ -19,18 +19,16 @@ -
+
评论广场 +
用户:JK少女 - 评论时间:2023年12月22日 -
- -
+ 评论时间:2023年12月22日
@@ -38,10 +36,31 @@ 8~18 位包含大小写字母、数字、特殊字符的密码8~18 位包含大小写字母、数字、特殊字符的密码8~18 位包含大小写字母、数字、特殊字符的密码
+
+ 112 + +
+ + +
+
+ + JK少男 + 回复 + JK少女 + : +
+
+
+ 内容丰富多元,节目持续更新,内容播放清晰流畅,操作界面简单友好,真正为用户带来“悦享品质”的观映体验。 + 内容丰富多元,节目持续更新,内容播放清晰流畅,操作界面简单友好,真正为用户带来“悦享品质”的观映体验。 + 内容丰富多元,节目持续更新,内容播放清晰流畅,操作界面简单友好,真正为用户带来“悦享品质”的观映体验。 + 内容丰富多元,节目持续更新,内容播放清晰流畅,操作界面简单友好,真正为用户带来“悦享品质”的观映体验。 +
+ +
- -
@@ -153,5 +172,27 @@ $popper-background-color: #000; } } +::v-deep .myIcon{ + background: url("../../assets/img/Like3D.svg")center no-repeat; + width:15px; + height:15px; + background-size: cover; +} + +::v-deep .myIcon:before { + content: "替"; + font-size: 17px; + visibility: hidden; +} + + +::v-deep .myIcon:before { + content: "\e611"; +} + +::v-deep .el-divider{ + background-color:var(--theme-color); + height:2px +} \ No newline at end of file diff --git a/src/components/home/MainHeader.vue b/src/components/home/MainHeader.vue index 2bab9f1..cc26cde 100644 --- a/src/components/home/MainHeader.vue +++ b/src/components/home/MainHeader.vue @@ -1,5 +1,5 @@