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

130
packageA/pages/addWorkExperience/addWorkExperience.vue
View File

@@ -3,11 +3,11 @@
<view class="content">
<view class="content-input">
<view class="input-titile">公司名称</view>
<input class="input-con" v-model="formData.companyName" maxlength="200" placeholder-style="font-size: 16px" placeholder="请输入公司名称" />
<input class="input-con" v-model="formData.companyName" maxlength="200" placeholder-style="font-size: 24px" placeholder="请输入公司名称" />
</view>
<view class="content-input">
<view class="input-titile">职位名称</view>
<input class="input-con" v-model="formData.position" maxlength="100" placeholder-style="font-size: 16px" placeholder="请输入职位名称" />
<input class="input-con" v-model="formData.position" maxlength="100" placeholder-style="font-size: 24px" placeholder="请输入职位名称" />
</view>
<view class="content-input">
<view class="input-titile">工作时间</view>
@@ -30,7 +30,7 @@
<view class="content-input">
<view class="input-titile">工作描述</view>
<!-- <input class="input-con" placeholder="请输入工作描述" /> -->
<textarea class="textarea-con" v-model="formData.description" placeholder-style="font-size: 16px" maxlength="500" placeholder="请输入工作描述"/>
<textarea class="textarea-con" v-model="formData.description" placeholder-style="font-size: 24px" maxlength="500" placeholder="请输入工作描述"/>
</view>
</view>
@@ -233,60 +233,60 @@
}
.content{
padding: 28rpx;
padding: 42rpx;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-bottom: 120rpx;
padding-bottom: 180rpx;
}
.content-input
margin-bottom: 52rpx
margin-bottom: 78rpx
.input-titile
font-weight: 400;
font-size: 28rpx;
font-size: 42rpx;
color: #6A6A6A;
.input-con
font-weight: 400;
font-size: 32rpx;
font-size: 48rpx;
color: #333333;
line-height: 80rpx;
height: 80rpx;
border-bottom: 2rpx solid #EBEBEB
line-height: 120rpx;
height: 120rpx;
border-bottom: 3rpx solid #EBEBEB
position: relative;
.triangle::before
position: absolute;
right: 20rpx;
top: calc(50% - 2rpx);
right: 30rpx;
top: calc(50% - 3rpx);
content: '';
width: 4rpx;
height: 18rpx;
border-radius: 2rpx
width: 6rpx;
height: 27rpx;
border-radius: 3rpx
background: #697279;
transform: translate(0, -50%) rotate(-45deg) ;
.triangle::after
position: absolute;
right: 20rpx;
right: 30rpx;
top: 50%;
content: '';
width: 4rpx;
height: 18rpx;
border-radius: 2rpx
width: 6rpx;
height: 27rpx;
border-radius: 3rpx
background: #697279;
transform: rotate(45deg)
.textarea-con
border: 2rpx solid #EBEBEB
border: 3rpx solid #EBEBEB
width: 95%
height: 400rpx
margin-top: 20rpx
padding: 15rpx
height: 600rpx
margin-top: 30rpx
padding: 23rpx
.date-range-container
display: flex
align-items: flex-end
justify-content: space-between
margin-top: 20rpx
margin-top: 30rpx
position: relative
border-bottom: 2rpx solid #EBEBEB
border-bottom: 3rpx solid #EBEBEB
.date-picker-item
flex: 1
@@ -295,15 +295,15 @@
align-items: center
.date-label
font-size: 24rpx
font-size: 36rpx
color: #999999
margin-bottom: 10rpx
margin-bottom: 15rpx
.date-display
width: 100%
height: 80rpx
line-height: 80rpx
font-size: 32rpx
height: 120rpx
line-height: 120rpx
font-size: 48rpx
color: #333333
text-align: center
position: relative
@@ -315,15 +315,15 @@
.date-separator
position: absolute
left: 50%
bottom: 40rpx
bottom: 60rpx
transform: translateX(-50%)
font-size: 28rpx
font-size: 42rpx
color: #666666
background-color: #ffffff
padding: 0 10rpx
padding: 0 15rpx
z-index: 2
height: 20rpx
line-height: 20rpx
height: 30rpx
line-height: 30rpx
display: flex
align-items: center
@@ -334,69 +334,69 @@
left: 0
right: 0
background-color: #ffffff
padding: 20rpx 28rpx
border-top: 2rpx solid #EBEBEB
padding: 30rpx 42rpx
border-top: 3rpx solid #EBEBEB
z-index: 999
.confirm-btn
width: 100%
height: 90rpx
height: 135rpx
background: #256BFA
border-radius: 12rpx
border-radius: 18rpx
font-weight: 500
font-size: 32rpx
font-size: 48rpx
color: #FFFFFF
text-align: center
line-height: 90rpx
line-height: 135rpx
button-click: true
// .content-sex
// height: 110rpx;
// height: 165rpx;
// display: flex
// justify-content: space-between;
// align-items: flex-start;
// border-bottom: 2rpx solid #EBEBEB
// margin-bottom: 52rpx
// border-bottom: 3rpx solid #EBEBEB
// margin-bottom: 78rpx
// .sex-titile
// line-height: 80rpx;
// line-height: 120rpx;
// .sext-ri
// display: flex
// align-items: center;
// .sext-box
// height: 76rpx;
// width: 152rpx;
// height: 114rpx;
// width: 228rpx;
// text-align: center;
// line-height: 80rpx;
// border-radius: 12rpx 12rpx 12rpx 12rpx
// border: 2rpx solid #E8EAEE;
// margin-left: 28rpx
// line-height: 120rpx;
// border-radius: 18rpx 18rpx 18rpx 18rpx
// border: 3rpx solid #E8EAEE;
// margin-left: 42rpx
// font-weight: 400;
// font-size: 28rpx;
// font-size: 42rpx;
// .sext-boxactive
// color: #256BFA
// background: rgba(37,107,250,0.1);
// border: 2rpx solid #256BFA;
// border: 3rpx solid #256BFA;
// .next-btn
// width: 100%;
// height: 90rpx;
// height: 135rpx;
// background: #256BFA;
// border-radius: 12rpx 12rpx 12rpx 12rpx;
// border-radius: 18rpx 18rpx 18rpx 18rpx;
// font-weight: 500;
// font-size: 32rpx;
// font-size: 48rpx;
// color: #FFFFFF;
// text-align: center;
// line-height: 90rpx
// line-height: 135rpx
// .input-nx
// position: relative
// border-bottom: 2rpx solid #EBEBEB
// padding-bottom: 30rpx
// border-bottom: 3rpx solid #EBEBEB
// padding-bottom: 45rpx
// display: flex
// flex-wrap: wrap
// .nx-item
// padding: 20rpx 28rpx
// padding: 30rpx 42rpx
// width: fit-content
// border-radius: 12rpx 12rpx 12rpx 12rpx;
// border: 2rpx solid #E8EAEE;
// margin-right: 24rpx
// margin-top: 24rpx
// border-radius: 18rpx 18rpx 18rpx 18rpx;
// border: 3rpx solid #E8EAEE;
// margin-right: 36rpx
// margin-top: 36rpx
</style>