flat: 新页面

pages/recruit/subPage/index.vue

@@ -0,0 +1,68 @@
+<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>