baocun1

jydocs-mobile/src/api/index.ts

@@ -3,7 +3,6 @@ import mock from '@/api/mock'
 
 let $request = request
 if (process.env.NODE_ENV === 'development' && process.env.VUE_APP_MOCK === 'true') {
-  // @ts-ignore
   $request = mock
 }
 

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

@@ -2,8 +2,8 @@
     <div class="details-p">
         <div class="tops">
             <h3>
-                <van-icon class="s20" name="diy-word" />
-                优化招投标市场营商环境与国企采购人主体责任、采购与招标培训资料
+                <van-icon class="word01" name="diy-word" />
+                优化招投标市场营商环境与国企采购人主体责任、采购与招标
             </h3>
         </div>
         <div class="middles">
@@ -47,29 +47,30 @@ export default class extends Vue {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
+@include diy-icon('word', 24, 24);
+@include diy-icon('jubao', 20, 20);
+@include diy-icon('weiguanzhu', 20, 20);
+@include diy-icon('guanzhu', 20, 20);
 .details-p {
-    @include diy-icon('word', 22, 22);
-    // @include diy-icon('jubao', 20, 20);
-    // @include diy-icon('weishoucang', 20, 20);
-    // @include diy-icon('shoucang', 20, 20);
-    .van-icon-diy-word.s20 {
-        width: 24px;
-        height: 24px;
-    }
-    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
     .tops {
+        display: flex;
         background: #fff;
         padding: 24px 16px;
         h3 {
             display: flex;
-            align-items: center;
+            flex-direction: initial;
             color: #171826;
             font-weight: 500;
             font-size: 20px;
             line-height: 30px;
-            i {
-                margin-right: 8px;
+            .word01 {
+                display: table;
+                width: 24px;
+                height: 24px;
+                margin-right: 6px;
             }
         }
     }
@@ -150,11 +151,13 @@ export default class extends Vue {
             width: 165px;
             height: 40px;
         }
-        .van-button--default {
+        ::v-deep .van-button--default {
             background-color: #2ABED1;
-            .van-button__text {
-                color: #fff;
-                font-size: 16px;
+            .van-button__content {
+                .van-button__text {
+                    color: #fff;
+                    font-size: 16px;
+                }
             }
         }
     }