style
This commit is contained in:
@@ -336,3 +336,45 @@ function getMonthCalendarData({ year, month, selectableDates = [] }) {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media (min-width: 800px) {
|
||||
.content{
|
||||
.top-date{
|
||||
display: grid;
|
||||
grid-template-columns:repeat(7,1fr);
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding-right: 40rpx;
|
||||
background: #f3f3f3;
|
||||
.weekText{
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
font-size: 40rpx;
|
||||
padding: 20rpx;
|
||||
}
|
||||
}
|
||||
.date-list{
|
||||
.list-title{
|
||||
height: 120rpx;
|
||||
line-height: 120rpx;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
.list-item{
|
||||
.item{
|
||||
padding: 35rpx 0;
|
||||
margin: 5rpx;
|
||||
.item-top{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.item-nong{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user