|
@@ -1,172 +1,171 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
- <u-navbar back-text="共享用工" back-icon-size="28" back-icon-color="#ffffff" :background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
|
|
|
- <!-- 标签 -->
|
|
|
- <view class="tabs">
|
|
|
- <u-tabs :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
|
|
|
- </view>
|
|
|
- <view class="content">
|
|
|
- <view class="info-card" v-for="item in 5">
|
|
|
- <!-- 卡片信息 -->
|
|
|
- <view class="detail">
|
|
|
- 企业现急需熟练机床车工5名,如有资源请联系0716-8818118 刘女士。
|
|
|
- </view>
|
|
|
- <view class="tag">
|
|
|
- <view class="item1">
|
|
|
- 急需用工
|
|
|
- </view>
|
|
|
- <view class="date-item">
|
|
|
- 2023-06-12
|
|
|
+ <u-navbar back-text="共享用工" back-icon-size="28" back-icon-color="#ffffff" :background="{backgroundColor: '#2795FD',}"
|
|
|
+ :back-text-style="{color: '#ffffff'}"></u-navbar>
|
|
|
+ <!-- 标签 -->
|
|
|
+ <view class="tabs">
|
|
|
+ <u-tabs :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ <view class="info-card" v-for="item in 5">
|
|
|
+ <!-- 卡片信息 -->
|
|
|
+ <view class="detail">
|
|
|
+ 企业现急需熟练机床车工5名,如有资源请联系0716-8818118 刘女士。
|
|
|
</view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <u-line color="#CFD2D5" />
|
|
|
- <!-- 发布状态 -->
|
|
|
- <view class="check">
|
|
|
- <view class="state">
|
|
|
- 发布中
|
|
|
+ <view class="tag">
|
|
|
+ <view class="item1">
|
|
|
+ 急需用工
|
|
|
+ </view>
|
|
|
+ <view class="date-item">
|
|
|
+ 2023-06-12
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="handle">
|
|
|
- <view class="unamend">
|
|
|
- 修改
|
|
|
+ <u-line color="#CFD2D5" />
|
|
|
+ <!-- 发布状态 -->
|
|
|
+ <view class="check">
|
|
|
+ <view class="state">
|
|
|
+ 发布中
|
|
|
</view>
|
|
|
- <view class="delete">
|
|
|
- 删除
|
|
|
+ <view class="handle">
|
|
|
+ <view class="unamend">
|
|
|
+ 修改
|
|
|
+ </view>
|
|
|
+ <view class="delete">
|
|
|
+ 删除
|
|
|
+ </view>
|
|
|
</view>
|
|
|
-
|
|
|
</view>
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="info-card">
|
|
|
- <!-- 卡片信息 -->
|
|
|
- <view class="detail">
|
|
|
- 因企业季节性停产3个月,现产生闲置熟练机床车工5名,如有需求请联系0716-8668168 汪先生。
|
|
|
</view>
|
|
|
- <view class="tag">
|
|
|
- <view class="item2">
|
|
|
- 资源共享
|
|
|
- </view>
|
|
|
- <view class="date-item">
|
|
|
- 2023-06-12
|
|
|
+
|
|
|
+ <view class="info-card">
|
|
|
+ <!-- 卡片信息 -->
|
|
|
+ <view class="detail">
|
|
|
+ 因企业季节性停产3个月,现产生闲置熟练机床车工5名,如有需求请联系0716-8668168 汪先生。
|
|
|
</view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <u-line color="#CFD2D5" />
|
|
|
- <!-- 发布状态-->
|
|
|
- <view class="check">
|
|
|
- <view class="state">
|
|
|
- 发布中
|
|
|
+ <view class="tag">
|
|
|
+ <view class="item2">
|
|
|
+ 资源共享
|
|
|
+ </view>
|
|
|
+ <view class="date-item">
|
|
|
+ 2023-06-12
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="handle">
|
|
|
- <view class="amend">
|
|
|
- 修改
|
|
|
+ <u-line color="#CFD2D5" />
|
|
|
+ <!-- 发布状态-->
|
|
|
+ <view class="check">
|
|
|
+ <view class="state">
|
|
|
+ 发布中
|
|
|
</view>
|
|
|
- <view class="delete">
|
|
|
- 删除
|
|
|
+ <view class="handle">
|
|
|
+ <view class="amend">
|
|
|
+ 修改
|
|
|
+ </view>
|
|
|
+ <view class="delete">
|
|
|
+ 删除
|
|
|
+ </view>
|
|
|
</view>
|
|
|
-
|
|
|
</view>
|
|
|
-
|
|
|
</view>
|
|
|
-
|
|
|
</view>
|
|
|
- </view>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <u-divider bg-color="#F0F0F2" margin-top="40" border-color="#CFD2D5">已经到底了</u-divider>
|
|
|
- <!-- 底部按钮 -->
|
|
|
-
|
|
|
+
|
|
|
+ <u-divider bg-color="#F0F0F2" margin-top="40" border-color="#CFD2D5">已经到底了</u-divider>
|
|
|
+
|
|
|
+ <!-- 底部按钮 -->
|
|
|
<button class="btn">发布信息</button>
|
|
|
-
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import * as API from '@/apis/pagejs/packages.js'
|
|
|
+ import * as API_packages from '@/apis/pagejs/packages.js'
|
|
|
+
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
-
|
|
|
list: [{
|
|
|
- name: '发布中'
|
|
|
- }, {
|
|
|
- name: '待审核'
|
|
|
- }, {
|
|
|
- name: '未通过',
|
|
|
-
|
|
|
- }],
|
|
|
- current: 0
|
|
|
- }
|
|
|
+ name: '发布中'
|
|
|
+ }, {
|
|
|
+ name: '待审核'
|
|
|
+ }, {
|
|
|
+ name: '未通过',
|
|
|
+
|
|
|
+ }],
|
|
|
+ current: 0
|
|
|
+ }
|
|
|
},
|
|
|
methods: {
|
|
|
change(index) {
|
|
|
- this.current = index;
|
|
|
- }
|
|
|
+ this.current = index;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
- page{
|
|
|
+ page {
|
|
|
background: #F0F0F2;
|
|
|
padding-bottom: 120px;
|
|
|
}
|
|
|
</style>
|
|
|
<style scoped lang="scss">
|
|
|
// 标签
|
|
|
- .tabs{
|
|
|
+ .tabs {
|
|
|
position: fixed;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
- z-index:99;
|
|
|
+ z-index: 99;
|
|
|
}
|
|
|
- .content{
|
|
|
+
|
|
|
+ .content {
|
|
|
margin-top: 108rpx;
|
|
|
}
|
|
|
- .info-card{
|
|
|
+
|
|
|
+ .info-card {
|
|
|
margin: 24rpx 32rpx 0;
|
|
|
padding: 24rpx;
|
|
|
background-color: #fff;
|
|
|
border-radius: 24rpx;
|
|
|
+
|
|
|
// 卡片信息
|
|
|
- .detail{
|
|
|
+ .detail {
|
|
|
color: rgba(16, 16, 16, 1);
|
|
|
line-height: 40rpx;
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
- .tag{
|
|
|
+
|
|
|
+ .tag {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
margin-top: 16rpx;
|
|
|
margin-bottom: 24rpx;
|
|
|
- .item1{
|
|
|
+
|
|
|
+ .item1 {
|
|
|
color: rgba(39, 149, 253, 1);
|
|
|
font-size: 24rpx;
|
|
|
}
|
|
|
- .item2{
|
|
|
+
|
|
|
+ .item2 {
|
|
|
color: rgba(0, 185, 98, 1);
|
|
|
font-size: 24rpx;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
// 发布状态
|
|
|
- .check{
|
|
|
+ .check {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
margin-top: 32rpx;
|
|
|
- .state{
|
|
|
+
|
|
|
+ .state {
|
|
|
color: rgba(51, 51, 51, 1);
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
- .handle{
|
|
|
+
|
|
|
+ .handle {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
-
|
|
|
- .unamend{
|
|
|
+
|
|
|
+ .unamend {
|
|
|
width: 120rpx;
|
|
|
height: 56rpx;
|
|
|
line-height: 56rpx;
|
|
@@ -176,7 +175,8 @@
|
|
|
border-radius: 50px;
|
|
|
opacity: 0.4;
|
|
|
}
|
|
|
- .amend{
|
|
|
+
|
|
|
+ .amend {
|
|
|
width: 120rpx;
|
|
|
height: 56rpx;
|
|
|
line-height: 56rpx;
|
|
@@ -184,9 +184,10 @@
|
|
|
font-family: Microsoft Yahei;
|
|
|
border: 1px solid rgba(231, 232, 234, 1);
|
|
|
border-radius: 50px;
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
- .delete{
|
|
|
+
|
|
|
+ .delete {
|
|
|
width: 120rpx;
|
|
|
height: 56rpx;
|
|
|
line-height: 56rpx;
|
|
@@ -201,15 +202,15 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-// 底部按钮
|
|
|
+ // 底部按钮
|
|
|
|
|
|
-
|
|
|
- .btn{
|
|
|
+
|
|
|
+ .btn {
|
|
|
position: fixed;
|
|
|
- bottom:40rpx;
|
|
|
+ bottom: 40rpx;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
- background-color:#F0F0F2;
|
|
|
+ background-color: #F0F0F2;
|
|
|
padding: 0 32rpx;
|
|
|
border-radius: 50px;
|
|
|
background-color: rgba(34, 149, 255, 1);
|
|
@@ -218,6 +219,4 @@
|
|
|
margin: 0 32rpx;
|
|
|
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.03);
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
-</style>
|
|
|
+</style>
|