odd_job/public/static/mobile/js/components/recruitList.js

app.component('recruit-list', {
    template: `
    <div class="recruit-list">
        <div class="recruit-item" v-for="item in list" @click="toDetail(item.id)">
            <div class="title">
                <div class="title-name">{{item.title}}</div>
                <div class="salary">
                    <van-image
                            width="20px"
                            src="/static/mobile/images/icon_salary.png"
                    ></van-image>
                    <span>{{item.salary}}</span>
                </div>
            </div>
            <div class="content">
                <div class="content-item">
                    <van-image
                            width="15px"
                            src="/static/mobile/images/icon_age.png"
                    ></van-image>
                    <span>{{item.agegroup}}</span>
                </div>
                <div class="content-item">
                    <van-image
                            width="15px"
                            src="/static/mobile/images/icon_num.png"
                    ></van-image>
                    <span>{{item.num}}</span>
                </div>
            </div>
            <div class="tags">
                <van-tag type="primary" size="large" v-for="tag in item.tags">{{tag}}</van-tag>
            </div>
            <div class="bottom">
                <div class="company-name">
                    {{item.company_name}}
                </div>
                <div class="volume">
                    <van-image
                            width="20px"
                            src="/static/mobile/images/icon_volume.png"
                    ></van-image>
                    <span>{{item.volume}}</span>
                </div>
            </div>
        </div>
    </div>
    `,
    data() {
        return {}
    },
    props: {
        list: {
            type: Array,
            default: [],
        },
    },
    methods: {
        toDetail(id) {
            this.$emit('detail',id);
        },
    },
});