From 45ba0da9baad10c78e22d81f32a1860f8609725f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Wed, 18 Mar 2026 19:05:03 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=8C=89=E9=92=AE=E6=96=87?=
 =?UTF-8?q?=E5=AD=97=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 common/css/page.css                        |   5 +-
 common/css/theme.css                       | 104 +++++++++++++++------
 pages/plugins/video/detail/detail-nvue.css |   9 ++
 pages/plugins/video/detail/detail.nvue     |   4 +-
 4 files changed, 88 insertions(+), 34 deletions(-)

diff --git a/common/css/page.css b/common/css/page.css
index 26021934..7d072437 100644
--- a/common/css/page.css
+++ b/common/css/page.css
@@ -188,8 +188,8 @@ button:before {
 .wh-auto {
     width: 100% !important;
 }
-.ht-auto {
-    height: 100% !important;
+.ht-auto {
+    height: 100% !important;
 }
 .tc {
     text-align: center;
@@ -651,7 +651,6 @@ button[disabled].bg-grey {
     background-color: #ececec !important;
     color: #ababab !important;
 }
-
 /**
  * 表单
  */
diff --git a/common/css/theme.css b/common/css/theme.css
index c357247a..71f2eb67 100644
--- a/common/css/theme.css
+++ b/common/css/theme.css
@@ -64,6 +64,7 @@
 	background-color: #ff0036 !important;
 }
 
+
 /**
  * 导航伪类背景色
  */
@@ -71,21 +72,26 @@
 	background: #ff0036;
 }
 .theme-red button[disabled].bg-main-pair {
-	background-color: #d0cbca !important;
+	background-color: #d0cbca !important;
     border-color: #d0cbca !important;
 	color: #eaeaea !important;
 }
 .theme-red button[disabled].bg-main-light {
-	background-color: #ffe9ed !important;
+	background-color: #ffe9ed !important;
     border-color: #ffe9ed !important;
 	color: #ffa5b7 !important;
 }
+.theme-red .bg-main.disabled,
 .theme-red button[disabled].bg-main {
-	background-color: #ffa7ba !important;
+	background-color: #ffa7ba !important;
     border-color: #ffa7ba !important;
 	color: #fff5f7 !important;
 }
 
+.theme-red .bg-main.disabled .text {
+	color: #eaeaea !important;
+}
+
 /**
  * 标题左侧边线
 */
@@ -176,21 +182,26 @@
     background-color: #f6c133 !important;
 }
 .theme-yellow button[disabled].bg-main-pair {
-    background-color: #b5a29c !important;
+    background-color: #b5a29c !important;
     border-color: #b5a29c !important;
     color: #8c766f !important;
 }
 .theme-yellow button[disabled].bg-main-light {
-    background-color: #fbebd6 !important;
+    background-color: #fbebd6 !important;
     border-color: #fbebd6 !important;
     color: #ffcc40 !important;
 }
+
+.theme-yellow .bg-main.disabled,
 .theme-yellow button[disabled].bg-main {
-    background-color: #fdd178 !important;
-    border-color: #fdd178 !important;
-    color: #fff7e7 !important;
+	background-color: #fdd178 !important;
+	border-color: #fdd178 !important;
+	color: #fff7e7 !important;
 }
 
+.theme-yellow .bg-main.disabled .text {
+	color: #fff7e7 !important;
+}
 /**
  * 标题左侧边线
 */
@@ -282,18 +293,24 @@
 	background: #333333;
 }
 .theme-black button[disabled].bg-main-pair {
-	background-color: #bdece8 !important;
+	background-color: #bdece8 !important;
     border-color: #bdece8 !important;
 	color: #edfbf9 !important;
 }
 .theme-black button[disabled].bg-main-light {
-	background-color: #efefef !important;
+	background-color: #efefef !important;
     border-color: #efefef !important;
 	color: #b7b7b7 !important;
 }
+
+.theme-black .bg-main.disabled,
 .theme-black button[disabled].bg-main {
 	background-color: #c7c7c7 !important;
-    border-color: #c7c7c7 !important;
+	border-color: #c7c7c7 !important;
+	color: #e2e2e2 !important;
+}
+
+.theme-black .bg-main.disabled .text {
 	color: #e2e2e2 !important;
 }
 
@@ -388,18 +405,24 @@
 	background: #20a53a;
 }
 .theme-green button[disabled].bg-main-pair {
-	background-color: #cfaae2 !important;
+	background-color: #cfaae2 !important;
     border-color: #cfaae2 !important;
 	color: #e6deea !important;
 }
 .theme-green button[disabled].bg-main-light {
-	background-color: #daeade !important;
+	background-color: #daeade !important;
     border-color: #daeade !important;
 	color: #9dcaa6 !important;
 }
+
+.theme-green .bg-main.disabled,
 .theme-green button[disabled].bg-main {
 	background-color: #a8c5ae !important;
-    border-color: #a8c5ae !important;
+	border-color: #a8c5ae !important;
+	color: #d8eadc !important;
+}
+
+.theme-green .bg-main.disabled .text {
 	color: #d8eadc !important;
 }
 
@@ -493,18 +516,24 @@
 	background: #fe6f04;
 }
 .theme-orange button[disabled].bg-main-pair {
-	background-color: #b5a29c !important;
+	background-color: #b5a29c !important;
     border-color: #b5a29c !important;
 	color: #8c766f !important;
 }
 .theme-orange button[disabled].bg-main-light {
-	background-color: #fbe9dc !important;
+	background-color: #fbe9dc !important;
     border-color: #fbe9dc !important;
 	color: #f7c49e !important;
 }
