|
|
@@ -1,8 +1,71 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
- 发布
|
|
|
+ <u-navbar back-text="发布" back-icon-size="28" back-icon-color="#ffffff"
|
|
|
+ :background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
|
|
|
<tabbar ref="mytabbar"
|
|
|
:current="2"></tabbar>
|
|
|
+ <view class="main">
|
|
|
+ <view class="title">
|
|
|
+ 选择您要发布的信息
|
|
|
+ </view>
|
|
|
+ <view class="headline">
|
|
|
+ 您好，欢迎来到荆开零工驿站
|
|
|
+ </view>
|
|
|
+ <view class="card">
|
|
|
+ <view class="icon">
|
|
|
+ <img src="../../assets/img/issue1@1x.png" alt="">
|
|
|
+ </view>
|
|
|
+ <view class="card-title">
|
|
|
+ <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="icon">
|
|
|
+ <img src="../../assets/img/issue2@1x.png" alt="">
|
|
|
+ </view>
|
|
|
+ <view class="card-title">
|
|
|
+ <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="icon">
|
|
|
+ <img src="../../assets/img/issue3@1x.png" alt="">
|
|
|
+ </view>
|
|
|
+ <view class="card-title">
|
|
|
+ <view class="title1">
|
|
|
+ 共享用工
|
|
|
+ </view>
|
|
|
+ <view class="title2">
|
|
|
+ 发布共享公共信息
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="right">
|
|
|
+ <u-icon name="arrow-right" color="#D6D6D6"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -22,7 +85,58 @@
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
-
|
|
|
<style>
|
|
|
+ page{
|
|
|
+ padding-bottom: 100px;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<style scoped lang="scss">
|
|
|
+ .main{
|
|
|
+ padding:96rpx 32rpx;
|
|
|
+ .title{
|
|
|
+ color: rgba(16, 16, 16, 1);
|
|
|
+ font-size: 48rpx;
|
|
|
+ font-family: 'PingFangSC-medium';
|
|
|
+ line-height: 48rpx;
|
|
|
+ }
|
|
|
+ .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-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;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .right{
|
|
|
+ margin-left: auto;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
|
|
|
</style>
|
