|
@@ -592,8 +592,8 @@ export default {
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
font-size: 30upx; // 搜索采购按钮字增大 4upx (26upx -> 30upx)
|
|
font-size: 30upx; // 搜索采购按钮字增大 4upx (26upx -> 30upx)
|
|
|
color: white;
|
|
color: white;
|
|
|
- border-radius: 35upx;
|
|
|
|
|
- padding: 17upx 34upx; // 按钮高度增加 10upx (上下 padding 从 12upx -> 17upx，高度总共增加 10upx)
|
|
|
|
|
|
|
+ border-radius: 38upx;
|
|
|
|
|
+ padding: 20upx 39upx; // 再高 6upx（上下各+3upx）、再长 10upx（左右各+5upx）
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
margin-left: 50upx; // 增加按钮间距，设为 20upx（搜索按钮离采购远 20upx）
|
|
margin-left: 50upx; // 增加按钮间距，设为 20upx（搜索按钮离采购远 20upx）
|
|
|
font-weight: bold; // 加粗字重
|
|
font-weight: bold; // 加粗字重
|
|
@@ -604,8 +604,10 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
&:active {
|
|
&:active {
|
|
|
- opacity: 0.85;
|
|
|
|
|
- transform: scale(0.95);
|
|
|
|
|
|
|
+ opacity: 0.88;
|
|
|
|
|
+ transform: scale(0.96);
|
|
|
|
|
+ // 按下时把阴影明显减弱，避免“阴影闪一下”的视觉问题，同时模拟按钮被按下去的感觉
|
|
|
|
|
+ box-shadow: 0 2upx 6upx rgba(0, 0, 0, 0.08);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
&.cg-btn {
|
|
&.cg-btn {
|
