lw_test/app/mobile/view/human/center.html

{extend name="public/base_human"/}
{block name="css"}
<style>

</style>
{/block}
{block name="body"}
<van-sticky>
    <van-nav-bar
            class="nav-theme"
            :fixed="true"
            :placeholder="true"
    >
        <template #title>
            <span class="text-white">服务中心</span>
        </template>
    </van-nav-bar>
</van-sticky>

<van-cell-group>
    <van-cell title="大会介绍" is-link url="{:url('human/describe')}"></van-cell>
    <van-cell title="活动指南" is-link url="{:url('human/guide')}"></van-cell>
    <van-cell title="晋江介绍" is-link url="{:url('human/jinjiang')}"></van-cell>
    <van-cell title="联系我们" is-link @click="showImage"></van-cell>
</van-cell-group>

<van-tabbar v-model="active">
    <van-tabbar-item icon="home-o" @click="toEnterprise">企业列表</van-tabbar-item>
    <van-tabbar-item icon="friends-o" @click="toInstitution">机构列表</van-tabbar-item>
    <van-tabbar-item icon="manager-o">服务中心</van-tabbar-item>
</van-tabbar>
{/block}
{block name="script"}
<script>
    function v_setup() {
        let base = {};

        base.active = Vue.ref(2);

        base.showImage = () => {
            vant.showImagePreview([
                '/static/mobile/images/wechat_qrcode.jpg'
            ]);
        };

        base.toInstitution = () => {
            location.href = "{:url('human/institutionList')}";
        };

        base.toEnterprise = () => {
            location.href = "{:url('human/enterpriseList')}";
        };

        return base;
    }
</script>
{/block}