一体机放大效果开发
This commit is contained in:
@@ -227,8 +227,8 @@ function getMonthCalendarData({ year, month, selectableDates = [] }) {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
white-space: nowrap
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
width: 90rpx;
|
||||
height: 90rpx;
|
||||
image {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
@@ -238,17 +238,17 @@ function getMonthCalendarData({ year, month, selectableDates = [] }) {
|
||||
height: 100%
|
||||
display: flex
|
||||
flex-direction: column
|
||||
border-radius: 40rpx 40rpx 0 0
|
||||
border-radius: 60rpx 60rpx 0 0
|
||||
background: #FFFFFF;
|
||||
overflow: hidden
|
||||
margin-top: 20rpx
|
||||
margin-top: 30rpx
|
||||
.top-date{
|
||||
display: flex
|
||||
justify-content: space-between
|
||||
padding: 28rpx
|
||||
padding: 42rpx
|
||||
.weekText{
|
||||
text-align: center
|
||||
width: 99rpx;
|
||||
width: 149rpx;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -258,17 +258,17 @@ function getMonthCalendarData({ year, month, selectableDates = [] }) {
|
||||
}
|
||||
.date-list{
|
||||
.list-title{
|
||||
height: 84rpx;
|
||||
line-height: 84rpx
|
||||
height: 126rpx;
|
||||
line-height: 126rpx
|
||||
background: #FAFAFA;
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
font-size: 48rpx;
|
||||
color: #1A1A1A;
|
||||
padding: 0 28rpx;
|
||||
padding: 0 42rpx;
|
||||
box-sizing: border-box
|
||||
}
|
||||
.list-item{
|
||||
padding: 16rpx 28rpx 20rpx 28rpx;
|
||||
padding: 24rpx 42rpx 30rpx 42rpx;
|
||||
display: grid
|
||||
grid-template-columns: repeat(7, 1fr)
|
||||
grid-gap: 0rpx
|
||||
@@ -277,22 +277,22 @@ function getMonthCalendarData({ year, month, selectableDates = [] }) {
|
||||
flex-direction: column
|
||||
align-items: center
|
||||
justify-content: center
|
||||
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||
padding: 16rpx 0
|
||||
margin-bottom: 20rpx
|
||||
border-radius: 30rpx 30rpx 30rpx 30rpx;
|
||||
padding: 24rpx 0
|
||||
margin-bottom: 30rpx
|
||||
.item-top{
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
font-size: 48rpx;
|
||||
}
|
||||
.item-nong{
|
||||
font-size: 16rpx;
|
||||
font-size: 24rpx;
|
||||
color: #666666
|
||||
margin-top: 2rpx
|
||||
margin-top: 3rpx
|
||||
}
|
||||
}
|
||||
.optional{
|
||||
// height: 96rpx;
|
||||
border: 2rpx solid #92B5FC;
|
||||
// height: 144rpx;
|
||||
border: 3rpx solid #92B5FC;
|
||||
}
|
||||
.noOptional{
|
||||
color: #B8B8B8;
|
||||
@@ -301,9 +301,9 @@ function getMonthCalendarData({ year, month, selectableDates = [] }) {
|
||||
background: linear-gradient( 225deg, #9E74FD 0%, #256BFA 100%);
|
||||
color: #FFFFFF
|
||||
.item-nong{
|
||||
font-size: 16rpx;
|
||||
font-size: 24rpx;
|
||||
color: #FFFFFF
|
||||
margin-top: 2rpx
|
||||
margin-top: 3rpx
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user