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