|
|
@@ -1,7 +1,11 @@
|
|
|
<template>
|
|
|
<view class="job-management-page">
|
|
|
<view class="fixed-header">
|
|
|
- <navBar title="职位管理" color="#000" :backUrl="backUrl" goMy="/pages/my/index"/>
|
|
|
+ <nav-bar title="职位管理" :backUrl="backUrl" goMy="/pages/my/index">
|
|
|
+ <view slot="left" v-if="canClose" @click="handleToIndex">
|
|
|
+ <u-icon name="close" color="#333"></u-icon>
|
|
|
+ </view>
|
|
|
+ </nav-bar>
|
|
|
<!-- 标签页导航 - 使用uview的u-tabs组件 -->
|
|
|
<view class="sticky-tabs">
|
|
|
<u-tabs
|
|
|
@@ -31,27 +35,42 @@
|
|
|
@scrolltolower="loadMore"
|
|
|
lower-threshold="50"
|
|
|
>
|
|
|
- <view
|
|
|
- class="job-card"
|
|
|
- :class="getJobStatusClass(job)"
|
|
|
- v-for="(job, index) in jobList"
|
|
|
- :key="index"
|
|
|
- @click="goNav('/my/order/pay?postPushId='+job.postPushId)"
|
|
|
- >
|
|
|
- <view class="job-card-content">
|
|
|
- <view class="job-header">
|
|
|
- <view class="job-title-section">
|
|
|
- <text class="job-title">{{job.stationName || job.ruleClassifyName}}</text>
|
|
|
- <view class="urgent-tag" v-if="job.isDue">
|
|
|
- <text class="urgent-text">急聘</text>
|
|
|
+ <view class="list">
|
|
|
+ <view
|
|
|
+ class="job-card"
|
|
|
+ v-for="(job, index) in jobList"
|
|
|
+ :key="index"
|
|
|
+ @click="goNav('/my/order/pay?postPushId='+job.postPushId)"
|
|
|
+ >
|
|
|
+ <view class="job-card-content">
|
|
|
+ <view class="job-header">
|
|
|
+ <view class="job-title-section">
|
|
|
+ <text class="job-title">{{job.stationName || job.ruleClassifyName}}</text>
|
|
|
+ <view class="urgent-tag" v-if="job.isDue">急聘</view>
|
|
|
+ </view>
|
|
|
+ <view class="job-status" :class="job.status | statusClassName">
|
|
|
+ {{job.status | statusText}}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="job-status" :class="getJobStatusClass(job)">
|
|
|
- <text class="status-text">{{job.status | statusText}}</text>
|
|
|
+ <view class="base-info">
|
|
|
+ <text class="info-item color-clip">{{ job.city }}</text>
|
|
|
+ <text class="info-item color-clip">{{ job.education }}</text>
|
|
|
+ <text class="info-item color-clip">{{ job.experience }}</text>
|
|
|
+ <text class="info-item color-clip">{{ job.salaryRange }}·{{ job.salaryTimes }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="tags">
|
|
|
+ <view class="tag" v-for="(tag, i) in job.positionTags" :key="i">{{ tag }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="company-info flex align-center">
|
|
|
+ <image :src="job.company.companyLogo ? job.company.companyLogo : '/static/logo.png'" class="logo"></image>
|
|
|
+ <text class="company-name">{{ job.company.companyName }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="buttons flex align-center">
|
|
|
+ <view class="button primary" v-if="job.status == 5" @click.stop="handleOpenPosition('open', job)">开启岗位</view>
|
|
|
+ <view class="button plain" v-if="job.status != 1" @click.stop="handleEditPosition(job)">{{ job.status == 2 ? '下架并编辑' : '编辑修改' }}</view>
|
|
|
+ <view class="button info" v-if="job.status == 2" @click.stop="handleOpenPosition('close', job)">关闭职位</view>
|
|
|
+ <view class="button info" v-else @click.stop="handleDeletePosition(job)">删除</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="job-info">
|
|
|
- <text class="job-details">{{job.city}}-{{job.county}} {{job.education}} {{job.experience}} {{job.salaryRange}} {{job.postType}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -66,16 +85,14 @@
|
|
|
</view>
|
|
|
|
|
|
<!-- 底部发布按钮 -->
|
|
|
- <view class="bottom-action">
|
|
|
- <view class="publish-btn" @click="publishNewJob">
|
|
|
- <text class="publish-text">发布新职位</text>
|
|
|
- </view>
|
|
|
+ <view class="button-section">
|
|
|
+ <view class="submit-btn" @click="publishNewJob">发布新职位</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import navBar from "@/components/nav-bar/index.vue";
|
|
|
+import navBar from "@/components/nav-bar/index.vue";
|
|
|
import empty from '@/components/empty.vue'
|
|
|
|
|
|
export default {
|
|
|
@@ -90,7 +107,7 @@ export default {
|
|
|
{ name: '待审核', status: 1 },
|
|
|
{ name: '招聘中', status: 2 },
|
|
|
{ name: '已拒绝', status: 3 },
|
|
|
- { name: '已取消', status: 4 },
|
|
|
+ // { name: '已取消', status: 4 },
|
|
|
{ name: '已关闭', status: 5 },
|
|
|
// { name: '已拒绝', status: 6 }
|
|
|
],
|
|
|
@@ -102,22 +119,37 @@ export default {
|
|
|
isLoading: false, // 防止重复请求标记
|
|
|
backUrl:'',
|
|
|
status:'',
|
|
|
+ canClose: false, // 判断页面是否是关闭,如果是从“完善招聘名片”页面进入,则是可以关闭,反之则不可以
|
|
|
+ loading: false,
|
|
|
}
|
|
|
},
|
|
|
filters: {
|
|
|
statusText(value) {
|
|
|
switch (value) {
|
|
|
case 1: return '待审核'
|
|
|
- case 2: return '审核通过'
|
|
|
- case 3: return '审核不通过'
|
|
|
+ case 2: return '招聘中'
|
|
|
+ case 3: return '已拒绝'
|
|
|
case 4: return '已取消'
|
|
|
case 5: return '已关闭'
|
|
|
case 6: return '暂存'
|
|
|
default: return '暂无数据'
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
+ statusClassName(value) {
|
|
|
+ switch (value) {
|
|
|
+ case 1: return ''
|
|
|
+ case 2: return 'primary'
|
|
|
+ case 3: return 'info'
|
|
|
+ case 4: return 'error'
|
|
|
+ case 5: return 'error'
|
|
|
+ default: return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
onLoad(options) {
|
|
|
+ if (options.type && options.type == 'canClose') {
|
|
|
+ this.canClose = true
|
|
|
+ }
|
|
|
if(options.status){
|
|
|
this.status=options.status
|
|
|
}
|
|
|
@@ -163,6 +195,7 @@ export default {
|
|
|
} else if (ret.status == 5) {
|
|
|
ret.statusName = '已关闭'
|
|
|
}
|
|
|
+ ret.positionTags = ret.positionTag.split(',')
|
|
|
this.jobList.push(ret)
|
|
|
})
|
|
|
this.count = res.data.total; // 更新总条数
|
|
|
@@ -207,8 +240,133 @@ export default {
|
|
|
goNav(url) { uni.navigateTo({ url }); },
|
|
|
// publishNewJob() { uni.navigateTo({ url: '/package/addJob/addJob' }); },
|
|
|
publishNewJob() { uni.navigateTo({ url: `/pages/my/jobPosting?status=${this.status}&companyId=${this.companyId}` }); },
|
|
|
- getJobStatusClass(job) { /* 原有逻辑不变 */ },
|
|
|
+
|
|
|
setBodyHeight() { /* 原有逻辑不变 */ },
|
|
|
+
|
|
|
+ // 跳转至首页
|
|
|
+ handleToIndex() {
|
|
|
+ uni.reLaunch({
|
|
|
+ url: '/pages/index/index'
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ // 开启职位
|
|
|
+ handleOpenPosition(type, item) {
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: type == 'close' ? '关闭岗位后,该岗位不会再推荐给用户,是否关闭?' : '开启岗位后,该岗位会重新推荐给用户,是否开启?',
|
|
|
+ complete: (ret) => {
|
|
|
+ if (ret.confirm) {
|
|
|
+ this.closePosition(item)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ // 开启关闭岗位
|
|
|
+ closePosition(item, callback) {
|
|
|
+ if (this.loading) return
|
|
|
+ this.loading = true
|
|
|
+
|
|
|
+ uni.showLoading({
|
|
|
+ title: '处理中'
|
|
|
+ })
|
|
|
+
|
|
|
+ this.$Request.getT('/app/postPush/closeOrOpen', {
|
|
|
+ postPushId: item.postPushId
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ uni.showToast({
|
|
|
+ title: '操作成功',
|
|
|
+ duration: 1500,
|
|
|
+ complete: () => {
|
|
|
+ this.page = 1
|
|
|
+ this.getJobList()
|
|
|
+ if (typeof callback == 'function') {
|
|
|
+ callback()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ uni.showToast({
|
|
|
+ title: res.msg,
|
|
|
+ icon: 'none'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }).finally(() => {
|
|
|
+ uni.hideLoading()
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ // 编辑职位
|
|
|
+ handleEditPosition(item) {
|
|
|
+ // 如果是招聘中,则是下架并编辑,需要先下架再编辑
|
|
|
+ if (item.status == 2) {
|
|
|
+ uni.showModal({
|
|
|
+ content: '确认下架并编辑该岗位?',
|
|
|
+ title: '提示',
|
|
|
+ confirmColor: '#016BF6',
|
|
|
+ success: (it) => {
|
|
|
+ if (it.confirm) {
|
|
|
+ this.closePosition(item, () => {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: `/pages/my/jobPosting?postPushId=${item.postPushId}&type=update`
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: `/pages/my/jobPosting?postPushId=${item.postPushId}&type=update`
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // 删除职位
|
|
|
+ handleDeletePosition(item) {
|
|
|
+ uni.showModal({
|
|
|
+ content: '确认删除该岗位吗?',
|
|
|
+ title: '提示',
|
|
|
+ confirmColor: '#016BF6',
|
|
|
+ success: (iet) => {
|
|
|
+ if (iet.confirm) {
|
|
|
+ this.deletePosition(item)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ // 删除职位
|
|
|
+ deletePosition(item) {
|
|
|
+ if (this.loading) return
|
|
|
+ this.loading = true
|
|
|
+
|
|
|
+ uni.showLoading({
|
|
|
+ title: '处理中'
|
|
|
+ })
|
|
|
+ this.$Request.post('/app/postPush/deletePostPush', {
|
|
|
+ postPushId: item.postPushId,
|
|
|
+ }).then(res => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ uni.showToast({
|
|
|
+ title: '删除成功',
|
|
|
+ duration: 1500
|
|
|
+ })
|
|
|
+ this.page = 1
|
|
|
+ this.getJobList()
|
|
|
+ } else {
|
|
|
+ uni.showToast({
|
|
|
+ title: res.msg,
|
|
|
+ icon: 'none'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }).finally(() => {
|
|
|
+ uni.hideLoading()
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -236,6 +394,8 @@ page {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
height: 100vh;
|
|
|
+ font-family: DM Sans;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.fixed-header {
|
|
|
@@ -247,27 +407,30 @@ page {
|
|
|
flex: 1;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
+ overflow: auto;
|
|
|
+
|
|
|
+ .list {
|
|
|
+ padding-bottom: 30rpx;
|
|
|
+ }
|
|
|
|
|
|
.job-card {
|
|
|
background: #ffffff;
|
|
|
border-radius: 12rpx;
|
|
|
margin-bottom: 20rpx;
|
|
|
- padding: 32rpx;
|
|
|
+ padding: 16rpx 36rpx;
|
|
|
border: 0.5px solid rgba(227, 231, 236, 1);
|
|
|
- // box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
|
|
|
|
|
|
.job-card-content {
|
|
|
.job-header {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: flex-start;
|
|
|
- margin-bottom: 16rpx;
|
|
|
+ margin-bottom: 8rpx;
|
|
|
|
|
|
.job-title-section {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
flex: 1;
|
|
|
- gap: 28rpx;
|
|
|
|
|
|
.job-title {
|
|
|
color: rgba(23, 23, 37, 1);
|
|
|
@@ -281,102 +444,124 @@ page {
|
|
|
|
|
|
.urgent-tag {
|
|
|
border-radius: 8rpx;
|
|
|
- background: rgba(252, 233, 220, 1);
|
|
|
- padding: 4rpx 8rpx;
|
|
|
-
|
|
|
- .urgent-text {
|
|
|
- color: rgba(1, 107, 246, 1);
|
|
|
- font-family: DM Sans;
|
|
|
- font-size: 16rpx;
|
|
|
- font-weight: 400;
|
|
|
- // line-height: 20rpx;
|
|
|
- // letter-spacing: -0.5px;
|
|
|
- text-align: left;
|
|
|
- }
|
|
|
+ padding: 8rpx;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ background: radial-gradient(87.28% 72.40% at 49% 66%,rgba(255, 160, 162, 0.2),rgba(255, 246, 247, 1));
|
|
|
+ font-size: 20rpx;
|
|
|
+ line-height: 1;
|
|
|
+ color: rgba(237, 66, 69, 1);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.job-status {
|
|
|
- &.status-trial {
|
|
|
- color: rgba(1, 107, 246, 1);
|
|
|
- }
|
|
|
+ color: rgba(1, 107, 246, 1);
|
|
|
+ padding: 8rpx;
|
|
|
+ font-size: 20rpx;
|
|
|
+ line-height: 1;
|
|
|
+ border-radius: 4px;
|
|
|
|
|
|
- &.status-review {
|
|
|
+ &.primary {
|
|
|
color: rgba(1, 107, 246, 1);
|
|
|
+ background: rgba(1, 107, 246, 0.1);
|
|
|
}
|
|
|
|
|
|
- &.status-failed {
|
|
|
- color: rgba(153, 153, 153, 1);
|
|
|
-
|
|
|
- .status-text {
|
|
|
- color: rgba(153, 153, 153, 1) !important;
|
|
|
- background: none !important;
|
|
|
- -webkit-background-clip: unset !important;
|
|
|
- -webkit-text-fill-color: rgba(153, 153, 153, 1) !important;
|
|
|
- background-clip: unset !important;
|
|
|
- text-fill-color: rgba(153, 153, 153, 1) !important;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- &.status-closed {
|
|
|
+ &.info {
|
|
|
color: rgba(153, 153, 153, 1);
|
|
|
-
|
|
|
- .status-text {
|
|
|
- color: rgba(153, 153, 153, 1) !important;
|
|
|
- background: none !important;
|
|
|
- -webkit-background-clip: unset !important;
|
|
|
- -webkit-text-fill-color: rgba(153, 153, 153, 1) !important;
|
|
|
- background-clip: unset !important;
|
|
|
- text-fill-color: rgba(153, 153, 153, 1) !important;
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
- .status-text {
|
|
|
- background: linear-gradient(132.53deg, rgba(106.94185638427734, 84.63434600830078, 214.0178680419922, 0.96),rgba(144.87640380859375, 87.8011474609375, 191.25, 1) 95%);
|
|
|
- -webkit-background-clip: text;
|
|
|
- -webkit-text-fill-color: transparent;
|
|
|
- background-clip: text;
|
|
|
- text-fill-color: transparent;
|
|
|
- font-family: DM Sans;
|
|
|
- font-size: 18rpx;
|
|
|
- font-weight: 400;
|
|
|
- line-height: 20rpx;
|
|
|
- letter-spacing: -0.5px;
|
|
|
- text-align: right;
|
|
|
+ &.error {
|
|
|
+ color: rgba(144.88, 87.8, 191.25, 1);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .job-info {
|
|
|
- .job-details {
|
|
|
- color: rgba(120, 130, 138, 1);
|
|
|
- font-family: DM Sans;
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: 400;
|
|
|
- line-height: 36rpx;
|
|
|
- letter-spacing: 0.5%;
|
|
|
- text-align: left;
|
|
|
+ .base-info {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ margin-bottom: 8rpx;
|
|
|
+ .info-item {
|
|
|
+ margin-right: 12rpx;
|
|
|
+ }
|
|
|
+ .color-clip {
|
|
|
+ background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
|
|
|
+ -webkit-background-clip: text;
|
|
|
+ -webkit-text-fill-color: transparent;
|
|
|
+ background-clip: text;
|
|
|
+ text-fill-color: transparent;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 36rpx;
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- &.status-failed {
|
|
|
- .job-title {
|
|
|
- color: rgba(153, 153, 153, 1) !important;
|
|
|
}
|
|
|
|
|
|
- .job-details {
|
|
|
- color: rgba(153, 153, 153, 1) !important;
|
|
|
+ .tags {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ .tag {
|
|
|
+ padding: 8rpx;
|
|
|
+ border-radius: 8rpx;
|
|
|
+ background: rgba(153, 153, 153, 0.1);
|
|
|
+ margin-right: 4px;
|
|
|
+ margin-bottom: 4px;
|
|
|
+ color: rgba(102, 102, 102, 1);
|
|
|
+ font-size: 20rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 1;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
-
|
|
|
- &.status-closed {
|
|
|
- .job-title {
|
|
|
- color: rgba(153, 153, 153, 1) !important;
|
|
|
+
|
|
|
+ .company-info {
|
|
|
+ .logo {
|
|
|
+ display: block;
|
|
|
+ width: 28rpx;
|
|
|
+ height: 28rpx;
|
|
|
+ border: 1px solid rgba(240, 240, 240, 1);
|
|
|
+ border-radius: 28rpx;
|
|
|
+ margin-right: 8rpx;
|
|
|
+ }
|
|
|
+ .company-name {
|
|
|
+ flex: 1;
|
|
|
+ width: 0;
|
|
|
+ color: rgba(156, 164, 171, 1);
|
|
|
+ font-size: 20rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 40rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- .job-details {
|
|
|
- color: rgba(153, 153, 153, 1) !important;
|
|
|
+ .buttons {
|
|
|
+ margin-top: 12rpx;
|
|
|
+ .button {
|
|
|
+ height: 60rpx;
|
|
|
+ padding: 16rpx 32rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 60rpx;
|
|
|
+ border: 1px solid #fff;
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 24rpx;
|
|
|
+ margin-right: 16rpx;
|
|
|
+
|
|
|
+ &.primary {
|
|
|
+ color: #fff;
|
|
|
+ background: rgba(1, 107, 246, 1);
|
|
|
+ border-color: rgba(1, 107, 246, 1);
|
|
|
+ }
|
|
|
+
|
|
|
+ &.plain {
|
|
|
+ color: rgba(1, 107, 246, 1);
|
|
|
+ background-color: rgba(1, 107, 246, 0.1);
|
|
|
+ border-color: rgba(1, 107, 246, 0.1);
|
|
|
+ }
|
|
|
+
|
|
|
+ &.info {
|
|
|
+ color: #999;
|
|
|
+ border-color: #E8E8E8;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -409,28 +594,24 @@ page {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-.bottom-action {
|
|
|
- padding: 30rpx 40rpx;
|
|
|
- background: #ffffff;
|
|
|
-
|
|
|
- .publish-btn {
|
|
|
- width: 100%;
|
|
|
- height: 88rpx;
|
|
|
- background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
|
|
|
- border-radius: 44rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
-
|
|
|
- .publish-text {
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- font-family: DM Sans;
|
|
|
- font-size: 32rpx;
|
|
|
- font-weight: 400;
|
|
|
- line-height: 48rpx;
|
|
|
- letter-spacing: 0%;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- }
|
|
|
+.button-section {
|
|
|
+ padding: 28rpx 40rpx;
|
|
|
+ box-shadow: 0px -4px 16px 0px rgba(0, 0, 0, 0.04);
|
|
|
+}
|
|
|
+.submit-btn {
|
|
|
+ flex-shrink: 0;
|
|
|
+ border-radius: 999px;
|
|
|
+ box-shadow: 0px -4px 16px 0px rgba(0, 0, 0, 0.04);
|
|
|
+ background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ font-family: DM Sans;
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 48rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ padding: 16rpx 32rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
</style>
|