style
This commit is contained in:
@@ -557,3 +557,86 @@ function getNextDates({ startDate = '', count = 6 }) {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@media (min-width: 800px) {
|
||||
.app-container{
|
||||
.container-header{
|
||||
background-size: 100% 600rpx;
|
||||
.header-input{
|
||||
margin: 20rpx 0;
|
||||
.iconsearch{
|
||||
font-size: 60rpx !important;
|
||||
}
|
||||
.input{
|
||||
font-size: 40rpx;
|
||||
padding-left: 100rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.inputplace{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
}
|
||||
.header-date{
|
||||
.data-week{
|
||||
.weel-days{
|
||||
width: 300rpx;
|
||||
height: 200rpx;
|
||||
.label{
|
||||
font-size: 40rpx;
|
||||
}
|
||||
.day{
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.data-all{
|
||||
width: 140rpx;
|
||||
height: 140rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cards{
|
||||
.card{
|
||||
padding: 50rpx 10rpx;
|
||||
.card-title{
|
||||
font-size: 40rpx;
|
||||
padding: 0 90rpx;
|
||||
}
|
||||
.card-row{
|
||||
font-size: 34rpx;
|
||||
padding: 0 90rpx;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
.card-times{
|
||||
padding: 0 90rpx;
|
||||
.left-date{
|
||||
font-size: 55rpx;
|
||||
}
|
||||
.left-dateDay{
|
||||
font-size: 34rpx;
|
||||
}
|
||||
.line{
|
||||
margin-top: 0;
|
||||
width: 80rpx;
|
||||
border-width: 4rpx;
|
||||
}
|
||||
.time-center{
|
||||
.center-date{
|
||||
font-size: 42rpx;
|
||||
}
|
||||
.center-dateDay{
|
||||
width: fit-content;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.card-footer{
|
||||
padding: 0 90rpx;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user