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

2
packageA/pages/Intendedposition/Intendedposition.vue
View File

@@ -81,3 +81,5 @@ function getJobList(type = 'add') {
position: relative;
}
</style>
<style lang="scss" scoped>
</style>

81
packageA/pages/UnitDetails/UnitDetails.vue
View File

@@ -410,3 +410,84 @@ image {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.content{
.content-top{
.companyinfo-left{
width: 140rpx;
height: 140rpx;
}
.companyinfo-right{
.row1{
margin-top: 10rpx;
font-size: 40rpx;
}
.row2{
margin-top: 10rpx;
font-size: 34rpx;
}
}
}
}
.content{
.locations{
height: 120rpx;
.location-info{
.info{
.info-title{
font-size: 36rpx;
}
}
}
}
.expand{
font-size: 36rpx;
.expand-img{
width: 50rpx;
height: 50rpx;
}
}
.conetent-info{
.info-title{
font-size: 36rpx;
margin-top: 20rpx;
}
.info-desirption{
font-size: 32rpx;
}
.card-times{
padding: 30rpx 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;
}
}
}
}
}
.Detailscroll-view{
.views{
.Detail-title{
font-size: 40rpx;
}
}
}
}
</style>

26
packageA/pages/browseJob/browseJob.vue
View File

@@ -219,3 +219,29 @@ image {
height: 100%
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.collection-search{
.search-content{
.header-input{
.iconsearch{
font-size: 50rpx !important;
}
.input{
font-size: 40rpx;
padding-left: 100rpx;
height: 120rpx;
}
.inputplace{
font-size: 40rpx;
}
}
.data-all{
width: 100rpx;
height: 100rpx;
}
}
}
}
</style>

12
packageA/pages/collection/collection.vue
View File

@@ -272,3 +272,15 @@ function getCompanyList(type = 'add') {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.collection-content{
.header{
font-size: 38rpx;
.active{
font-size: 40rpx;
}
}
}
}
</style>

83
packageA/pages/exhibitors/exhibitors.vue
View File

@@ -40,7 +40,7 @@
<!-- <view class="info-title title2">公司地址</view>
<view class="locationCompany"></view> -->
<view class="company-times">
<view class="info-title">内容描述</view>
<view class="info-title">举办时间</view>
<view class="card-times">
<view class="time-left">
<view class="left-date">{{ parseDateTime(fairInfo.zphjbsj).time }}</view>
@@ -590,3 +590,84 @@ image {
}
}
</style>
<style lang="scss" scoped>
@media (min-width: 800px) {
.app-container {
.content-top{
.companyinfo-left{
width: 140rpx;
height: 140rpx;
}
.companyinfo-right{
.row1{
margin-top: 10rpx;
font-size: 40rpx;
}
.row2{
margin-top: 10rpx;
font-size: 34rpx;
}
}
}
}
.content{
.locations{
height: 120rpx;
.location-info{
.info{
.info-title{
font-size: 36rpx;
}
}
}
}
.expand{
font-size: 36rpx;
.expand-img{
width: 50rpx;
height: 50rpx;
}
}
.conetent-info{
.info-title{
font-size: 36rpx;
margin-top: 20rpx;
}
.info-desirption{
font-size: 32rpx;
}
.card-times{
padding: 30rpx 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;
}
}
}
}
}
.Detailscroll-view{
.views{
.Detail-title{
font-size: 40rpx;
}
}
}
}
</style>

26
packageA/pages/jobExpect/jobExpect.vue
View File

@@ -278,3 +278,29 @@ function getFormCompletionPercent(form) {
border: 2rpx solid #E8EAEE;
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.content{
padding: 40rpx;
}
.content-input{
.input-titile{
font-size: 40rpx;
}
.input-con{
height: 100rpx;
font-size: 38rpx;
}
}
.input-nx{
margin-top: 20rpx;
.nx-item{
padding: 12rpx 40rpx;
font-size: 34rpx;
}
}
}
</style>

85
packageA/pages/myResume/myResume.vue
View File

@@ -104,7 +104,7 @@
</view>
<view class="exp-item button-click" v-for="item in userInfo.workExp" :key="item.id">
<view class="fl_box fl_justbet mar_top15">
<view class="fs_16">{{ item.company }}</view>
<view >{{ item.company }}</view>
<image
class="icon btn-feel"
src="@/static/icon/edit1.png"
@@ -112,7 +112,7 @@
></image>
</view>
<view class="mys-text fl_box fl_justbet">
<text class="color_333333 fs_14">{{ item.position }}</text>
<text class="color_333333">{{ item.position }}</text>
<text class="datetext">{{ item.startTime }}--{{ item.endTime || '至今' }}</text>
</view>
<view class="mys-text">
@@ -408,3 +408,84 @@ image{
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.notice-line{
height: 100rpx;
.icon{
width: 50rpx;
height: 50rpx;
}
.text{
font-size: 34rpx;
}
.close{
width: 40rpx;
height: 40rpx;
}
}
.mys-container{
.mys-tops{
.tops-left{
.name{
font-size: 50rpx;
.edit-icon{
width: 50rpx;
height: 50rpx;
}
}
.subName{
font-size: 38rpx;
}
}
.tops-right{
.right-imghead{
width: 180rpx;
height: 180rpx;
}
}
}
.mys-info{
.mys-h4{
font-size: 40rpx;
.icon{
width: 55rpx;
height: 55rpx;
}
.mys-edit-icon{
.icon{
width: 40rpx;
height: 40rpx;
}
.txt{
font-size: 36rpx;
}
}
}
.exp-item{
font-size: 38rpx;
.icon{
width: 55rpx;
height: 55rpx;
}
}
.datetext{
font-size: 34rpx;
}
.mys-text{
font-size: 34rpx;
}
.mys-list{
margin-top: 20rpx;
.cards{
padding: 12rpx 40rpx;
font-size: 34rpx;
}
}
}
}
}
</style>

