feat:根据logo修改悬浮图标配色

This commit is contained in:
Zhukj
2025-12-19 15:38:50 +08:00
parent e77bdc0359
commit 5c7daab504
2 changed files with 16 additions and 4 deletions

View File

@@ -104,7 +104,7 @@
} }
} }
//悬浮按钮 //悬浮按钮(容器样式保持原始不变,确保按钮不消失)
.fixed-box { .fixed-box {
position: fixed; position: fixed;
right: 0rpx; right: 0rpx;
@@ -129,7 +129,8 @@
line-height: 1; line-height: 1;
margin: 14rpx 0; margin: 14rpx 0;
transition: 0.1s; transition: 0.1s;
background: #fff; // ========== 修改1按钮背景改为纯红色红底 ==========
background: #E60012;
border-radius: 50rpx; border-radius: 50rpx;
width: 80rpx; width: 80rpx;
height: 80rpx; height: 80rpx;
@@ -137,17 +138,22 @@
text { text {
font-size: 36rpx; font-size: 36rpx;
font-weight: bold; font-weight: bold;
// ========== 修改2图标文字改为白色白字 ==========
color: #FFFFFF;
} }
// 新增:语言按钮文字样式 // 新增:语言按钮文字样式
.lang-text { .lang-text {
font-size: 24rpx; // 适配圆形按钮大小 font-size: 24rpx; // 适配圆形按钮大小
font-weight: 600; font-weight: 600;
color: #333; // 和其他按钮图标颜色统一 // ========== 修改3语言按钮文字改为白色 ==========
color: #FFFFFF;
} }
view { view {
font-size: 26rpx; font-size: 26rpx;
font-weight: bold; font-weight: bold;
// ========== 兜底:确保所有文字都是白色 ==========
color: #FFFFFF;
} }
&.show { &.show {
@@ -160,6 +166,12 @@
margin: 0; margin: 0;
margin-top: 0.1rpx; margin-top: 0.1rpx;
} }
// ========== 新增:按钮点击交互效果 ==========
&:active {
background: #C4000F; // 红色轻微加深
transform: scale(0.95); // 按钮小幅度缩小
}
} }
} }
</style> </style>

View File

@@ -49,7 +49,7 @@
"disableSWC": true "disableSWC": true
}, },
"compileType": "miniprogram", "compileType": "miniprogram",
"libVersion": "2.16.1", "libVersion": "3.12.1",
"appid": "wx29215aa1bd97bbd6", "appid": "wx29215aa1bd97bbd6",
"projectname": "niushop_b2c_v4_uniapp", "projectname": "niushop_b2c_v4_uniapp",
"isGameTourist": false, "isGameTourist": false,