提交代码

jydocs-mobile/src/views/details/details.vue

@@ -1,15 +1,15 @@
 <template>
     <div class="details-p">
-        <div class="tops">
+        <div class="de-tops">
           <div class="word">
-            <i class="word01" :class="'van-icon van-icon-diy-' + fileType(detailData.docFileType)"></i>
+            <i class="word-imgs" :class="'van-icon van-icon-diy-' + fileType(detailData.docFileType)"></i>
           </div>
-          {{detailData.docName}}
+          <span>{{detailData.docName}}</span>
         </div>
         <div class="middles">
             <h3>摘要</h3>
             <p>{{detailData.docSummary}}</p>
-            <div class="continue" v-show="buyed == 0">全文共{{detailData.docPageSize}}页，<span @click="continued">阅读全文<van-icon name="arrow-down" size="18" /></span></div>
+            <div class="continue" v-show="buyed == 0">全文共{{detailData.docPageSize}}页，<span @click="uploaded">阅读全文<van-icon name="arrow-down" size="18" /></span></div>
         </div>
         <van-sticky :offset-top="Offset" @scroll="stickyScroll" v-show="buyed == 1">
           <div class="head-tip" :class="{'is-fixed':fixed}">
@@ -248,10 +248,6 @@ export default class extends Vue {
     }, 1000)
   }
 
-  continued () {
-    this.uploaded()
-  }
-
   uploaded () {
     if (this.buyed === 1) {
       this.getDown({ docId: this.docIds }).then((res: any) => {
@@ -300,7 +296,7 @@ export default class extends Vue {
     overflow: scroll;
     padding-bottom: 80px;
     box-sizing: border-box;
-    .tops {
+    .de-tops {
         display: flex;
         flex-direction: initial;
         height: auto;
@@ -313,12 +309,13 @@ export default class extends Vue {
         line-height: 30px;
         .word {
           display: flex;
-        }
-        .word01 {
-          display: flex;
-          width: 24px;
           height: 24px;
           margin-right: 8px;
+          .word-imgs {
+            display: flex;
+            width: 24px;
+            height: 24px;
+          }
         }
     }
     .middles {