16
packageA/pages/post/component/radarMap.vue
View File

@@ -1,5 +1,5 @@
<template>
<view style="display: flex; justify-content: center; padding: 0px 0">
<view class="radar" style="display: flex; justify-content: center; padding: 0px 0">
<canvas canvas-id="radarCanvas" id="radarCanvas" style="width: 300px; height: 250px"></canvas>
</view>
</template>
@@ -41,6 +41,8 @@ watch(
);
function rawRadarChart(labels, data) {
let ratio = window.innerWidth / 600;
if (ratio < 1) ratio = 1;
const ctx = uni.createCanvasContext('radarCanvas');
const width = 80;
const height = 80;
@@ -136,8 +138,8 @@ function rawRadarChart(labels, data) {
//标题
ctx.setFillStyle('#000');
ctx.setFontSize(12);
ctx.font = 'bold 12px sans-serif';
ctx.setFontSize(12 * ratio);
ctx.font = `bold ${12 * ratio}px sans-serif`;
ctx.fillText(label, x, y);
});
@@ -145,4 +147,10 @@ function rawRadarChart(labels, data) {
}
</script>
<style></style>
<style lang="scss" scoped>
@media (min-width: 800px) {
.radar{
padding-top: 30rpx !important;
}
}
</style>

84
packageA/pages/post/post.vue
View File

@@ -663,3 +663,87 @@ for i in 0..100
}
}
</style>
<style lang="scss" scoped>
@media (min-width: 800px) {
.content{
.content-top{
.position-source{
font-size: 38rpx;
}
.top-salary{
::v-deep .texts {
.num {
font-size: 50rpx;
}
.unit {
font-size: 40rpx;
}
.gap {
font-size: 40rpx;
}
}
}
.top-name{
font-size: 38rpx;
}
.top-info{
.info-img{
width: 50rpx;
height: 50rpx;
}
.info-text{
font-size: 36rpx;
}
}
}
.ai-explain{
.explain-left{
.leftText{
font-size: 36rpx;
}
.leftdownText{
font-size: 32rpx;
}
}
.explain-right{
font-size: 34rpx;
width: 200rpx;
}
}
.content-card{
.card-title{
font-size: 38rpx;
.btntext{
font-size: 34rpx;
}
}
.description{
font-size: 34rpx;
}
.company-info{
.companyinfo-left{
width: 150rpx;
height: 150rpx;
}
.companyinfo-right{
.row1{
font-size: 38rpx;
}
.row2{
font-size:32rpx;
}
}
}
}
.card-footer{
.footer-title{
font-size: 36rpx;
}
.progress-text{
font-size: 32rpx;
}
}
}
}
</style>

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>

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

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

77
packageA/pages/vCard/vCard.vue
View File

@@ -264,3 +264,80 @@ image {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.mys-container{
.info{
padding: 40rpx;
.avatar{
width: 180rpx;
height: 180rpx;
}
.info-right{
height: 170rpx;
.name{
font-size: 45rpx;
}
.des{
font-size: 34rpx;
}
.phone{
font-size: 34rpx;
}
}
}
.info-bottom{
padding: 25rpx 50rpx;
font-size: 34rpx;
}
.des-card{
padding: 30rpx 40rpx;
font-size: 34rpx;
gap:20rpx;
}
.empty-box{
display: flex;
align-items: center;
justify-content: center;
.img{
width: 600rpx;
}
}
}
.card{
.title{
.text{
font-size: 40rpx;
}
}
}
.skill-box{
margin-top: 40rpx;
.skill-item{
font-size: 34rpx;
padding: 15rpx 40rpx;
border-radius: 12rpx;
}
}
.exp-box{
margin-top: 40rpx;
.exp-item{
font-size: 36rpx;
}
}
.certificate-box{
margin-top: 40rpx;
.certificate-item{
font-size: 36rpx;
}
}
}
</style>

39
packageA/pages/workExp/workExp.vue
View File

@@ -243,3 +243,42 @@ const changeendTime = () => {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.content{
padding: 40rpx;
}
.content-input{
.input-titile{
font-size: 40rpx;
}
.input-con{
height: 100rpx;
font-size: 38rpx;
}
}
.input-nx{
margin-top: 20rpx;
.nx-item{
padding: 12rpx 40rpx;
font-size: 34rpx;
}
}
.flex-box{
.input-box{
flex: 0.4;
}
.gap{
font-size: 60rpx;
flex: 0.2;
}
}
.content-input{
.text-area{
font-size: 36rpx;
}
}
}
</style>