<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>