style(ActivitiesCover): 更新禁用按钮样式以覆盖默认半透明效果
修改禁用状态按钮样式,使用实心灰色背景和白色文字,移除点击效果和默认透明度
Showing
2 changed files
with
15 additions
and
1 deletions
| ... | @@ -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 | --> | ... | ... |
-
Please register or login to post a comment