style:X按钮72rpx/翻转76rpx/完成按钮加大圆角+顶部文字38rpx
This commit is contained in:
parent
5566580540
commit
0504df3371
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user