1

app/mobile/view/download/index.html

@@ -1,6 +1,18 @@
 {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
@@ -12,11 +24,19 @@
         <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')"></van-cell>
-    <van-cell title="2.社会保险知识问答" @click="toUrl('2.doc')"></van-cell>
-    <van-cell title="3.泉州市城乡居民基本医保待遇政策" @click="toUrl('3.docx')"></van-cell>
-    <van-cell title="4.晋江市基层计生协会业务工作培训材料" @click="toUrl('4.doc')"></van-cell>
+    <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"}
@@ -25,6 +45,10 @@
         let base = {};
 
         base.toUrl = (url) => {
+            location.href = "/static/mobile/download/" + url;
+        };
+
+        base.download = (url) => {
             location.href = "{:url('down')}?file_url=" + url;
         };