Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
lls_program
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
hookehuyr
2025-09-17 18:36:20 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
d2bfc78b16e42b7e4db644a1452e24898785f382
d2bfc78b
1 parent
d86968de
style(ActivitiesCover): 更新禁用按钮样式以覆盖默认半透明效果
修改禁用状态按钮样式,使用实心灰色背景和白色文字,移除点击效果和默认透明度
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
15 additions
and
1 deletions
src/pages/ActivitiesCover/index.less
src/pages/ActivitiesCover/index.vue
src/pages/ActivitiesCover/index.less
View file @
d2bfc78
...
...
@@ -151,6 +151,20 @@
box-shadow: 0 4rpx 16rpx rgba(84, 171, 174, 0.3), 0 2rpx 8rpx rgba(0, 0, 0, 0.2);
}
}
// 禁用状态样式 - 覆盖NutUI默认的半透明效果
&.nut-button--disabled {
opacity: 1 !important; // 覆盖默认的透明度
background: #cccccc !important; // 实心灰色背景
color: #fff !important; // 深灰色文字
border: 1rpx solid #ccc !important;
box-shadow: 0 4rpx 16rpx rgba(204, 204, 204, 0.3) !important;
&:active {
transform: none; // 禁用时不响应点击效果
box-shadow: 0 4rpx 16rpx rgba(204, 204, 204, 0.3) !important;
}
}
}
// 弹窗样式
...
...
src/pages/ActivitiesCover/index.vue
View file @
d2bfc78
<!--
* @Date: 2022-09-19 14:11:06
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-09-17 1
7:34:36
* @LastEditTime: 2025-09-17 1
8:35:59
* @FilePath: /lls_program/src/pages/ActivitiesCover/index.vue
* @Description: 活动海报页面 - 展示活动信息并处理定位授权
-->
...
...
Please
register
or
login
to post a comment