hookehuyr

style(ActivitiesCover): 更新禁用按钮样式以覆盖默认半透明效果

修改禁用状态按钮样式,使用实心灰色背景和白色文字,移除点击效果和默认透明度
...@@ -151,6 +151,20 @@ ...@@ -151,6 +151,20 @@
151 box-shadow: 0 4rpx 16rpx rgba(84, 171, 174, 0.3), 0 2rpx 8rpx rgba(0, 0, 0, 0.2); 151 box-shadow: 0 4rpx 16rpx rgba(84, 171, 174, 0.3), 0 2rpx 8rpx rgba(0, 0, 0, 0.2);
152 } 152 }
153 } 153 }
154 +
155 + // 禁用状态样式 - 覆盖NutUI默认的半透明效果
156 + &.nut-button--disabled {
157 + opacity: 1 !important; // 覆盖默认的透明度
158 + background: #cccccc !important; // 实心灰色背景
159 + color: #fff !important; // 深灰色文字
160 + border: 1rpx solid #ccc !important;
161 + box-shadow: 0 4rpx 16rpx rgba(204, 204, 204, 0.3) !important;
162 +
163 + &:active {
164 + transform: none; // 禁用时不响应点击效果
165 + box-shadow: 0 4rpx 16rpx rgba(204, 204, 204, 0.3) !important;
166 + }
167 + }
154 } 168 }
155 169
156 // 弹窗样式 170 // 弹窗样式
......
1 <!-- 1 <!--
2 * @Date: 2022-09-19 14:11:06 2 * @Date: 2022-09-19 14:11:06
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-09-17 17:34:36 4 + * @LastEditTime: 2025-09-17 18:35:59
5 * @FilePath: /lls_program/src/pages/ActivitiesCover/index.vue 5 * @FilePath: /lls_program/src/pages/ActivitiesCover/index.vue
6 * @Description: 活动海报页面 - 展示活动信息并处理定位授权 6 * @Description: 活动海报页面 - 展示活动信息并处理定位授权
7 --> 7 -->
......