+
+.theme-orange .bg-main.disabled,
 .theme-orange button[disabled].bg-main {
 	background-color: #f7cdad !important;
-    border-color: #f7cdad !important;
+	border-color: #f7cdad !important;
+	color: #f7efea !important;
+}
+
+.theme-orange .bg-main.disabled .text {
 	color: #f7efea !important;
 }
 
@@ -598,18 +627,24 @@
 	background: #1677ff;
 }
 .theme-blue button[disabled].bg-main-pair {
-	background-color: #efcbf5 !important;
+	background-color: #efcbf5 !important;
     border-color: #efcbf5 !important;
 	color: #faf1fb !important;
 }
 .theme-blue button[disabled].bg-main-light {
-	background-color: #e3eefd !important;
+	background-color: #e3eefd !important;
     border-color: #e3eefd !important;
 	color: #b9d3f7 !important;
-}
+}
+
+.theme-blue .bg-main.disabled,
 .theme-blue button[disabled].bg-main {
 	background-color: #bcd3f5 !important;
-    border-color: #bcd3f5 !important;
+	border-color: #bcd3f5 !important;
+	color: #eef4fd !important;
+}
+
+.theme-blue .bg-main.disabled .text {
 	color: #eef4fd !important;
 }
 
@@ -703,18 +738,24 @@
 	background: #8B4513;
 }
 .theme-brown button[disabled].bg-main-pair {
-	background-color: #a6ded9 !important;
+	background-color: #a6ded9 !important;
     border-color: #a6ded9 !important;
 	color: #dff1ef !important;
 }
 .theme-brown button[disabled].bg-main-light {
-	background-color: #f1e6de !important;
+	background-color: #f1e6de !important;
     border-color: #f1e6de !important;
 	color: #d6bdad !important;
-}
+}
+
+.theme-brown .bg-main.disabled,
 .theme-brown button[disabled].bg-main {
 	background-color: #e4cdbc !important;
-    border-color: #e4cdbc !important;
+	border-color: #e4cdbc !important;
+	color: #f9f4f0 !important;
+}
+
+.theme-brown .bg-main.disabled .text {
 	color: #f9f4f0 !important;
 }
 
@@ -808,21 +849,26 @@
 	background: #623cec;
 }
 .theme-purple button[disabled].bg-main-pair {
-	background-color: #d8aed8 !important;
+	background-color: #d8aed8 !important;
     border-color: #d8aed8 !important;
 	color: #efe4ef !important;
 }
 .theme-purple button[disabled].bg-main-light {
-	background-color: #dcd6f1 !important;
+	background-color: #dcd6f1 !important;
     border-color: #dcd6f1 !important;
 	color: #b2a7dc !important;
-}
+}
+
+.theme-purple .bg-main.disabled,
 .theme-purple button[disabled].bg-main {
 	background-color: #bdb0ef !important;
-    border-color: #bdb0ef !important;
+	border-color: #bdb0ef !important;
 	color: #e7e4f1 !important;
 }
 
+.theme-purple .bg-main.disabled .text {
+	color: #e7e4f1 !important;
+}
 /**
  * 标题左侧边线
 */
diff --git a/pages/plugins/video/detail/detail-nvue.css b/pages/plugins/video/detail/detail-nvue.css
index e80d7477..5469282c 100644
--- a/pages/plugins/video/detail/detail-nvue.css
+++ b/pages/plugins/video/detail/detail-nvue.css
@@ -245,6 +245,15 @@
     font-size: 28rpx;
 }
 
+.comment-send-button {
+    color: #fff;
+    font-size: 26rpx;
+    padding: 14rpx 34rpx;
+}
+
+.border-0 {
+    border: 0;
+}
 .pr-16 {
     padding-right: 16rpx;
 }
diff --git a/pages/plugins/video/detail/detail.nvue b/pages/plugins/video/detail/detail.nvue
index 02b3587e..b0ace7e5 100644
--- a/pages/plugins/video/detail/detail.nvue
+++ b/pages/plugins/video/detail/detail.nvue
@@ -183,7 +183,7 @@
                                 </view>
                             </view>
                             <view v-if="!isEmpty(comment_input_value)" class="pt-4 flex-row align-c ml-10">
-                                <button size="mini" type="default" class="margin-0 bg-main" @tap="send_comment"><text class="cr-white text-size-sm">{{$t('common.send')}}</text></button>
+                                <button size="mini" type="default" class="margin-0 bg-main border-0" @tap="send_comment"><text class="comment-send-button">{{$t('common.send')}}</text></button>
                             </view>
                         </view>
                     </view>
@@ -256,7 +256,7 @@
                         <u-icon propName="layout-module-single-images" propSize="40rpx" propColor="#999"></u-icon>
                     </component-upload>
                 
-                    <button :disabled="isEmpty(comment_input_value)" size="mini" type="default" class="margin-0 bg-main" @tap="send_comment"><text class="cr-white text-size-sm">{{$t('common.send')}}</text></button>
+                    <button :disabled="isEmpty(comment_input_value)" size="mini" type="default" :class="'margin-0 bg-main border-0 ' + (isEmpty(comment_input_value) ? 'disabled' : '')" @tap="send_comment"><text class="comment-send-button text">{{$t('common.send')}}</text></button>
                 </view>
             </view>
         </view>