style:所有按钮再次放大,修复完成按钮换行问题(lines:1+取消固定宽)

This commit is contained in:
ShenQiLun 2026-06-25 17:37:54 +08:00
parent 0504df3371
commit dad1dd136c

View File

@ -194,17 +194,17 @@
background: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent); background: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent);
} }
.cc-topbar-left { .cc-topbar-left {
width: 90rpx; width: 100rpx;
} }
.cc-topbar-back { .cc-topbar-back {
width: 72rpx; height: 72rpx; width: 80rpx; height: 80rpx;
border-radius: 72rpx; border-radius: 80rpx;
background-color: rgba(0,0,0,0.35); background-color: rgba(0,0,0,0.35);
align-items: center; justify-content: center; align-items: center; justify-content: center;
} }
.cc-back-icon { .cc-back-icon {
color: #ffffff; color: #ffffff;
font-size: 40rpx; font-size: 44rpx;
text-align: center; text-align: center;
} }
.cc-topbar-center { .cc-topbar-center {
@ -213,18 +213,18 @@
} }
.cc-topbar-title { .cc-topbar-title {
color: #ffffff; color: #ffffff;
font-size: 38rpx; font-size: 40rpx;
font-weight: 700; font-weight: 700;
} }
.cc-topbar-right { .cc-topbar-right {
width: 120rpx; flex-direction: row;
align-items: flex-end; align-items: center;
} }
/* 翻转按钮(在右上角) */ /* 翻转按钮(在右上角) */
.cc-flip-btn { .cc-flip-btn {
width: 76rpx; height: 76rpx; width: 84rpx; height: 84rpx;
border-radius: 76rpx; border-radius: 84rpx;
border-width: 3rpx; border-width: 3rpx;
border-color: rgba(255,255,255,0.3); border-color: rgba(255,255,255,0.3);
border-style: solid; border-style: solid;
@ -233,7 +233,7 @@
} }
.cc-flip-icon { .cc-flip-icon {
color: #ffffff; color: #ffffff;
font-size: 40rpx; font-size: 44rpx;
text-align: center; text-align: center;
} }
@ -252,17 +252,19 @@
background: linear-gradient(to top, rgba(0,0,0,0.6), transparent); background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
} }
.cc-footer-left { .cc-footer-left {
width: 120rpx; flex-direction: row;
align-items: flex-start; align-items: center;
flex: 1;
} }
.cc-footer-center { .cc-footer-center {
flex: 1;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.cc-footer-right { .cc-footer-right {
width: 120rpx; flex-direction: row;
align-items: flex-end; align-items: center;
justify-content: flex-end;
flex: 1;
} }
/* 拍照按钮(放大) */ /* 拍照按钮(放大) */
@ -286,12 +288,14 @@
/* 完成按钮(在底部右侧) */ /* 完成按钮(在底部右侧) */
.cc-confirm-btn { .cc-confirm-btn {
color: #ffffff; color: #ffffff;
font-size: 32rpx; font-size: 34rpx;
font-weight: 700; font-weight: 700;
padding-left: 40rpx; padding-right: 40rpx; padding-left: 44rpx; padding-right: 44rpx;
padding-top: 18rpx; padding-bottom: 18rpx; padding-top: 20rpx; padding-bottom: 20rpx;
border-radius: 50rpx; border-radius: 50rpx;
background-color: #409eff; background-color: #409eff;
/* 防止文字换行 */
lines: 1;
} }
/* 缩略图预览(最新一张) */ /* 缩略图预览(最新一张) */