68 lines
1.9 KiB
Vue
68 lines
1.9 KiB
Vue
<template>
|
|
<view >
|
|
<CustomNavbar @back="back" :titke="'招工列表'"></CustomNavbar>
|
|
<view class="guide">
|
|
<view class="guide_content" v-for="(item, index) in arr" :key="index">
|
|
<view class="guide_item"> {{item.text}}</view>
|
|
<view class="guide_arrow" v-if="index !== arr.length - 1">》</view>
|
|
</view>
|
|
</view>
|
|
<empty content="暂无数据" mr-top="200"></empty>
|
|
<CustomTabbar :currentpage="0"></CustomTabbar>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import CustomNavbar from '@/components/CustomNavbar/navbar.vue'
|
|
import CustomTabbar from '@/components/CustomTabbar/custom_tabbar.vue'
|
|
let arr = [
|
|
{text: '在线填写招工需求'},
|
|
{text: '后台审核沟通发布'},
|
|
{text: '平台/大屏展示招工任务'},
|
|
]
|
|
export default {
|
|
components: {CustomTabbar, CustomNavbar},
|
|
data() {
|
|
return {
|
|
arr,
|
|
dataSource: []
|
|
}
|
|
},
|
|
methods: {
|
|
back() {
|
|
uni.reLaunch({
|
|
url: '/pages/my/my'
|
|
})
|
|
}
|
|
}
|
|
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.guide{
|
|
padding: 20rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: 200rpx;
|
|
color: #FFFFFF;
|
|
font-size: 28rpx;
|
|
background-color: #4071f8;
|
|
.guide_content{
|
|
display: flex;
|
|
align-items: center;
|
|
.guide_item{
|
|
width: 160rpx;
|
|
text-align: center;
|
|
background-color: rgba(76, 120, 249, 1);
|
|
border-radius: 10rpx;
|
|
padding: 10rpx;
|
|
}
|
|
.guide_arrow{
|
|
margin-left: 40rpx;
|
|
}
|
|
}
|
|
|
|
}
|
|
</style> |