{extend name="public/base"/}
{block name="css"}
<style>
    .van-doc-demo-block:first-of-type .van-doc-demo-block__title {
        padding-top: 20px;
    }
    .van-doc-demo-block__title {
        margin: 0;
        padding: 32px 16px 16px;
        color: #969799;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
    }
</style>
{/block}
{block name="body"}
<van-nav-bar
        class="nav-theme"
        :fixed="true"
        :placeholder="true"
>
    <template #title>
        <span class="text-white">文件下载</span>
    </template>
</van-nav-bar>
<h2 class="van-doc-demo-block__title">在线预览</h2>
<van-cell-group>
    <van-cell title="1.晋江市党建引领基层网格管理工作文件汇编" @click="toUrl('1.pdf')" size="large"></van-cell>
    <van-cell title="2.社会保险知识问答" @click="toUrl('2.doc')" size="large"></van-cell>
    <van-cell title="3.泉州市城乡居民基本医保待遇政策" @click="toUrl('3.docx')" size="large"></van-cell>
    <van-cell title="4.晋江市基层计生协会业务工作培训材料" @click="toUrl('4.doc')" size="large"></van-cell>
</van-cell-group>
<h2 class="van-doc-demo-block__title">文件下载</h2>
<van-cell-group>
    <van-cell title="1.晋江市党建引领基层网格管理工作文件汇编" @click="download('1.pdf')" size="large"></van-cell>
    <van-cell title="2.社会保险知识问答" @click="download('2.doc')" size="large"></van-cell>
    <van-cell title="3.泉州市城乡居民基本医保待遇政策" @click="download('3.docx')" size="large"></van-cell>
    <van-cell title="4.晋江市基层计生协会业务工作培训材料" @click="download('4.doc')" size="large"></van-cell>
</van-cell-group>
{/block}
{block name="script"}
<script>
    function v_setup() {
        let base = {};

        base.toUrl = (url) => {
            location.href = "/static/mobile/download/" + url;
        };

        base.download = (url) => {
            location.href = "{:url('down')}?file_url=" + url;
        };

        return base;
    }
</script>
{/block}
{block name="vue"}
<script src="__COMPONENTS__/articleList.js"></script>
{/block}