sdz/qingdao-employment-service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style

Browse Source
This commit is contained in:
xiebing
2025-12-05 18:09:45 +08:00
parent 0d5e3024bc
commit 1ba45fdf93
48 changed files with 2702 additions and 1047 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
packageA/pages/reservation/component/countdown.vue
View File

@@ -7,7 +7,7 @@
<div class="time-block">{{ days }}</div>
<span class="colon">天</span>
</view>
<view style="color: #ff881a">待开始</view>
<view class="status" style="color: #ff881a">待开始</view>
</view>
</template>
@@ -21,7 +21,7 @@
<span class="colon hui">:</span>
<div class="time-block huibg">00</div>
</view>
<view class="hui">已结束</view>
<view class="status hui">已结束</view>
</view>
</template>
@@ -33,7 +33,7 @@
<div class="time-block">{{ days }}</div>
<span class="colon">天</span>
</view>
<view style="color: #18a14f">进行中</view>
<view class="status" style="color: #18a14f">进行中</view>
</view>
</template>
<template v-else>
@@ -46,7 +46,7 @@
<span class="colon">:</span>
<div class="time-block">{{ seconds }}</div>
</view>
<view style="color: #18a14f">进行中</view>
<view class="status" style="color: #18a14f">进行中</view>
</view>
</template>
</template>
@@ -160,3 +160,19 @@ onUnmounted(() => {
color: #256bfa;
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.colon{
font-size: 38rpx;
}
.time-block{
font-size: 40rpx;
height: 50rpx;
line-height: 50rpx;
}
.status{
font-size: 38rpx;
}
}
</style>

32
packageA/pages/reservation/reservation.vue
View File

@@ -207,10 +207,40 @@ function getList(type = 'add', loading = true) {
text-align: center;
border-radius: 12rpx 12rpx 12rpx 12rpx;
border: 2rpx solid #E8EAEE;
margin-top: 32rpx
}
}
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.reser-content{
.content-top{
.top-item{
font-size: 36rpx;
}
.active{
font-size: 38rpx;
}
}
}
.reser-content{
.main{
.card{
.card-row{
margin-top: 20rpx;
.rowleft{
font-size: 34rpx;
}
}
.card-Title{
margin-top: 20rpx;
font-size: 40rpx;
}
}
}
}
}
</style>