sdz/ks-app-employment-service
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

一体机放大效果开发

Browse Source
This commit is contained in:
冯辉
2026-03-12 17:10:34 +08:00
parent 0c63175816
commit e7ef23ad5d
83 changed files with 3034 additions and 2899 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
packageA/pages/selectDate/reservation/component/countdown.vue
View File

@@ -128,25 +128,25 @@ onUnmounted(() => {
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
text-align: center;
font-weight: 500;
font-size: 28rpx;
font-size: 42rpx;
color: #ffffff;
height: 44rpx;
line-height: 44rpx;
padding: 0 14rpx;
height: 66rpx;
line-height: 66rpx;
padding: 0 21rpx;
background: #256bfa;
border-radius: 8rpx 8rpx 8rpx 8rpx;
margin: 0 10rpx;
border-radius: 12rpx 12rpx 12rpx 12rpx;
margin: 0 15rpx;
}
.colon {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 28rpx;
font-size: 42rpx;
color: #256bfa;
}
.day-text {
font-size: 18px;
font-size: 27px;
color: #333;
}

34
packageA/pages/selectDate/reservation/reservation.vue
View File

@@ -133,17 +133,17 @@ function getList(type = 'add', loading = true) {
flex-direction: column;
.content-top{
display: flex
padding: 28rpx
padding: 42rpx
.top-item{
font-weight: 400;
font-size: 32rpx;
margin-right: 48rpx
font-size: 48rpx;
margin-right: 72rpx
color: #666D7F;
}
.active{
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
font-weight: 500;
font-size: 32rpx;
font-size: 48rpx;
color: #000000;
}
}
@@ -151,14 +151,14 @@ function getList(type = 'add', loading = true) {
flex: 1
overflow: hidden
background: #F4F4F4
padding: 28rpx
padding: 42rpx
.card{
padding: 30rpx
padding: 45rpx
background: #FFFFFF;
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.04);
border-radius: 20rpx 20rpx 20rpx 20rpx;
box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(0,0,0,0.04);
border-radius: 30rpx 30rpx 30rpx 30rpx;
color: #495264
margin-bottom: 28rpx
margin-bottom: 42rpx
.card-row{
display: flex
justify-content: space-between
@@ -170,8 +170,8 @@ function getList(type = 'add', loading = true) {
.card-Title{
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
font-weight: 500;
font-size: 32rpx;
line-height: 70rpx
font-size: 48rpx;
line-height: 105rpx
color: #333333;
}
.footer{
@@ -180,13 +180,13 @@ function getList(type = 'add', loading = true) {
justify-content: flex-end
}
.card_cancel{
width: 228rpx;
height: 80rpx;
line-height: 80rpx;
width: 342rpx;
height: 120rpx;
line-height: 120rpx;
text-align: center;
border-radius: 12rpx 12rpx 12rpx 12rpx;
border: 2rpx solid #E8EAEE;
margin-top: 32rpx
border-radius: 18rpx 18rpx 18rpx 18rpx;
border: 3rpx solid #E8EAEE;
margin-top: 48rpx
}
}

42
packageA/pages/selectDate/selectDate.vue
View File

@@ -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
}
}
}