style:X按钮72rpx/翻转76rpx/完成按钮加大圆角+顶部文字38rpx

This commit is contained in:
ShenQiLun 2026-06-25 17:35:55 +08:00
parent 5566580540
commit 0504df3371

View File

@ -197,15 +197,14 @@
width: 90rpx; width: 90rpx;
} }
.cc-topbar-back { .cc-topbar-back {
width: 60rpx; height: 60rpx; width: 72rpx; height: 72rpx;
border-radius: 60rpx; border-radius: 72rpx;
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: 34rpx; font-size: 40rpx;
line-height: 60rpx;
text-align: center; text-align: center;
} }
.cc-topbar-center { .cc-topbar-center {
@ -214,7 +213,7 @@
} }
.cc-topbar-title { .cc-topbar-title {
color: #ffffff; color: #ffffff;
font-size: 36rpx; font-size: 38rpx;
font-weight: 700; font-weight: 700;
} }
.cc-topbar-right { .cc-topbar-right {
@ -224,9 +223,9 @@
/* 翻转按钮(在右上角) */ /* 翻转按钮(在右上角) */
.cc-flip-btn { .cc-flip-btn {
width: 68rpx; height: 68rpx; width: 76rpx; height: 76rpx;
border-radius: 68rpx; border-radius: 76rpx;
border-width: 2rpx; 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;
align-items: center; justify-content: center; align-items: center; justify-content: center;
@ -234,7 +233,7 @@
} }
.cc-flip-icon { .cc-flip-icon {
color: #ffffff; color: #ffffff;
font-size: 36rpx; font-size: 40rpx;
text-align: center; text-align: center;
} }
@ -287,11 +286,11 @@
/* 完成按钮(在底部右侧) */ /* 完成按钮(在底部右侧) */
.cc-confirm-btn { .cc-confirm-btn {
color: #ffffff; color: #ffffff;
font-size: 34rpx; font-size: 32rpx;
font-weight: 700; font-weight: 700;
padding-left: 36rpx; padding-right: 36rpx; padding-left: 40rpx; padding-right: 40rpx;
padding-top: 16rpx; padding-bottom: 16rpx; padding-top: 18rpx; padding-bottom: 18rpx;
border-radius: 44rpx; border-radius: 50rpx;
background-color: #409eff; background-color: #409eff;
} }