chore：底部加了标签栏

pages_tool/article/detail.vue

@@ -19,6 +19,11 @@
 
         <!-- 隐私弹窗 -->
         <privacy-popup ref="privacyPopup"></privacy-popup>
+
+        
+        <view class="page-bottom" v-if="openBottomNav">
+            <diy-bottom-nav @callback="callback" :name="name" />
+        </view>
     </view>
 </template>
 
@@ -29,7 +34,9 @@
         return {
             articleId: 0,
             detail: {},
-				content: ''
+            content: '',
+            openBottomNav: true, 
+            name: 'article'     
         };
     },
     onLoad(options) {
@@ -83,6 +90,8 @@
                 link: shareUrl,
                 imgUrl: this.siteInfo ? this.$util.img(this.siteInfo.logo_square) : ''
             });
+        },
+        callback(data) {
         }
     },
     onShareAppMessage(res) {
@@ -153,4 +162,11 @@
         font-size: 24rpx;
     }
 }
+.page-bottom {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    z-index: 999;
+}
 </style>

pages_tool/article/list.vue

@@ -1,13 +1,25 @@
 <template>
     <view :style="themeColor">
+        <!-- 主内容区域 -->
+        <view
+            class="page-img"
+            :style="{
+                backgroundColor: bgColor,
+                minHeight: openBottomNav ? 'calc(100vh - 55px)' : '100vh'
+            }"
+        >
             <mescroll-uni @getData="getData" ref="mescroll">
                 <block slot="list">
                     <view class="article-wrap" v-if="list.length">
                         <ns-adv keyword="NS_ARTICLE" class-name="adv-wrap"></ns-adv>
                         <view class="item" v-for="(item, index) in list" :key="index" @click="toDetail(item)">
                             <view class="article-img">
-							<image class="cover-img" :src="$util.img(item.cover_img)" mode="widthFix"
-								@error="imgError(index)" />
+                                <image
+                                    class="cover-img"
+                                    :src="$util.img(item.cover_img)"
+                                    mode="widthFix"
+                                    @error="imgError(index)"
+                                />
                             </view>
                             <view class="info-wrap">
                                 <text class="title">{{ item.article_title }}</text>
@@ -21,7 +33,9 @@
                             </view>
                         </view>
                     </view>
-				<view v-else class="empty-wrap"><ns-empty text="暂无文章" :isIndex="false"></ns-empty></view>
+                    <view v-else class="empty-wrap">
+                        <ns-empty text="暂无文章" :isIndex="false"></ns-empty>
+                    </view>
                     <loading-cover ref="loadingCover"></loading-cover>
                 </block>
             </mescroll-uni>
@@ -29,13 +43,21 @@
             <!-- 隐私弹窗 -->
             <privacy-popup ref="privacyPopup"></privacy-popup>
         </view>
+        <view class="page-bottom" v-if="openBottomNav">
+            <diy-bottom-nav @callback="callback" :name="name" />
+        </view>
+    </view>
 </template>
 
 <script>
 export default {
     data() {
         return {
-			list: []
+            list: [],
+            
+            openBottomNav: true, 
+            name: 'article',     
+            bgColor: '#ffffff' 
         };
     },
     onShow() {
@@ -60,9 +82,8 @@ export default {
                         });
                     }
                     mescroll.endSuccess(newArr.length);
-					//设置列表数据
-					if (mescroll.num == 1) this.list = []; //如果是第一页需手动制空列表
-					this.list = this.list.concat(newArr); //追加新数据
+                    if (mescroll.num == 1) this.list = [];
+                    this.list = this.list.concat(newArr);
                     if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
                 },
                 fail: res => {
@@ -79,7 +100,6 @@ export default {
         imgError(index) {
             if (this.list[index]) this.list[index].cover_img = this.$util.getDefaultImage().article;
         },
-		// 设置公众号分享
         setPublicShare() {
             let shareUrl = this.$config.h5Domain + '/pages_tool/article/list';
             this.$util.setPublicShare({
@@ -88,6 +108,8 @@ export default {
                 link: shareUrl,
                 imgUrl: this.siteInfo ? this.$util.img(this.siteInfo.logo_square) : ''
             });
+        },
+        callback(data) {
         }
     },
     onShareAppMessage(res) {
@@ -100,7 +122,6 @@ export default {
             fail: res => {}
         };
     },
-	//分享到朋友圈
     onShareTimeline() {
         var title = '文章列表';
         var query = '/pages_tool/article/list';
@@ -212,4 +233,11 @@ export default {
         }
     }
 }
+.page-bottom {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    z-index: 999;
+}
 </style>