|
|
@@ -1,8 +1,8 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
- <u-navbar back-text="发布" back-icon-size="28" back-icon-color="#ffffff"
|
|
|
- :background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
|
|
|
-
|
|
|
+ <u-navbar back-text="发布" back-icon-size="28" back-icon-color="#ffffff" :background="{backgroundColor: '#2795FD',}"
|
|
|
+ :back-text-style="{color: '#ffffff'}"></u-navbar>
|
|
|
+
|
|
|
<view class="main">
|
|
|
<view class="title">
|
|
|
选择您要发布的信息
|
|
|
@@ -10,139 +10,160 @@
|
|
|
<view class="headline">
|
|
|
您好，欢迎来到荆开零工驿站
|
|
|
</view>
|
|
|
- <view class="card">
|
|
|
+ <view class="card" @click="toMyJobInformation">
|
|
|
<view class="icon">
|
|
|
<img src="../../assets/img/issue1@1x.png" alt="">
|
|
|
</view>
|
|
|
<view class="card-title">
|
|
|
- <view class="title1">
|
|
|
- 求职信息
|
|
|
- </view>
|
|
|
+ <view class="title1">
|
|
|
+ 求职信息
|
|
|
+ </view>
|
|
|
<view class="title2">
|
|
|
坐等好工作来找你
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
<view class="right">
|
|
|
<u-icon name="arrow-right" color="#D6D6D6"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
- <view class="card">
|
|
|
+
|
|
|
+ <view class="card" @click="toLaborManagement">
|
|
|
<view class="icon">
|
|
|
<img src="../../assets/img/issue2@1x.png" alt="">
|
|
|
</view>
|
|
|
<view class="card-title">
|
|
|
- <view class="title1">
|
|
|
- 招工信息
|
|
|
- </view>
|
|
|
+ <view class="title1">
|
|
|
+ 招工信息
|
|
|
+ </view>
|
|
|
<view class="title2">
|
|
|
精准满足用工需求
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
<view class="right">
|
|
|
<u-icon name="arrow-right" color="#D6D6D6"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
- <view class="card">
|
|
|
+
|
|
|
+ <view class="card" @click="toPostMessage">
|
|
|
<view class="icon">
|
|
|
<img src="../../assets/img/issue3@1x.png" alt="">
|
|
|
</view>
|
|
|
<view class="card-title">
|
|
|
- <view class="title1">
|
|
|
- 共享用工
|
|
|
- </view>
|
|
|
+ <view class="title1">
|
|
|
+ 共享用工
|
|
|
+ </view>
|
|
|
<view class="title2">
|
|
|
发布共享公共信息
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
<view class="right">
|
|
|
<u-icon name="arrow-right" color="#D6D6D6"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
</view>
|
|
|
-
|
|
|
- <!-- <tabbar ref="mytabbar"
|
|
|
- :current="2"></tabbar> -->
|
|
|
|
|
|
- </view>
|
|
|
-
|
|
|
+ <!-- <tabbar ref="mytabbar" :current="2"></tabbar> -->
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import tabbar from "../../components/Tabbar.vue";
|
|
|
-
|
|
|
+
|
|
|
export default {
|
|
|
components: {
|
|
|
tabbar,
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
-
|
|
|
+ toMyJobInformation() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/mine/myJobInformation/myJobInformation'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ toLaborManagement() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/mine/employmentService/laborManagement/postMessage'
|
|
|
+ })
|
|
|
+ },
|
|
|
+ toPostMessage() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/mine/employmentService/postMessage'
|
|
|
+ })
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
<style>
|
|
|
- page{
|
|
|
+ page {
|
|
|
padding-bottom: 100px;
|
|
|
}
|
|
|
</style>
|
|
|
<style scoped lang="scss">
|
|
|
- .main{
|
|
|
- padding:96rpx 32rpx;
|
|
|
- .title{
|
|
|
+ .main {
|
|
|
+ padding: 96rpx 32rpx;
|
|
|
+
|
|
|
+ .title {
|
|
|
color: rgba(16, 16, 16, 1);
|
|
|
font-size: 48rpx;
|
|
|
font-family: 'PingFangSC-medium';
|
|
|
line-height: 48rpx;
|
|
|
}
|
|
|
- .headline{
|
|
|
+
|
|
|
+ .headline {
|
|
|
margin-top: 12rpx;
|
|
|
line-height: 48rpx;
|
|
|
color: rgba(119, 119, 119, 1);
|
|
|
margin-bottom: 60rpx;
|
|
|
}
|
|
|
- .card{
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- padding: 32rpx;
|
|
|
- border-radius: 12px;
|
|
|
- margin-bottom: 40rpx;
|
|
|
- background-color: rgba(245, 250, 255, 1);
|
|
|
- .icon{
|
|
|
- width: 136rpx;
|
|
|
- height: 136rpx;
|
|
|
- img{
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
+
|
|
|
+ .card {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 32rpx;
|
|
|
+ border-radius: 12px;
|
|
|
+ margin-bottom: 40rpx;
|
|
|
+ background-color: rgba(245, 250, 255, 1);
|
|
|
+
|
|
|
+ .icon {
|
|
|
+ width: 136rpx;
|
|
|
+ height: 136rpx;
|
|
|
+
|
|
|
+ img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
- .card-title{
|
|
|
- margin-left: 40rpx;
|
|
|
- .title1{
|
|
|
- color: rgba(16, 16, 16, 1);
|
|
|
- font-size: 36rpx;
|
|
|
- font-family: 'PingFangSC-medium';
|
|
|
+
|
|
|
+ .card-title {
|
|
|
+ margin-left: 40rpx;
|
|
|
+
|
|
|
+ .title1 {
|
|
|
+ color: rgba(16, 16, 16, 1);
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-family: 'PingFangSC-medium';
|
|
|
+ }
|
|
|
+
|
|
|
+ .title2 {
|
|
|
+ color: rgba(119, 119, 119, 1);
|
|
|
+ margin-top: 8rpx;
|
|
|
+ }
|
|
|
}
|
|
|
- .title2{
|
|
|
- color: rgba(119, 119, 119, 1);
|
|
|
- margin-top: 8rpx;
|
|
|
+
|
|
|
+ .right {
|
|
|
+ margin-left: auto;
|
|
|
}
|
|
|
}
|
|
|
- .right{
|
|
|
- margin-left: auto;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
|
|
|
-</style>
|
|
|
+ }
|
|
|
+</style>
|
wkyy