diff --git a/config/index.js b/config/index.js
index 2f902da..2c3726b 100644
--- a/config/index.js
+++ b/config/index.js
@@ -1,30 +1,50 @@
 // 应用设置存储key值
 export const _AppConfigKey = 'APP_GLOBAL_CONFIGS';
+export const _AppMockJsonKey = 'APP_GLOBAL_MOCK_JSON';
 
 // 默认的应用设置
 export const DefaultAppConfigs = {
-	loveConfig: {},
-	imagesConfig: {},
-	authorConfig: {},
-	appConfig: {},
-	pluginConfig: {},
-	pageConfig:{}
+    loveConfig: {},
+    imagesConfig: {},
+    authorConfig: {},
+    appConfig: {},
+    pluginConfig: {},
+    pageConfig: {}
 }
 
 /**
  * 获取应用设置
  */
 export const getAppConfigs = () => {
-	let configs = uni.getStorageSync(_AppConfigKey)
-	if (configs) return JSON.parse(configs)
+    let configs = uni.getStorageSync(_AppConfigKey)
+    if (configs) return JSON.parse(configs)
 
-	uni.setStorageSync(_AppConfigKey, JSON.stringify(DefaultAppConfigs))
-	return DefaultAppConfigs;
+    uni.setStorageSync(_AppConfigKey, JSON.stringify(DefaultAppConfigs))
+    return DefaultAppConfigs;
 }
 
 /**
  * 保存应用设置
  */
 export const setAppConfigs = (configs) => {
-	uni.setStorageSync(_AppConfigKey, JSON.stringify(configs))
+    uni.setStorageSync(_AppConfigKey, JSON.stringify(configs))
+}
+
+
+/**
+ * 获取应用模拟数据
+ */
+export const getAppMockJson = () => {
+    let json = uni.getStorageSync(_AppMockJsonKey)
+    if (json) return JSON.parse(json)
+
+    uni.setStorageSync(_AppMockJsonKey, JSON.stringify({}))
+    return {};
+}
+
+/**
+ * 保存应用模拟数据
+ */
+export const setAppMockJson = (json) => {
+    uni.setStorageSync(_AppMockJsonKey, JSON.stringify(json))
 }
diff --git a/pages/index/index.vue b/pages/index/index.vue
index e174190..a7bc6c0 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -29,6 +29,11 @@
 				// #ifdef MP-WEIXIN
 				// uni.$tm.vx.commit('setWxShare', res.shareConfig);
 				// #endif
+				
+				// 获取mockjson
+				await uni.$tm.vx.actions('config/fetchMockJson')
+				
+				// 进入检查
 				this.fnCheckShowStarted();
 			}).catch((err) => {
 				uni.switchTab({
diff --git a/pages/tabbar/about/about.vue b/pages/tabbar/about/about.vue
index 155abf4..28844bb 100644
--- a/pages/tabbar/about/about.vue
+++ b/pages/tabbar/about/about.vue
@@ -190,7 +190,8 @@
 						path: '/pagesA/archives/archives',
 						isAdmin: false,
 						type: 'page',
-						show: !this.haloConfigs.basicConfig.auditModeEnabled
+						// show: !this.haloConfigs.basicConfig.auditModeEnabled
+						show: true
 					}, {
 						key: 'love',
 						title: '恋爱日记',
@@ -610,4 +611,4 @@
 			transform: initial;
 		}
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/tabbar/category/category.vue b/pages/tabbar/category/category.vue
index 1e09772..bc99fef 100644
--- a/pages/tabbar/category/category.vue
+++ b/pages/tabbar/category/category.vue
@@ -1,235 +1,258 @@
 <template>
-	<view class="app-page">
-		<view class="auditModeEnabled" v-if="haloConfigs.basicConfig.auditModeEnabled">
-			<view>你好呀，很开心认识你！</view>
-			<view style="margin-top: 36rpx;">
-				{{haloConfigs.appConfig.appInfo.name}}
-			</view>
-		</view>
-		<block v-else>
-			<view v-if="loading != 'success'" class="loading-wrap">
-				<tm-skeleton model="listAvatr"></tm-skeleton>
-				<tm-skeleton model="listAvatr"></tm-skeleton>
-				<tm-skeleton model="listAvatr"></tm-skeleton>
-			</view>
-			<!-- 内容区域 -->
-			<view v-else class="app-page-content">
-				<view v-if="dataList.length == 0" class="content-empty flex flex-center" style="height: 70vh;">
-					<!-- 空布局 -->
-					<tm-empty icon="icon-shiliangzhinengduixiang-" label="暂无数据"></tm-empty>
-				</view>
-				<block v-else>
-					<tm-translate v-for="(item, index) in dataList" :key="index"
-						style="box-sizing: border-box;width: 50%;padding: 0 8rpx;" animation-name="fadeUp"
-						:wait="calcAniWait(index)">
-						<view class="catgory-card" :style="{backgroundImage:`url(${item.spec.cover})`}">
-							<view class="content" @click="handleToCategory(item)">
-								<view style="font-size: 32rpx;color: #ffffff;">{{ item.spec.displayName }}</view>
-								<view style="font-size: 24rpx;color: #ffffff;margin-top: 6rpx;">共
-									{{ item.postCount }} 篇文章
-								</view>
-							</view>
-						</view>
-					</tm-translate>
-					<tm-flotbutton @click="fnToTopPage" size="m" color="light-blue"
-						icon="icon-angle-up"></tm-flotbutton>
-					<view class="load-text">{{ loadMoreText }}</view>
-				</block>
-			</view>
-		</block>
-	</view>
+    <view class="app-page">
+
+        <view v-if="loading !== 'success'" class="loading-wrap">
+            <tm-skeleton model="listAvatr"></tm-skeleton>
+            <tm-skeleton model="listAvatr"></tm-skeleton>
+            <tm-skeleton model="listAvatr"></tm-skeleton>
+        </view>
+        <!-- 内容区域 -->
+        <view v-else class="app-page-content">
+            <view v-if="dataList.length === 0" class="content-empty flex flex-center" style="height: 70vh;">
+                <!-- 空布局 -->
+                <tm-empty icon="icon-shiliangzhinengduixiang-" label="暂无数据"></tm-empty>
+            </view>
+            <block v-else>
+                <tm-translate v-for="(item, index) in dataList" :key="index"
+                              style="box-sizing: border-box;width: 50%;padding: 0 8rpx;" animation-name="fadeUp"
+                              :wait="calcAniWait(index)">
+                    <view class="catgory-card" :style="{backgroundImage:`url(${item.spec.cover})`}">
+                        <view class="content" @click="handleToCategory(item)">
+                            <view style="font-size: 32rpx;color: #ffffff;">{{ item.spec.displayName }}</view>
+                            <view v-if="!haloConfigs.basicConfig.auditModeEnabled" style="font-size: 24rpx;color: #ffffff;margin-top: 6rpx;">
+                                共 {{ item.postCount }} 篇文章
+                            </view>
+                            <view v-else style="font-size: 24rpx;color: #ffffff;margin-top: 6rpx;">
+                                共 {{ item.postCount }} 篇内容
+                            </view>
+                        </view>
+                    </view>
+                </tm-translate>
+                <tm-flotbutton @click="fnToTopPage" size="m" color="light-blue"
+                               icon="icon-angle-up"></tm-flotbutton>
+                <view class="load-text">{{ loadMoreText }}</view>
+            </block>
+        </view>
+
+    </view>
 </template>
 
 <script>
-	import tmSkeleton from '@/tm-vuetify/components/tm-skeleton/tm-skeleton.vue';
-	import tmFlotbutton from '@/tm-vuetify/components/tm-flotbutton/tm-flotbutton.vue';
-	import tmTranslate from '@/tm-vuetify/components/tm-translate/tm-translate.vue';
-	import tmEmpty from '@/tm-vuetify/components/tm-empty/tm-empty.vue';
+import tmSkeleton from '@/tm-vuetify/components/tm-skeleton/tm-skeleton.vue';
+import tmFlotbutton from '@/tm-vuetify/components/tm-flotbutton/tm-flotbutton.vue';
+import tmTranslate from '@/tm-vuetify/components/tm-translate/tm-translate.vue';
+import tmEmpty from '@/tm-vuetify/components/tm-empty/tm-empty.vue';
 
-	import MarkdownConfig from '@/common/markdown/markdown.config.js';
-	import mpHtml from '@/components/mp-html/components/mp-html/mp-html.vue';
+import MarkdownConfig from '@/common/markdown/markdown.config.js';
+import mpHtml from '@/components/mp-html/components/mp-html/mp-html.vue';
 
-	export default {
-		components: {
-			tmSkeleton,
-			tmFlotbutton,
-			tmTranslate,
-			tmEmpty,
-			mpHtml
-		},
-		data() {
-			return {
-				markdownConfig: MarkdownConfig,
-				loading: 'loading',
-				queryParams: {
-					size: 20,
-					page: 1
-				},
-				hasNext: false,
-				dataList: [],
-				isLoadMore: false,
-				loadMoreText: '加载中...'
-			};
-		},
-		computed: {
-			haloConfigs() {
-				return this.$tm.vx.getters().getConfigs;
-			},
-		},
-		onLoad() {
-			this.fnGetData();
-		},
-		onPullDownRefresh() {
-			this.isLoadMore = false;
-			this.queryParams.page = 0;
-			this.fnGetData();
-		},
+export default {
+    components: {
+        tmSkeleton,
+        tmFlotbutton,
+        tmTranslate,
+        tmEmpty,
+        mpHtml
+    },
+    data() {
+        return {
+            markdownConfig: MarkdownConfig,
+            loading: 'loading',
+            queryParams: {
+                size: 20,
+                page: 1
+            },
+            hasNext: false,
+            dataList: [],
+            isLoadMore: false,
+            loadMoreText: '加载中...'
+        };
+    },
+    computed: {
+        haloConfigs() {
+            return this.$tm.vx.getters().getConfigs;
+        },
+        mockJson() {
+            return this.$tm.vx.getters().getMockJson;
+        }
+    },
+    onLoad() {
+        this.fnGetData();
+    },
+    onPullDownRefresh() {
+        this.isLoadMore = false;
+        this.queryParams.page = 0;
+        this.fnGetData();
+    },
 
-		onReachBottom(e) {
-			if (this.hasNext) {
-				this.queryParams.page += 1;
-				this.isLoadMore = true;
-				this.fnGetData();
-			} else {
-				uni.showToast({
-					icon: 'none',
-					title: '没有更多数据了'
-				});
-			}
-		},
-		methods: {
-			fnGetData() {
-				if (this.haloConfigs.basicConfig.auditModeEnabled) {
-					uni.setNavigationBarTitle({
-						title: "你好，很高兴认识你！"
-					})
-					return;
-				}
-				uni.showLoading({
-					mask: true,
-					title: '加载中...'
-				});
-				// 设置状态为加载中
-				if (!this.isLoadMore) {
-					this.loading = 'loading';
-				}
-				this.loadMoreText = '加载中...';
-				this.$httpApi.v2
-					.getCategoryList(this.queryParams)
-					.then(res => {
-						console.log('请求结果：');
-						console.log(res);
+    onReachBottom(e) {
+        if (this.haloConfigs.basicConfig.auditModeEnabled) {
+            uni.showToast({
+                icon: 'none',
+                title: '没有更多数据了'
+            });
+            return
+        }
+        if (this.hasNext) {
+            this.queryParams.page += 1;
+            this.isLoadMore = true;
+            this.fnGetData();
+        } else {
+            uni.showToast({
+                icon: 'none',
+                title: '没有更多数据了'
+            });
+        }
+    },
+    methods: {
+        fnGetData() {
+            if (this.haloConfigs.basicConfig.auditModeEnabled) {
+                this.dataList = this.mockJson.category.list.map((item) => {
+                    return {
+                        metadata: {
+                            name: Date.now() * Math.random(),
+                        },
+                        spec: {
+                            displayName: item.title,
+                            cover: this.$utils.checkImageUrl(item.cover)
+                        },
+                        postCount: 0
+                    }
+                });
+                this.loading = 'success';
+                this.loadMoreText = '呜呜，没有更多数据啦~';
+                uni.hideLoading();
+                uni.stopPullDownRefresh();
+                return;
+            }
+            uni.showLoading({
+                mask: true,
+                title: '加载中...'
+            });
+            // 设置状态为加载中
+            if (!this.isLoadMore) {
+                this.loading = 'loading';
+            }
+            this.loadMoreText = '加载中...';
+            this.$httpApi.v2
+                .getCategoryList(this.queryParams)
+                .then(res => {
+                    console.log('请求结果：');
+                    console.log(res);
 
-						this.loading = 'success';
-						this.loadMoreText = res.hasNext ? '上拉加载更多' : '呜呜，没有更多数据啦~';
-						// 处理数据
-						this.hasNext = res.hasNext;
+                    this.loading = 'success';
+                    this.loadMoreText = res.hasNext ? '上拉加载更多' : '呜呜，没有更多数据啦~';
+                    // 处理数据
+                    this.hasNext = res.hasNext;
 
-						const tempItems = res.items.map(item => {
-							item.spec.cover = this.$utils.checkThumbnailUrl(item.spec.cover, true)
-							return item;
-						})
+                    const tempItems = res.items.map(item => {
+                        item.spec.cover = this.$utils.checkThumbnailUrl(item.spec.cover, true)
+                        return item;
+                    })
 
-						if (this.isLoadMore) {
-							this.dataList = this.dataList.concat(tempItems);
-						} else {
-							this.dataList = tempItems;
-						}
-					})
-					.catch(err => {
-						console.error(err);
-						this.loading = 'error';
-						this.loadMoreText = '加载失败，请下拉刷新！';
-					})
-					.finally(() => {
-						setTimeout(() => {
-							uni.hideLoading();
-							uni.stopPullDownRefresh();
-						}, 500);
-					});
-			},
-			handlePreview(index, list) {
-				uni.previewImage({
-					current: index,
-					urls: list.map(item => item.url)
-				})
-			},
-			handleToCategory(data) {
-				uni.navigateTo({
-					url: `/pagesA/category-detail/category-detail?name=${data.metadata.name}&title=${data.spec.displayName}`
-				})
-			}
-		}
-	};
+                    if (this.isLoadMore) {
+                        this.dataList = this.dataList.concat(tempItems);
+                    } else {
+                        this.dataList = tempItems;
+                    }
+                })
+                .catch(err => {
+                    console.error(err);
+                    this.loading = 'error';
+                    this.loadMoreText = '加载失败，请下拉刷新！';
+                })
+                .finally(() => {
+                    setTimeout(() => {
+                        uni.hideLoading();
+                        uni.stopPullDownRefresh();
+                    }, 500);
+                });
+        },
+        handlePreview(index, list) {
+            uni.previewImage({
+                current: index,
+                urls: list.map(item => item.url)
+            })
+        },
+        handleToCategory(data) {
+            if (this.haloConfigs.basicConfig.auditModeEnabled) {
+                return;
+            }
+            uni.navigateTo({
+                url: `/pagesA/category-detail/category-detail?name=${data.metadata.name}&title=${data.spec.displayName}`
+            })
+        }
+    }
+};
 </script>
 
 <style lang="scss" scoped>
-	.app-page {
-		width: 100vw;
-		display: flex;
-		flex-direction: column;
-		padding: 24rpx 0;
-	}
+.app-page {
+    width: 100vw;
+    display: flex;
+    flex-direction: column;
+    padding: 24rpx 0;
+}
 
-	.auditModeEnabled {
-		width: 100%;
-		height: 80vh;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
+.auditModeEnabled {
+    width: 100%;
+    height: 80vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
 
-	.loading-wrap {
-		padding: 24rpx;
-	}
+.loading-wrap {
+    padding: 24rpx;
+}
 
-	.app-page-content {
-		display: flex;
-		flex-wrap: wrap;
-		padding: 0 12rpx;
-		gap: 20rpx 0;
-	}
+.app-page-content {
+    display: flex;
+    flex-wrap: wrap;
+    padding: 0 12rpx;
+    gap: 20rpx 0;
+}
 
-	.catgory-card {
-		width: 100%;
-		height: 200rpx;
-		position: relative;
-		display: flex;
-		flex-direction: column;
-		box-sizing: border-box;
-		border-radius: 12rpx;
-		background-color: #ffff;
-		box-shadow: 0rpx 2rpx 24rpx rgba(0, 0, 0, 0.03);
-		overflow: hidden;
-		background-repeat: no-repeat;
-		background-size: cover;
+.catgory-card {
+    width: 100%;
+    height: 200rpx;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    border-radius: 12rpx;
+    background-color: #ffff;
+    box-shadow: 0rpx 2rpx 24rpx rgba(0, 0, 0, 0.03);
+    overflow: hidden;
+    background-repeat: no-repeat;
+    background-size: cover;
 
-		&:before {
-			content: '';
-			position: absolute;
-			left: 0;
-			top: 0;
-			right: 0;
-			bottom: 0;
-			background-color: rgba(0, 0, 0, 0.15);
-			z-index: 1;
-		}
-	}
+    &:before {
+        content: '';
+        position: absolute;
+        left: 0;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        background-color: rgba(0, 0, 0, 0.15);
+        z-index: 1;
+    }
+}
 
-	.content {
-		width: 100%;
-		height: 100%;
-		position: relative;
-		z-index: 2;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
+.content {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    z-index: 2;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
 
-	.load-text {
-		width: 100%;
-		text-align: center;
-	}
-</style>
\ No newline at end of file
+.load-text {
+    width: 100%;
+    text-align: center;
+}
+</style>
diff --git a/pages/tabbar/gallery/gallery.vue b/pages/tabbar/gallery/gallery.vue
index 4c056b6..0a63398 100644
--- a/pages/tabbar/gallery/gallery.vue
+++ b/pages/tabbar/gallery/gallery.vue
@@ -94,6 +94,12 @@ export default {
     computed: {
         galleryConfig() {
             return this.$tm.vx.getters().getConfigs.pageConfig.galleryConfig;
+        },
+        haloConfigs() {
+            return this.$tm.vx.getters().getConfigs;
+        },
+        mockJson() {
+            return this.$tm.vx.getters().getMockJson;
         }
     },
     watch: {
@@ -114,6 +120,13 @@ export default {
         this.fnGetData(true);
     },
     onReachBottom(e) {
+        if (this.haloConfigs.basicConfig.auditModeEnabled) {
+            uni.showToast({
+                icon: 'none',
+                title: '没有更多数据了'
+            });
+            return;
+        }
         if (this.hasNext) {
             this.queryParams.page += 1;
             this.isLoadMore = true;
@@ -130,11 +143,15 @@ export default {
             this.fnResetSetAniWaitIndex();
             this.queryParams.group = this.category.list[index].name;
             this.queryParams.page = 1;
-            this.fnToTopPage(); 
+            this.fnToTopPage();
             this.dataList = [];
-            this.fnGetData(true); 
+            this.fnGetData(true);
         },
         fnGetCategory() {
+            if (this.haloConfigs.basicConfig.auditModeEnabled) {
+                this.fnGetData(true);
+                return
+            }
             this.$httpApi.v2.getPhotoGroupList({
                 page: 1,
                 size: 0
@@ -151,7 +168,37 @@ export default {
                 }
             });
         },
-        fnGetData(isClearWallfull = false) {
+        fnGetData(isClearWaterfall = false) {
+            if (this.haloConfigs.basicConfig.auditModeEnabled) {
+                this.dataList = this.mockJson.gallery.list.map(item => {
+                    return {
+                        metadata: {
+                            name: Date.now() * Math.random(),
+                        },
+                        spec: {
+                            url: this.$utils.checkImageUrl(item)
+                        }
+                    }
+                })
+
+                this.loading = 'success';
+
+                if (this.galleryConfig.useWaterfall) {
+                    this.$nextTick(() => {
+                        if (isClearWaterfall) {
+                            this.$refs.wafll.clear()
+                        }
+                        setTimeout(() => {
+                            this.$refs.wafll.pushData(this.dataList)
+                        }, 50)
+                    })
+                }
+                this.loadMoreText = '呜呜，没有更多数据啦~';
+                uni.hideLoading();
+                uni.stopPullDownRefresh();
+                return;
+            }
+
             // 设置状态为加载中
             if (!this.isLoadMore) {
                 this.loading = 'loading';
@@ -174,9 +221,9 @@ export default {
                         }
                         if (this.galleryConfig.useWaterfall) {
                             this.$nextTick(() => {
-								if(isClearWallfull){
-									this.$refs.wafll.clear()
-								}
+                                if (isClearWaterfall) {
+                                    this.$refs.wafll.clear()
+                                }
                                 this.$refs.wafll.pushData(_list)
                             })
                         }
diff --git a/pages/tabbar/home/home.vue b/pages/tabbar/home/home.vue
index af5f954..0c8f353 100644
--- a/pages/tabbar/home/home.vue
+++ b/pages/tabbar/home/home.vue
@@ -1,464 +1,549 @@
 <template>
-	<view class="app-page">
-		<tm-menubars iconColor="white" color="white" :flat="true" :showback="false">
-			<view slot="left">
-				<image @click="fnOnLogoToPage" class="logo ml-24 round-24" :src="appInfo.logo" mode="scaleToFill" />
-			</view>
-			<view class="search-input round-12 pt-12 pb-12 flex pl-24" @click="fnToSearch">
-				<text class="search-input_icon iconfont text-size-m icon-search text-grey"></text>
-				<view class="search-input_text pl-12 text-size-m text-grey">搜索内容...</view>
-			</view>
-			<!-- #ifdef APP-PLUS || H5 -->
-			<view slot="right" class="mr-24 text-size-m text-grey text-overflow">{{ appInfo.name }}</view>
-			<!-- #endif -->
-		</tm-menubars>
-		<view v-if="loading !== 'success' && articleList.length===0" class="loading-wrap">
-			<tm-skeleton model="card"></tm-skeleton>
-			<tm-skeleton model="cardActions"></tm-skeleton>
-			<tm-skeleton model="list"></tm-skeleton>
-			<tm-skeleton model="listAvatr"></tm-skeleton>
-			<tm-skeleton model="listAvatr"></tm-skeleton>
-			<tm-skeleton model="listAvatr"></tm-skeleton>
-		</view>
-		<block v-else>
-			<view v-if="!haloConfigs.basicConfig.auditModeEnabled" class="bg-white pb-24">
-				<view class="banner bg-white ml-24 mr-24 mt-12 round-3" v-if="bannerList.length != 0">
-					<e-swiper :dotPosition="globalAppSettings.banner.dotPosition" :autoplay="true"
-						:useDot="globalAppSettings.banner.useDot" :list="bannerList"
-						@on-click="fnOnBannerClick"></e-swiper>
-				</view>
-			</view>
-			<!-- 精品分类 -->
-			<block v-if="haloConfigs.pageConfig.homeConfig.useCategory">
-				<view class="flex flex-between mt-16 mb-24 pl-24 pr-24">
-					<view class="page-item_title text-weight-b ">精品分类</view>
-					<view class="show-more flex flex-center bg-white round-3" @click="fnToCategoryPage">
-						<text class="iconfont icon-angle-right text-size-s text-grey-darken-1"></text>
-					</view>
-					<view v-if="false" class="flex flex-center text-size-s text-grey-darken-1"
-						@click="fnToCategoryPage">
-						<text class=" text-size-m">查看更多</text>
-						<text class="iconfont icon-angle-right  text-size-s "></text>
-					</view>
-				</view>
-				<scroll-view class="category" scroll-x="true">
-					<view v-if="categoryList.length == 0" class="cate-empty round-3 mr-5 flex flex-center text-grey">
-						还没有任何分类~
-					</view>
-					<block v-else>
-						<view class="content" v-for="(category, index) in categoryList" :key="category.metadata.name"
-							@click="fnToCategoryBy(category)">
-							<category-mini-card :category="category"></category-mini-card>
-						</view>
-					</block>
-				</scroll-view>
-			</block>
+    <view class="app-page">
+        <tm-menubars iconColor="white" color="white" :flat="true" :showback="false">
+            <view slot="left">
+                <image @click="fnOnLogoToPage" class="logo ml-24 round-24" :src="appInfo.logo" mode="scaleToFill"/>
+            </view>
+            <view class="search-input round-12 pt-12 pb-12 flex pl-24" @click="fnToSearch">
+                <text class="search-input_icon iconfont text-size-m icon-search text-grey"></text>
+                <view class="search-input_text pl-12 text-size-m text-grey">搜索内容...</view>
+            </view>
+            <!-- #ifdef APP-PLUS || H5 -->
+            <view slot="right" class="mr-24 text-size-m text-grey text-overflow">{{ appInfo.name }}</view>
+            <!-- #endif -->
+        </tm-menubars>
+        <view v-if="loading !== 'success' && articleList.length===0" class="loading-wrap">
+            <tm-skeleton model="card"></tm-skeleton>
+            <tm-skeleton model="cardActions"></tm-skeleton>
+            <tm-skeleton model="list"></tm-skeleton>
+            <tm-skeleton model="listAvatr"></tm-skeleton>
+            <tm-skeleton model="listAvatr"></tm-skeleton>
+            <tm-skeleton model="listAvatr"></tm-skeleton>
+        </view>
+        <block v-else>
+            <view class="bg-white pb-24">
+                <view class="banner bg-white ml-24 mr-24 mt-12 round-3" v-if="bannerList.length !== 0">
+                    <e-swiper :dotPosition="globalAppSettings.banner.dotPosition" :autoplay="true"
+                              :useDot="globalAppSettings.banner.useDot" :list="bannerList"
+                              @on-click="fnOnBannerClick"></e-swiper>
+                </view>
+            </view>
+            <!-- 精品分类 -->
+            <block v-if="calcIsShowCategory">
+                <view class="flex flex-between mt-16 mb-24 pl-24 pr-24">
+                    <view class="page-item_title text-weight-b ">精品分类</view>
+                    <view class="show-more flex flex-center bg-white round-3" @click="fnToCategoryPage">
+                        <text class="iconfont icon-angle-right text-size-s text-grey-darken-1"></text>
+                    </view>
+                    <view v-if="false" class="flex flex-center text-size-s text-grey-darken-1"
+                          @click="fnToCategoryPage">
+                        <text class=" text-size-m">查看更多</text>
+                        <text class="iconfont icon-angle-right  text-size-s "></text>
+                    </view>
+                </view>
+                <scroll-view class="category" scroll-x="true">
+                    <view v-if="categoryList.length === 0" class="cate-empty round-3 mr-5 flex flex-center text-grey">
+                        还没有任何分类~
+                    </view>
+                    <block v-else>
+                        <view class="content" v-for="(category, index) in categoryList" :key="category.metadata.name"
+                              @click="fnToCategoryBy(category)">
+                            <category-mini-card :category="category"></category-mini-card>
+                        </view>
+                    </block>
+                </scroll-view>
+            </block>
 
-			<!-- 最新文章 -->
-			<view v-if="!haloConfigs.basicConfig.auditModeEnabled" class="flex flex-between mt-24 mb-24 pl-24 pr-24">
-				<view class="page-item_title text-weight-b">最新列表</view>
-				<view class="show-more flex flex-center bg-white round-3" @click="fnToArticlesPage">
-					<text class="iconfont icon-angle-right text-size-s text-grey-darken-1"></text>
-				</view>
-				<view v-if="false" class="flex flex-center text-size-s text-grey-darken-1" @click="fnToArticlesPage">
-					<text class=" text-size-m ">查看更多</text>
-					<text class="iconfont icon-angle-right text-size-s "></text>
-				</view>
-			</view>
-			<view v-if="articleList.length == 0" class="article-empty">
-				<tm-empty icon="icon-shiliangzhinengduixiang-" label="博主还没有发表任何内容~"></tm-empty>
-			</view>
-			<block v-else>
-				<view :class="globalAppSettings.layout.home">
-					<tm-translate v-for="(article, index) in articleList" :key="index" class="ani-item"
-						animation-name="fadeUp" :wait="calcAniWait(index)">
-						<article-card from="home" :article="article" :post="article"
-							@on-click="fnToArticleDetail"></article-card>
-					</tm-translate>
-				</view>
-				<view class="load-text mt-12">{{ loadMoreText }}</view>
-				<tm-flotbutton v-if="articleList.length > 10" color="light-blue" @click="fnToTopPage" size="m"
-					icon="icon-angle-up"></tm-flotbutton>
-			</block>
-		</block>
-	</view>
+            <!-- 最新文章 -->
+            <view class="flex flex-between mt-24 mb-24 pl-24 pr-24">
+                <view class="page-item_title text-weight-b">最新列表</view>
+                <view class="show-more flex flex-center bg-white round-3" @click="fnToArticlesPage">
+                    <text class="iconfont icon-angle-right text-size-s text-grey-darken-1"></text>
+                </view>
+                <view v-if="false" class="flex flex-center text-size-s text-grey-darken-1" @click="fnToArticlesPage">
+                    <text class=" text-size-m ">查看更多</text>
+                    <text class="iconfont icon-angle-right text-size-s "></text>
+                </view>
+            </view>
+            <view v-if="articleList.length === 0" class="article-empty">
+                <tm-empty icon="icon-shiliangzhinengduixiang-" label="博主还没有发表任何内容~"></tm-empty>
+            </view>
+            <block v-else>
+                <view :class="globalAppSettings.layout.home">
+                    <tm-translate v-for="(article, index) in articleList" :key="index" class="ani-item"
+                                  animation-name="fadeUp" :wait="calcAniWait(index)">
+                        <article-card from="home" :article="article" :post="article"
+                                      @on-click="fnToArticleDetail"></article-card>
+                    </tm-translate>
+                </view>
+                <view class="load-text mt-12">{{ loadMoreText }}</view>
+                <tm-flotbutton v-if="articleList.length > 10" color="light-blue" @click="fnToTopPage" size="m"
+                               icon="icon-angle-up"></tm-flotbutton>
+            </block>
+        </block>
+    </view>
 </template>
 
 <script>
-	import tmMenubars from '@/tm-vuetify/components/tm-menubars/tm-menubars.vue';
-	import tmSkeleton from '@/tm-vuetify/components/tm-skeleton/tm-skeleton.vue';
-	import tmTranslate from '@/tm-vuetify/components/tm-translate/tm-translate.vue';
-	import tmFlotbutton from '@/tm-vuetify/components/tm-flotbutton/tm-flotbutton.vue';
-	import tmIcons from '@/tm-vuetify/components/tm-icons/tm-icons.vue';
-	import tmEmpty from '@/tm-vuetify/components/tm-empty/tm-empty.vue';
+import tmMenubars from '@/tm-vuetify/components/tm-menubars/tm-menubars.vue';
+import tmSkeleton from '@/tm-vuetify/components/tm-skeleton/tm-skeleton.vue';
+import tmTranslate from '@/tm-vuetify/components/tm-translate/tm-translate.vue';
+import tmFlotbutton from '@/tm-vuetify/components/tm-flotbutton/tm-flotbutton.vue';
+import tmIcons from '@/tm-vuetify/components/tm-icons/tm-icons.vue';
+import tmEmpty from '@/tm-vuetify/components/tm-empty/tm-empty.vue';
 
-	import eSwiper from '@/components/e-swiper/e-swiper.vue';
-	import qs from 'qs'
+import eSwiper from '@/components/e-swiper/e-swiper.vue';
+import qs from 'qs'
 
-	export default {
-		components: {
-			tmMenubars,
-			tmSkeleton,
-			tmTranslate,
-			tmFlotbutton,
-			tmIcons,
-			tmEmpty,
-			eSwiper
-		},
-		data() {
-			return {
-				loading: 'loading',
-				queryParams: {
-					size: 5,
-					page: 1,
-					sort: ['spec.pinned,desc', 'spec.publishTime,desc']
-				},
-				result: {},
-				isLoadMore: false,
-				loadMoreText: '加载中...',
-				bannerCurrent: 0,
-				bannerList: [],
-				noticeList: [],
-				articleList: [],
-				categoryList: [],
-			};
-		},
-		computed: {
-			haloConfigs() {
-				return this.$tm.vx.getters().getConfigs;
-			},
-			bloggerInfo() {
-				const blogger = this.$tm.vx.getters().getConfigs.authorConfig.blogger;
-				blogger.avatar = this.$utils.checkAvatarUrl(blogger.avatar, true);
-				return blogger;
-			},
-			appInfo() {
-				const appInfo = this.haloConfigs.appConfig.appInfo;
-				appInfo.logo = this.$utils.checkImageUrl(appInfo.logo)
-				return appInfo;
-			}
-		},
-		onLoad() {
-			this.fnSetPageTitle();
-		},
+export default {
+    components: {
+        tmMenubars,
+        tmSkeleton,
+        tmTranslate,
+        tmFlotbutton,
+        tmIcons,
+        tmEmpty,
+        eSwiper
+    },
+    data() {
+        return {
+            loading: 'loading',
+            queryParams: {
+                size: 5,
+                page: 1,
+                sort: ['spec.pinned,desc', 'spec.publishTime,desc']
+            },
+            result: {},
+            isLoadMore: false,
+            loadMoreText: '加载中...',
+            bannerCurrent: 0,
+            bannerList: [],
+            noticeList: [],
+            articleList: [],
+            categoryList: [],
+        };
+    },
+    computed: {
+        haloConfigs() {
+            return this.$tm.vx.getters().getConfigs;
+        },
+        bloggerInfo() {
+            const blogger = this.$tm.vx.getters().getConfigs.authorConfig.blogger;
+            blogger.avatar = this.$utils.checkAvatarUrl(blogger.avatar, true);
+            return blogger;
+        },
+        appInfo() {
+            const appInfo = this.haloConfigs.appConfig.appInfo;
+            appInfo.logo = this.$utils.checkImageUrl(appInfo.logo)
+            return appInfo;
+        },
+        mockJson() {
+            return this.$tm.vx.getters().getMockJson;
+        },
+        calcIsShowCategory() {
+            if (this.haloConfigs.basicConfig.auditModeEnabled && this.categoryList.length !== 0) {
+                return false
+            }
+            if (this.haloConfigs.basicConfig.auditModeEnabled) {
+                return false
+            }
+            return this.haloConfigs.pageConfig.homeConfig.useCategory
+        }
+    },
+    onLoad() {
+        this.fnSetPageTitle();
+    },
+    created() {
+        this.fnQuery();
+    },
+    onPullDownRefresh() {
+        this.isLoadMore = false;
+        this.queryParams.page = 1;
+        this.fnQuery();
+    },
+    onReachBottom(e) {
+        if (this.haloConfigs.basicConfig.auditModeEnabled) {
+            uni.showToast({
+                icon: 'none',
+                title: '没有更多数据了'
+            });
+            return
+        }
+        if (this.result.hasNext) {
+            this.queryParams.page += 1;
+            this.isLoadMore = true;
+            this.fnGetArticleList();
+        } else {
+            uni.showToast({
+                icon: 'none',
+                title: '没有更多数据了'
+            });
+        }
+    },
+    methods: {
+        fnQuery() {
+            console.log('this.mockJson', this.mockJson)
+            this.fnGetBanner();
+            this.fnGetArticleList();
+            this.fnGetCategoryList();
+        },
+        fnGetCategoryList() {
+            if (this.haloConfigs.basicConfig.auditModeEnabled) {
+                this.categoryList = this.mockJson.home.categoryList.map((item) => {
+                    return {
+                        metadata: {
+                            name: Date.now() * Math.random(),
+                        },
+                        spec: {
+                            displayName: item.title,
+                            cover: item.cover
+                        },
+                        postCount: 0
+                    }
+                });
+                return;
+            }
 
-		created() {
-			this.fnQuery();
-		},
-		onPullDownRefresh() {
-			this.isLoadMore = false;
-			this.queryParams.page = 1;
-			this.fnQuery();
-		},
-		onReachBottom(e) {
-			if (this.result.hasNext) {
-				this.queryParams.page += 1;
-				this.isLoadMore = true;
-				this.fnGetArticleList();
-			} else {
-				uni.showToast({
-					icon: 'none',
-					title: '没有更多数据了'
-				});
-			}
-		},
-		methods: {
-			fnQuery() {
-				this.fnGetBanner();
-				this.fnGetArticleList();
-				this.fnGetCategoryList();
-			},
+            if (!this.calcIsShowCategory) {
+                return;
+            }
 
-			fnGetCategoryList() {
-				if (!this.haloConfigs.pageConfig.homeConfig.useCategory) {
-					return;
-				}
-				this.$httpApi.v2
-					.getCategoryList({})
-					.then(res => {
-						this.categoryList = res.items.sort((a, b) => {
-							return b.postCount - a.postCount;
-						});
+            this.$httpApi.v2
+                .getCategoryList({})
+                .then(res => {
+                    this.categoryList = res.items.sort((a, b) => {
+                        return b.postCount - a.postCount;
+                    });
 
-						setTimeout(() => {
-							this.loading = 'success';
-						}, 500);
-					})
-					.catch(err => {
-						console.error(err);
-						this.loading = 'error';
-					})
-					.finally(() => {
-						setTimeout(() => {
-							uni.hideLoading();
-							uni.stopPullDownRefresh();
-						}, 500);
-					});
-			},
-			// 获取轮播图
-			fnGetBanner() {
-				if (this.haloConfigs.basicConfig.auditModeEnabled) {
-					return;
-				}
-				const _this = this;
-				const _format = function(list) {
-					return list.map((item, index) => {
-						return {
-							mp4: '',
-							id: item.metadata.name,
-							nickname: item.owner.displayName,
-							avatar: _this.$utils.checkAvatarUrl(item.owner.avatar),
-							address: '',
-							createTime: uni.$tm.dayjs(item.spec.publishTime).fromNow(),
-							title: item.spec.title,
-							src: _this.$utils.checkThumbnailUrl(item.spec.cover),
-							image: _this.$utils.checkThumbnailUrl(item.spec.cover)
-						};
-					});
-				};
+                    setTimeout(() => {
+                        this.loading = 'success';
+                    }, 500);
+                })
+                .catch(err => {
+                    console.error(err);
+                    this.loading = 'error';
+                })
+                .finally(() => {
+                    setTimeout(() => {
+                        uni.hideLoading();
+                        uni.stopPullDownRefresh();
+                    }, 500);
+                });
+        },
+        // 获取轮播图
+        fnGetBanner() {
+            if (this.haloConfigs.basicConfig.auditModeEnabled) {
+                this.bannerList = this.mockJson.home.bannerList.map((item) => {
+                    return {
+                        mp4: '',
+                        id: Date.now() * Math.random(),
+                        nickname: this.haloConfigs.authorConfig.blogger.nickname,
+                        avatar: this.$utils.checkAvatarUrl(this.haloConfigs.authorConfig.blogger.avatar),
+                        address: '',
+                        createTime: item.time,
+                        title: item.title,
+                        src: this.$utils.checkThumbnailUrl(item.cover),
+                        image: this.$utils.checkThumbnailUrl(item.cover)
+                    }
+                });
+                return;
+            }
+            const _this = this;
+            const _format = function (list) {
+                return list.map((item, index) => {
+                    return {
+                        mp4: '',
+                        id: item.metadata.name,
+                        nickname: item.owner.displayName,
+                        avatar: _this.$utils.checkAvatarUrl(item.owner.avatar),
+                        address: '',
+                        createTime: uni.$tm.dayjs(item.spec.publishTime).fromNow(),
+                        title: item.spec.title,
+                        src: _this.$utils.checkThumbnailUrl(item.spec.cover),
+                        image: _this.$utils.checkThumbnailUrl(item.spec.cover)
+                    };
+                });
+            };
 
-				const paramsStr = qs.stringify(this.queryParams, {
-					allowDots: true,
-					encodeValuesOnly: true,
-					skipNulls: true,
-					encode: true,
-					arrayFormat: 'repeat'
-				})
-				uni.request({
-					url: this.$baseApiUrl + '/apis/api.content.halo.run/v1alpha1/posts?' + paramsStr,
-					method: 'GET',
-					success: (res) => {
-						this.bannerList = _format(res.data.items);
-					},
-					fail: (err) => {}
-				})
+            const paramsStr = qs.stringify(this.queryParams, {
+                allowDots: true,
+                encodeValuesOnly: true,
+                skipNulls: true,
+                encode: true,
+                arrayFormat: 'repeat'
+            })
+            uni.request({
+                url: this.$baseApiUrl + '/apis/api.content.halo.run/v1alpha1/posts?' + paramsStr,
+                method: 'GET',
+                success: (res) => {
+                    this.bannerList = _format(res.data.items);
+                },
+                fail: (err) => {
+                }
+            })
 
-			},
-			fnOnBannerChange(e) {
-				this.bannerCurrent = e.current;
-			},
-			fnOnBannerClick(item) {
-				if (item.id == '') return;
-				this.fnToArticleDetail({
-					metadata: {
-						name: item.id
-					}
-				});
-			},
-			// 文章列表
-			fnGetArticleList() {
-				// 设置状态为加载中
-				if (!this.isLoadMore) {
-					this.loading = 'loading';
-				}
-				this.loadMoreText = '加载中...';
+        },
+        fnOnBannerChange(e) {
+            this.bannerCurrent = e.current;
+        },
+        fnOnBannerClick(item) {
+            if (this.haloConfigs.basicConfig.auditModeEnabled) {
+                return;
+            }
+            if (item.id === '') return;
+            this.fnToArticleDetail({
+                metadata: {
+                    name: item.id
+                }
+            });
+        },
+        // 文章列表
+        fnGetArticleList() {
+            if (this.haloConfigs.basicConfig.auditModeEnabled) {
+                this.articleList = this.mockJson.home.postList.map((item) => {
+                    return {
+                        metadata: {
+                            name: Date.now() * Math.random(),
+                        },
+                        spec: {
+                            pinned: false,
+                            cover: item.cover,
+                            title: item.title,
+                            publishTime: item.time
+                        },
+                        status: {
+                            excerpt: item.desc
+                        },
+                        stats: {
+                            visit: 0
+                        }
+                    }
+                });
+                this.loading = 'success';
+                this.loadMoreText = '呜呜，没有更多数据啦~';
+                uni.hideLoading();
+                uni.stopPullDownRefresh();
+                return;
+            }
+            // 设置状态为加载中
+            if (!this.isLoadMore) {
+                this.loading = 'loading';
+            }
+            this.loadMoreText = '加载中...';
 
-				const paramsStr = qs.stringify(this.queryParams, {
-					allowDots: true,
-					encodeValuesOnly: true,
-					skipNulls: true,
-					encode: true,
-					arrayFormat: 'repeat'
-				})
-				uni.request({
-					url: this.$baseApiUrl + '/apis/api.content.halo.run/v1alpha1/posts?' + paramsStr,
-					method: 'GET',
-					success: (res) => {
-						const data = res.data;
-						this.result.hasNext = data.hasNext;
-						if (this.isLoadMore) {
-							this.articleList = this.articleList.concat(data.items);
-						} else {
-							this.articleList = data.items;
-						}
-						this.loading = 'success';
-						this.loadMoreText = data.hasNext ? '上拉加载更多' : '呜呜，没有更多数据啦~';
-						uni.hideLoading();
-						uni.stopPullDownRefresh();
-					},
-					fail: (err) => {
-						this.loading = 'error';
-						this.loadMoreText = '加载失败，请下拉刷新！';
-						uni.$tm.toast(err.message || '数据加载失败！');
-						uni.stopPullDownRefresh();
-					}
-				})
-			},
+            const paramsStr = qs.stringify(this.queryParams, {
+                allowDots: true,
+                encodeValuesOnly: true,
+                skipNulls: true,
+                encode: true,
+                arrayFormat: 'repeat'
+            })
+            uni.request({
+                url: this.$baseApiUrl + '/apis/api.content.halo.run/v1alpha1/posts?' + paramsStr,
+                method: 'GET',
+                success: (res) => {
+                    const data = res.data;
+                    this.result.hasNext = data.hasNext;
+                    if (this.isLoadMore) {
+                        this.articleList = this.articleList.concat(data.items);
+                    } else {
+                        this.articleList = data.items;
+                    }
+                    this.loading = 'success';
+                    this.loadMoreText = data.hasNext ? '上拉加载更多' : '呜呜，没有更多数据啦~';
+                    uni.hideLoading();
+                    uni.stopPullDownRefresh();
+                },
+                fail: (err) => {
+                    this.loading = 'error';
+                    this.loadMoreText = '加载失败，请下拉刷新！';
+                    uni.$tm.toast(err.message || '数据加载失败！');
+                    uni.stopPullDownRefresh();
+                }
+            })
+        },
+        //跳转文章详情
+        fnToArticleDetail(article) {
+            if (this.haloConfigs.basicConfig.auditModeEnabled) {
+                return;
+            }
+            uni.navigateTo({
+                url: '/pagesA/article-detail/article-detail?name=' + article.metadata.name,
+                animationType: 'slide-in-right'
+            });
+        },
+        // 快捷导航页面跳转
+        fnToNavPage(item) {
+            switch (item.type) {
+                case 'tabbar':
+                    uni.switchTab({
+                        url: item.path
+                    });
+                    break;
+                case 'page':
+                    uni.navigateTo({
+                        url: item.path
+                    });
+                    break;
+            }
+        },
+        // 分类页面
+        fnToCategoryPage() {
+            uni.switchTab({
+                url: '/pages/tabbar/category/category'
+            });
+        },
+        // 所有的文章列表页面
+        fnToArticlesPage() {
+            uni.navigateTo({
+                url: '/pagesA/articles/articles'
+            });
+        },
 
-			//跳转文章详情
-			fnToArticleDetail(article) {
-				uni.navigateTo({
-					url: '/pagesA/article-detail/article-detail?name=' + article.metadata.name,
-					animationType: 'slide-in-right'
-				});
-			},
-			// 快捷导航页面跳转
-			fnToNavPage(item) {
-				switch (item.type) {
-					case 'tabbar':
-						uni.switchTab({
-							url: item.path
-						});
-						break;
-					case 'page':
-						uni.navigateTo({
-							url: item.path
-						});
-						break;
-				}
-			},
-			// 分类页面
-			fnToCategoryPage() {
-				uni.switchTab({
-					url: '/pages/tabbar/category/category'
-				});
-			},
-			// 所有的文章列表页面
-			fnToArticlesPage() {
-				uni.navigateTo({
-					url: '/pagesA/articles/articles'
-				});
-			},
+        // 根据slug查询分类下的文章
+        fnToCategoryBy(category) {
+            if (this.haloConfigs.basicConfig.auditModeEnabled) {
+                return;
+            }
+            uni.navigateTo({
+                url: `/pagesA/category-detail/category-detail?name=${category.metadata.name}&title=${category.spec.displayName}`
+            });
+        },
 
-			// 根据slug查询分类下的文章
-			fnToCategoryBy(category) {
-				uni.navigateTo({
-					url: `/pagesA/category-detail/category-detail?name=${category.metadata.name}&title=${category.spec.displayName}`
-				});
-			},
+        fnChangeMode() {
+            const isBlackTheme = this.$tm.vx.state().tmVuetify.black;
+            this.$tm.theme.setBlack(!isBlackTheme);
+            uni.setNavigationBarColor({
+                backgroundColor: !isBlackTheme ? '#0a0a0a' : '#ffffff',
+                frontColor: !isBlackTheme ? '#ffffff' : '#0a0a0a'
+            });
+        },
 
-			fnChangeMode() {
-				const isBlackTheme = this.$tm.vx.state().tmVuetify.black;
-				this.$tm.theme.setBlack(!isBlackTheme);
-				uni.setNavigationBarColor({
-					backgroundColor: !isBlackTheme ? '#0a0a0a' : '#ffffff',
-					frontColor: !isBlackTheme ? '#ffffff' : '#0a0a0a'
-				});
-			},
-
-			fnToSearch() {
-				uni.navigateTo({
-					url: '/pagesA/articles/articles'
-				});
-			},
-			fnOnLogoToPage() {
-				uni.switchTab({
-					url: '/pages/tabbar/about/about'
-				})
-			}
-		}
-	};
+        fnToSearch() {
+            uni.navigateTo({
+                url: '/pagesA/articles/articles'
+            });
+        },
+        fnOnLogoToPage() {
+            uni.switchTab({
+                url: '/pages/tabbar/about/about'
+            })
+        }
+    }
+};
 </script>
 
 <style lang="scss" scoped>
-	.app-page {
-		width: 100vw;
-		min-height: 100vh;
-		display: flex;
-		flex-direction: column;
-		// background-color: #ffffff;
+.app-page {
+    width: 100vw;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    // background-color: #ffffff;
 
-		.logo {
-			width: 60rpx;
-			height: 60rpx;
-			box-sizing: border-box;
-		}
+    .logo {
+        width: 60rpx;
+        height: 60rpx;
+        box-sizing: border-box;
+    }
 
-		::v-deep {
-			.tm-menubars .body .body_wk .left {
-				min-width: initial;
-			}
-		}
-	}
+    ::v-deep {
+        .tm-menubars .body .body_wk .left {
+            min-width: initial;
+        }
+    }
+}
 
-	.loading-wrap {
-		padding: 24rpx;
-	}
+.loading-wrap {
+    padding: 24rpx;
+}
 
-	.search-input {
-		background-color: #f5f5f5;
-		align-items: center;
-		/* #ifdef MP-WEIXIN */
-		margin-right: 24rpx;
+.search-input {
+    background-color: #f5f5f5;
+    align-items: center;
+    /* #ifdef MP-WEIXIN */
+    margin-right: 24rpx;
 
-		/* #endif */
-		&_icon {}
+    /* #endif */
+    &_icon {
+    }
 
-		&_text {}
-	}
+    &_text {
+    }
+}
 
-	.show-more {
-		width: 42rpx;
-		height: 42rpx;
-		box-sizing: border-box;
-		box-shadow: 0rpx 0rpx 24rpx rgba(0, 0, 0, 0.03);
-	}
+.show-more {
+    width: 42rpx;
+    height: 42rpx;
+    box-sizing: border-box;
+    box-shadow: 0rpx 0rpx 24rpx rgba(0, 0, 0, 0.03);
+}
 
-	.banner {
-		overflow: hidden;
-	}
+.banner {
+    overflow: hidden;
+}
 
-	.quick-nav {
-		background-color: #fff;
-		box-sizing: border-box;
+.quick-nav {
+    background-color: #fff;
+    box-sizing: border-box;
 
-		// box-shadow: 0rpx 2rpx 24rpx rgba(0, 0, 0, 0.03);
-		.name {
-			color: var(--main-text-color);
-		}
-	}
+    // box-shadow: 0rpx 2rpx 24rpx rgba(0, 0, 0, 0.03);
+    .name {
+        color: var(--main-text-color);
+    }
+}
 
-	.category {
-		width: 94vw;
-		display: flex;
-		height: 200rpx;
-		white-space: nowrap;
-		margin: 0 24rpx;
+.category {
+    width: 94vw;
+    display: flex;
+    height: 200rpx;
+    white-space: nowrap;
+    margin: 0 24rpx;
 
-		.content {
-			display: inline-block;
-			padding-left: 24rpx;
+    .content {
+        display: inline-block;
+        padding-left: 24rpx;
 
-			&:first-child {
-				padding-left: 0;
-			}
-		}
+        &:first-child {
+            padding-left: 0;
+        }
+    }
 
-		.cate-empty {
-			height: inherit;
-		}
-	}
+    .cate-empty {
+        height: inherit;
+    }
+}
 
-	.page-item {
-		&_title {
-			position: relative;
-			padding-left: 24rpx;
-			font-size: 32rpx;
-			z-index: 1;
-			color: var(--main-text-color);
+.page-item {
+    &_title {
+        position: relative;
+        padding-left: 24rpx;
+        font-size: 32rpx;
+        z-index: 1;
+        color: var(--main-text-color);
 
-			&:before {
-				content: '';
-				position: absolute;
-				left: 0rpx;
-				top: 8rpx;
-				width: 8rpx;
-				height: 30rpx;
-				background-color: rgba(33, 150, 243, 1);
-				border-radius: 6rpx;
-				z-index: 0;
-			}
-		}
-	}
+        &:before {
+            content: '';
+            position: absolute;
+            left: 0rpx;
+            top: 8rpx;
+            width: 8rpx;
+            height: 30rpx;
+            background-color: rgba(33, 150, 243, 1);
+            border-radius: 6rpx;
+            z-index: 0;
+        }
+    }
+}
 
-	.h_row_col2 {
-		display: flex;
-		flex-wrap: wrap;
-		box-sizing: border-box;
-		padding: 0 12rpx;
+.h_row_col2 {
+    display: flex;
+    flex-wrap: wrap;
+    box-sizing: border-box;
+    padding: 0 12rpx;
 
-		.ani-item {
-			width: 50%;
-		}
-	}
-</style>
\ No newline at end of file
+    .ani-item {
+        width: 50%;
+    }
+}
+</style>
diff --git a/pages/tabbar/moments/moments.vue b/pages/tabbar/moments/moments.vue
index f3f1481..21340a8 100644
--- a/pages/tabbar/moments/moments.vue
+++ b/pages/tabbar/moments/moments.vue
@@ -1,13 +1,13 @@
 <template>
     <view class="app-page">
-        <view v-if="loading != 'success'" class="loading-wrap">
+        <view v-if="loading !== 'success'" class="loading-wrap">
             <tm-skeleton model="listAvatr"></tm-skeleton>
             <tm-skeleton model="listAvatr"></tm-skeleton>
             <tm-skeleton model="listAvatr"></tm-skeleton>
         </view>
         <!-- 内容区域 -->
         <view v-else class="app-page-content">
-            <view v-if="dataList.length == 0" class="content-empty flex flex-center" style="min-height: 70vh;">
+            <view v-if="dataList.length === 0" class="content-empty flex flex-center" style="min-height: 70vh;">
                 <!-- 空布局 -->
                 <tm-empty icon="icon-shiliangzhinengduixiang-" label="暂无数据"></tm-empty>
             </view>
@@ -101,6 +101,12 @@ export default {
             let blogger = this.$tm.vx.getters().getConfigs.authorConfig.blogger;
             blogger.avatar = this.$utils.checkAvatarUrl(blogger.avatar, true);
             return blogger;
+        },
+        haloConfigs() {
+            return this.$tm.vx.getters().getConfigs;
+        },
+        mockJson() {
+            return this.$tm.vx.getters().getMockJson;
         }
     },
 
@@ -114,6 +120,13 @@ export default {
     },
 
     onReachBottom(e) {
+        if (this.haloConfigs.basicConfig.auditModeEnabled) {
+            uni.showToast({
+                icon: 'none',
+                title: '没有更多数据了'
+            });
+            return
+        }
         if (this.hasNext) {
             this.queryParams.page += 1;
             this.isLoadMore = true;
@@ -127,6 +140,37 @@ export default {
     },
     methods: {
         fnGetData() {
+            if (this.haloConfigs.basicConfig.auditModeEnabled) {
+                this.dataList = this.mockJson.moments.list.map((item) => {
+                    return {
+                        metadata: {
+                            name: Date.now() * Math.random(),
+                        },
+                        spec: {
+                            user: {
+                                displayName: this.bloggerInfo.nickname,
+                                avatar: this.$utils.checkAvatarUrl(this.bloggerInfo.avatar),
+                            },
+                            content: {
+                                html: item.content
+                            },
+                            releaseTime: item.time
+                        },
+                        images: item.images.map((img) => {
+                            return {
+                                type: "PHOTO",
+                                url: this.$utils.checkThumbnailUrl(img),
+                            }
+                        }),
+                        videos: []
+                    }
+                });
+                this.loading = 'success';
+                this.loadMoreText = '呜呜，没有更多数据啦~';
+                uni.hideLoading();
+                uni.stopPullDownRefresh();
+                return;
+            }
             uni.showLoading({
                 mask: true,
                 title: '加载中...'
@@ -139,9 +183,6 @@ export default {
             this.$httpApi.v2
                 .getMomentList(this.queryParams)
                 .then(res => {
-                    console.log('请求结果：');
-                    console.log(res);
-
                     this.loading = 'success';
                     this.loadMoreText = res.hasNext ? '上拉加载更多' : '呜呜，没有更多数据啦~';
                     this.hasNext = res.hasNext;
diff --git a/pagesA/archives/archives.vue b/pagesA/archives/archives.vue
index 0bdd80a..da1b940 100644
--- a/pagesA/archives/archives.vue
+++ b/pagesA/archives/archives.vue
@@ -1,553 +1,597 @@
 <template>
-	<view class="app-page">
-		<view class="auditModeEnabled" v-if="haloConfigs.basicConfig.auditModeEnabled">
-			<view>你好呀，很开心认识你！</view>
-			<view style="margin-top: 36rpx;">
-				{{haloConfigs.appConfig.appInfo.name}}
-			</view>
-		</view>
-		<block v-else>
-			<view class="e-fixed">
-				<tm-tabs color="light-blue" v-model="tab.activeIndex" :list="tab.list" align="center"
-					@change="fnOnTabChange"></tm-tabs>
-			</view>
-			<!-- 占位区域 -->
-			<view style="width: 100vw;height: 90rpx;"></view>
+    <view class="app-page">
 
-			<!-- 骨架屏：加载区域 -->
-			<view v-if="loading != 'success'" class="loading-wrap">
-				<tm-skeleton model="listAvatr"></tm-skeleton>
-				<tm-skeleton model="listAvatr"></tm-skeleton>
-				<tm-skeleton model="listAvatr"></tm-skeleton>
-			</view>
+        <view class="e-fixed">
+            <tm-tabs color="light-blue" v-model="tab.activeIndex" :list="tab.list" align="center"
+                     @change="fnOnTabChange"></tm-tabs>
+        </view>
+        <!-- 占位区域 -->
+        <view style="width: 100vw;height: 90rpx;"></view>
 
-			<!-- 加载完成区域 -->
-			<block v-else>
-				<view v-if="dataList.length == 0" class="list-empty flex flex-center">
-					<tm-empty icon="icon-shiliangzhinengduixiang-" label="暂无归档的文章"></tm-empty>
-				</view>
-				<view v-else class="e-timeline tm-timeline mt-24">
-					<block v-for="(item, index) in dataList" :key="index">
-						<view class="tm-timeline-item tm-timeline-item--leftDir">
-							<view style="width: 160rpx;">
-								<view :style="{ width: '24rpx', height: '24rpx' }" :class="[black_tmeme ? 'bk' : '']"
-									class="flex-center rounded tm-timeline-jidian border-white-a-2 grey-lighten-2 light-blue shadow-primary-4">
-								</view>
-								<view :style="{ marginTop: '-24rpx' }"
-									:class="[index !== dataList.length - 1 ? 'tm-timeline-item-boder' : '', black_tmeme ? 'bk' : '']"
-									class="grey-lighten-2"></view>
-							</view>
-							<view class="tm-timeline-item-content relative">
-								<view class="tm-timeline-item-left">
-									<view class="flex time text-weight-b mb-24">
-										<text>{{ item.year }}年</text>
-										<text v-if="tab.activeIndex == 0">{{ item.month }}月</text>
-										<view class="text-size-s text-grey-darken-1 ml-12">
-											（共 {{ item.posts.length }} 篇文章）
-										</view>
-									</view>
-									<block v-if="item.posts.length != 0">
-										<block v-for="(post, postIndex) in item.posts" :key="post.metadata.name">
-											<view class="flex post shadow-3 pa-24 mb-24"
-												:class="[globalAppSettings.layout.cardType]"
-												@click="fnToArticleDetail(post)">
-												<image class="post-thumbnail"
-													:src="$utils.checkThumbnailUrl(post.spec.cover)" mode="aspectFill">
-												</image>
-												<view class="post-info pl-20">
-													<view class="post-info_title text-overflow">{{ post.spec.title }}
-													</view>
-													<view
-														class="post-info_summary text-overflow-2 mt-12 text-size-s text-grey-darken-1">
-														{{ post.status.excerpt }}
-													</view>
-													<view class="post-info_time mt-12  text-size-s text-grey-darken-1">
-														<text class="iconfont icon-clock text-size-s mr-6"></text>
-														<text class="time-label">发布时间：</text>
-														{{ {d: post.spec.publishTime, f: 'yyyy年MM月dd日 星期w'} | formatTime }}
-													</view>
-												</view>
-											</view>
-										</block>
-									</block>
-									<view v-else class="post-empty text-size-m text-grey-darken-1">该日期下暂无归档文章！</view>
-								</view>
-							</view>
-						</view>
-					</block>
-				</view>
-				<view class="load-text mt-12">{{ loadMoreText }}</view>
-				<!-- 返回顶部 -->
-				<tm-flotbutton @click="fnToTopPage" size="m" color="bg-gradient-light-blue-accent"
-					icon="icon-angle-up"></tm-flotbutton>
-			</block>
-		</block>
-	</view>
+        <!-- 骨架屏：加载区域 -->
+        <view v-if="loading !== 'success'" class="loading-wrap">
+            <tm-skeleton model="listAvatr"></tm-skeleton>
+            <tm-skeleton model="listAvatr"></tm-skeleton>
+            <tm-skeleton model="listAvatr"></tm-skeleton>
+        </view>
+
+        <!-- 加载完成区域 -->
+        <block v-else>
+            <view v-if="dataList.length === 0" class="list-empty flex flex-center">
+                <tm-empty v-if="haloConfigs.basicConfig.auditModeEnabled" icon="icon-shiliangzhinengduixiang-" label="暂无归档的内容"></tm-empty>
+                <tm-empty v-else icon="icon-shiliangzhinengduixiang-" label="暂无归档的文章"></tm-empty>
+            </view>
+            <view v-else class="e-timeline tm-timeline mt-24">
+                <block v-for="(item, index) in dataList" :key="index">
+                    <view class="tm-timeline-item tm-timeline-item--leftDir">
+                        <view style="width: 160rpx;">
+                            <view :style="{ width: '24rpx', height: '24rpx' }" :class="[black_tmeme ? 'bk' : '']"
+                                  class="flex-center rounded tm-timeline-jidian border-white-a-2 grey-lighten-2 light-blue shadow-primary-4">
+                            </view>
+                            <view :style="{ marginTop: '-24rpx' }"
+                                  :class="[index !== dataList.length - 1 ? 'tm-timeline-item-boder' : '', black_tmeme ? 'bk' : '']"
+                                  class="grey-lighten-2"></view>
+                        </view>
+                        <view class="tm-timeline-item-content relative">
+                            <view class="tm-timeline-item-left">
+                                <view class="flex time text-weight-b mb-24">
+                                    <text>{{ item.year }}年</text>
+                                    <text v-if="tab.activeIndex === 0">{{ item.month }}月</text>
+                                    <view v-if="haloConfigs.basicConfig.auditModeEnabled" class="text-size-s text-grey-darken-1 ml-12">
+                                        （共 {{ item.posts.length }} 篇内容）
+                                    </view>
+                                    <view v-else class="text-size-s text-grey-darken-1 ml-12">
+                                        （共 {{ item.posts.length }} 篇文章）
+                                    </view>
+                                </view>
+                                <block v-if="item.posts.length !== 0">
+                                    <block v-for="(post, postIndex) in item.posts" :key="post.metadata.name">
+                                        <view class="flex post shadow-3 pa-24 mb-24"
+                                              :class="[globalAppSettings.layout.cardType]"
+                                              @click="fnToArticleDetail(post)">
+                                            <image class="post-thumbnail"
+                                                   :src="$utils.checkThumbnailUrl(post.spec.cover)" mode="aspectFill">
+                                            </image>
+                                            <view class="post-info pl-20">
+                                                <view class="post-info_title text-overflow">{{ post.spec.title }}
+                                                </view>
+                                                <view
+                                                    class="post-info_summary text-overflow-2 mt-12 text-size-s text-grey-darken-1">
+                                                    {{ post.status.excerpt }}
+                                                </view>
+                                                <view class="post-info_time mt-12  text-size-s text-grey-darken-1">
+                                                    <text class="iconfont icon-clock text-size-s mr-6"></text>
+                                                    <text class="time-label">发布时间：</text>
+                                                    {{ {d: post.spec.publishTime, f: 'yyyy年MM月dd日 星期w'} | formatTime }}
+                                                </view>
+                                            </view>
+                                        </view>
+                                    </block>
+                                </block>
+                                <view v-else class="post-empty text-size-m text-grey-darken-1">该日期下暂无归档文章！</view>
+                            </view>
+                        </view>
+                    </view>
+                </block>
+            </view>
+            <view class="load-text mt-12">{{ loadMoreText }}</view>
+            <!-- 返回顶部 -->
+            <tm-flotbutton @click="fnToTopPage" size="m" color="bg-gradient-light-blue-accent"
+                           icon="icon-angle-up"></tm-flotbutton>
+        </block>
+    </view>
 </template>
 
 <script>
-	import tmSkeleton from '@/tm-vuetify/components/tm-skeleton/tm-skeleton.vue';
-	import tmTranslate from '@/tm-vuetify/components/tm-translate/tm-translate.vue';
-	import tmFlotbutton from '@/tm-vuetify/components/tm-flotbutton/tm-flotbutton.vue';
-	import tmTabs from '@/tm-vuetify/components/tm-tabs/tm-tabs.vue';
-	import tmEmpty from '@/tm-vuetify/components/tm-empty/tm-empty.vue';
-	import qs from 'qs'
+import tmSkeleton from '@/tm-vuetify/components/tm-skeleton/tm-skeleton.vue';
+import tmTranslate from '@/tm-vuetify/components/tm-translate/tm-translate.vue';
+import tmFlotbutton from '@/tm-vuetify/components/tm-flotbutton/tm-flotbutton.vue';
+import tmTabs from '@/tm-vuetify/components/tm-tabs/tm-tabs.vue';
+import tmEmpty from '@/tm-vuetify/components/tm-empty/tm-empty.vue';
+import qs from 'qs'
 
-	export default {
-		components: {
-			tmSkeleton,
-			tmTranslate,
-			tmFlotbutton,
-			tmTabs,
-			tmEmpty
-		},
-		data() {
-			return {
-				loading: 'loading',
-				tab: {
-					activeIndex: 0,
-					list: ['按月份查看', '按年份查看']
-				},
-				queryParams: {
-					size: 10,
-					page: 1
-				},
-				result: {},
-				cacheDataList: [], // 所有请求的缓存数据
-				dataList: [], // 显示的数据
-				isLoadMore: false,
-				loadMoreText: "加载中..."
-			};
-		},
-		computed: {
-			black_tmeme: function() {
-				return this.$tm.vx.state().tmVuetify.black;
-			},
-			color_tmeme: function() {
-				return this.$tm.vx.state().tmVuetify.color;
-			},
-			haloConfigs() {
-				return this.$tm.vx.getters().getConfigs;
-			}
-		},
-		created() {
-			this.fnGetData();
-		},
-		onPullDownRefresh() {
-			this.isLoadMore = false;
-			this.queryParams.page = 1;
-			this.fnGetData();
-		},
-		onReachBottom(e) {
-			if (this.result.hasNext) {
-				this.queryParams.page += 1;
-				this.isLoadMore = true;
-				this.fnGetData();
-			} else {
-				uni.showToast({
-					icon: 'none',
-					title: '没有更多数据了'
-				});
-			}
-		},
-		methods: {
-			fnOnTabChange(index) {
-				this.fnResetSetAniWaitIndex();
-				this.queryParams.page = 0;
-				this.dataList = this.handleGetShowDataList(this.handleGetPosts(this.cacheDataList))
-				this.fnToTopPage();
-			},
-			fnGetData() {
-				if (this.haloConfigs.basicConfig.auditModeEnabled) {
-					return;
-				}
-				if (this.isLoadMore) {
-					uni.showLoading({
-						title: "加载中..."
-					})
-				} else {
-					this.loading = 'loading';
-				}
-				this.loadMoreText = "加载中...";
-				const paramsStr = qs.stringify(this.queryParams, {
-					allowDots: true,
-					encodeValuesOnly: true,
-					skipNulls: true,
-					encode: true,
-					arrayFormat: 'repeat'
-				})
-				uni.request({
-					url: this.$baseApiUrl + '/apis/api.content.halo.run/v1alpha1/posts?' + paramsStr,
-					method: 'GET',
-					success: (res) => {
-						const data = res.data;
-						this.result = data;
-						const posts = this.handleGetPosts(data.items)
-						const showDataList = this.handleGetShowDataList(posts)
-						if (this.isLoadMore) {
-							this.cacheDataList = this.handleUniqueCacheDatalist([...this.cacheDataList, ...
-								data
-								.items
-							]);
-							this.handleMergeDataList2(showDataList)
-						} else {
-							this.dataList = []
-							this.cacheDataList = data.items;
-							this.dataList = showDataList
-						}
+export default {
+    components: {
+        tmSkeleton,
+        tmTranslate,
+        tmFlotbutton,
+        tmTabs,
+        tmEmpty
+    },
+    data() {
+        return {
+            loading: 'loading',
+            tab: {
+                activeIndex: 0,
+                list: ['按月份查看', '按年份查看']
+            },
+            queryParams: {
+                size: 10,
+                page: 1
+            },
+            result: {},
+            cacheDataList: [], // 所有请求的缓存数据
+            dataList: [], // 显示的数据
+            isLoadMore: false,
+            loadMoreText: "加载中..."
+        };
+    },
+    computed: {
+        black_tmeme: function () {
+            return this.$tm.vx.state().tmVuetify.black;
+        },
+        color_tmeme: function () {
+            return this.$tm.vx.state().tmVuetify.color;
+        },
+        haloConfigs() {
+            return this.$tm.vx.getters().getConfigs;
+        },
+        mockJson() {
+            return this.$tm.vx.getters().getMockJson;
+        }
+    },
+    created() {
+        this.fnGetData();
+    },
+    onPullDownRefresh() {
+        this.isLoadMore = false;
+        this.queryParams.page = 1;
+        this.fnGetData();
+    },
+    onReachBottom(e) {
+        if (this.haloConfigs.basicConfig.auditModeEnabled) {
+            uni.showToast({
+                icon: 'none',
+                title: '没有更多数据了'
+            });
+            return
+        }
+        if (this.result.hasNext) {
+            this.queryParams.page += 1;
+            this.isLoadMore = true;
+            this.fnGetData();
+        } else {
+            uni.showToast({
+                icon: 'none',
+                title: '没有更多数据了'
+            });
+        }
+    },
+    methods: {
+        fnOnTabChange(index) {
+            this.fnResetSetAniWaitIndex();
+            this.queryParams.page = 0;
+            this.dataList = this.handleGetShowDataList(this.handleGetPosts(this.cacheDataList))
+            this.fnToTopPage();
+        },
+        fnGetData() {
+            if (this.haloConfigs.basicConfig.auditModeEnabled) {
+                const dataList = this.mockJson.archives.list.map(item => {
+                    const date = new Date(item.time)
+                    const year = date.getFullYear()
+                    const month = date.getMonth() + 1
+                    return {
+                        metadata: {
+                            name: Date.now() * Math.random(),
+                            labels: {
+                                "content.halo.run/archive-year": year,
+                                "content.halo.run/archive-month": month
+                            }
+                        },
+                        spec: {
+                            pinned: false,
+                            cover: item.cover,
+                            title: item.title,
+                            publishTime: item.time
+                        },
+                        status: {
+                            excerpt: item.desc
+                        },
+                        stats: {
+                            visit: 0
+                        }
+                    }
+                });
+                const posts = this.handleGetPosts(dataList)
+                this.dataList = []
+                this.cacheDataList = dataList;
+                this.dataList = this.handleGetShowDataList(posts)
+                this.loading = 'success';
+                this.loadMoreText = '呜呜，没有更多数据啦~';
+                uni.hideLoading();
+                uni.stopPullDownRefresh();
+                return;
+            }
+            if (this.isLoadMore) {
+                uni.showLoading({
+                    title: "加载中..."
+                })
+            } else {
+                this.loading = 'loading';
+            }
+            this.loadMoreText = "加载中...";
+            const paramsStr = qs.stringify(this.queryParams, {
+                allowDots: true,
+                encodeValuesOnly: true,
+                skipNulls: true,
+                encode: true,
+                arrayFormat: 'repeat'
+            })
+            uni.request({
+                url: this.$baseApiUrl + '/apis/api.content.halo.run/v1alpha1/posts?' + paramsStr,
+                method: 'GET',
+                success: (res) => {
+                    const data = res.data;
+                    this.result = data;
+                    const posts = this.handleGetPosts(data.items)
+                    const showDataList = this.handleGetShowDataList(posts)
+                    if (this.isLoadMore) {
+                        this.cacheDataList = this.handleUniqueCacheDatalist([
+                            ...this.cacheDataList, ...data.items
+                        ]);
+                        this.handleMergeDataList2(showDataList)
+                    } else {
+                        this.dataList = []
+                        this.cacheDataList = data.items;
+                        this.dataList = showDataList
+                    }
 
-						this.loading = 'success';
-						this.loadMoreText = data.hasNext ? '上拉加载更多' : '呜呜，没有更多数据啦~';
-						uni.hideLoading();
-						uni.stopPullDownRefresh();
+                    this.loading = 'success';
+                    this.loadMoreText = data.hasNext ? '上拉加载更多' : '呜呜，没有更多数据啦~';
+                    uni.hideLoading();
+                    uni.stopPullDownRefresh();
 
-					},
-					fail: (err) => {
-						this.loading = 'error';
-						this.loadMoreText = '加载失败，请下拉刷新！';
-						uni.$tm.toast(err.message || '数据加载失败！');
-						uni.hideLoading();
-						uni.stopPullDownRefresh();
-					}
-				})
-			},
-			// 处理数据分类
-			handleGetPosts(dataList) {
-				const posts = {}
-				const postLabelYearKey = "content.halo.run/archive-year"
-				const postLabelMonthKey = "content.halo.run/archive-month"
-				dataList.forEach(item => {
-					let postItemKey = ""
-					if (this.tab.activeIndex == 0) {
-						postItemKey =
-							`${item.metadata.labels[postLabelYearKey]}-${item.metadata.labels[postLabelMonthKey]}`
-					} else {
-						postItemKey = `${item.metadata.labels[postLabelYearKey]}`
-					}
-					if (posts[postItemKey]) {
-						posts[postItemKey].push(item)
-					} else {
-						posts[postItemKey] = [item]
-					}
-				})
-				return posts;
-			},
-			// 根据分类的数据，处理成显示的数据
-			handleGetShowDataList(posts) {
-				const dataListResult = []
-				Object.keys(posts).forEach((key) => {
-					const postData = {
-						sort: 0,
-						key: key,
-						year: key,
-						month: "",
-						posts: posts[key]
-					}
-					if (this.tab.activeIndex == 0) {
-						const splitDate = key.split("-")
-						postData.year = splitDate[0]
-						postData.month = splitDate[1]
-						postData.sort = Number(key.replace("-", ""))
-					} else {
-						postData.sort = Number(key)
-					}
-					dataListResult.push(postData)
-				})
+                },
+                fail: (err) => {
+                    this.loading = 'error';
+                    this.loadMoreText = '加载失败，请下拉刷新！';
+                    uni.$tm.toast(err.message || '数据加载失败！');
+                    uni.hideLoading();
+                    uni.stopPullDownRefresh();
+                }
+            })
+        },
+        // 处理数据分类
+        handleGetPosts(dataList) {
+            const posts = {}
+            const postLabelYearKey = "content.halo.run/archive-year"
+            const postLabelMonthKey = "content.halo.run/archive-month"
+            dataList.forEach(item => {
+                let postItemKey = ""
+                if (this.tab.activeIndex === 0) {
+                    postItemKey =
+                        `${item.metadata.labels[postLabelYearKey]}-${item.metadata.labels[postLabelMonthKey]}`
+                } else {
+                    postItemKey = `${item.metadata.labels[postLabelYearKey]}`
+                }
+                if (posts[postItemKey]) {
+                    posts[postItemKey].push(item)
+                } else {
+                    posts[postItemKey] = [item]
+                }
+            })
+            return posts;
+        },
+        // 根据分类的数据，处理成显示的数据
+        handleGetShowDataList(posts) {
+            const dataListResult = []
+            Object.keys(posts).forEach((key) => {
+                const postData = {
+                    sort: 0,
+                    key: key,
+                    year: key,
+                    month: "",
+                    posts: posts[key]
+                }
+                if (this.tab.activeIndex == 0) {
+                    const splitDate = key.split("-")
+                    postData.year = splitDate[0]
+                    postData.month = splitDate[1]
+                    postData.sort = Number(key.replace("-", ""))
+                } else {
+                    postData.sort = Number(key)
+                }
+                dataListResult.push(postData)
+            })
 
-				dataListResult.sort((a, b) => {
-					return Number(b.sort) - Number(a.sort)
-				})
+            dataListResult.sort((a, b) => {
+                return Number(b.sort) - Number(a.sort)
+            })
 
-				return dataListResult;
-			},
-			handleMergeDataList(list1, list2) {
-				// 将list1转换为以key为键的对象
-				let merged = list1.reduce((acc, item) => {
-					acc[item.key] = {
-						...item
-					};
-					return acc;
-				}, {});
+            return dataListResult;
+        },
+        handleMergeDataList(list1, list2) {
+            // 将list1转换为以key为键的对象
+            let merged = list1.reduce((acc, item) => {
+                acc[item.key] = {
+                    ...item
+                };
+                return acc;
+            }, {});
 
-				// 遍历list2，合并posts数组或添加新对象
-				list2.forEach(item => {
-					if (merged[item.key]) {
-						// 如果key已存在，合并posts数组
-						merged[item.key].posts = [...merged[item.key].posts, ...item.posts];
-					} else {
-						// 如果key不存在，添加新对象
-						merged[item.key] = {
-							...item
-						};
-					}
-				});
+            // 遍历list2，合并posts数组或添加新对象
+            list2.forEach(item => {
+                if (merged[item.key]) {
+                    // 如果key已存在，合并posts数组
+                    merged[item.key].posts = [...merged[item.key].posts, ...item.posts];
+                } else {
+                    // 如果key不存在，添加新对象
+                    merged[item.key] = {
+                        ...item
+                    };
+                }
+            });
 
-				// 将对象转换回数组
-				return Object.values(merged);
-			},
-			handleMergeDataList2(list) {
-				list.forEach((item, index) => {
-					const find = this.dataList.find(x => x.key == item.key)
-					if (find) {
-						item.posts.forEach(post => {
-							if (!find.posts.find(x => x.metadata.name == post.metadata.name)) {
-								find.posts.push(post)
-							}
-						})
-					}
-				})
-				list.forEach(post => {
-					if (!this.dataList.find(x => x.key === post.key)) {
-						this.dataList.push(post)
-					}
-				})
+            // 将对象转换回数组
+            return Object.values(merged);
+        },
+        handleMergeDataList2(list) {
+            list.forEach((item, index) => {
+                const find = this.dataList.find(x => x.key == item.key)
+                if (find) {
+                    item.posts.forEach(post => {
+                        if (!find.posts.find(x => x.metadata.name == post.metadata.name)) {
+                            find.posts.push(post)
+                        }
+                    })
+                }
+            })
+            list.forEach(post => {
+                if (!this.dataList.find(x => x.key === post.key)) {
+                    this.dataList.push(post)
+                }
+            })
 
-				this.dataList.sort((a, b) => {
-					return Number(b.sort) - Number(a.sort)
-				})
-			},
-			handleUniqueCacheDatalist(dataList) {
-				const seen = new Set();
-				return dataList.filter(item => {
-					return seen.has(item.metadata.name) ? false : seen.add(item.metadata.name);
-				});
-			},
-			fnToArticleDetail(article) {
-				uni.navigateTo({
-					url: '/pagesA/article-detail/article-detail?name=' + article.metadata.name,
-					animationType: 'slide-in-right'
-				});
-			}
-		}
-	};
+            this.dataList.sort((a, b) => {
+                return Number(b.sort) - Number(a.sort)
+            })
+        },
+        handleUniqueCacheDatalist(dataList) {
+            const seen = new Set();
+            return dataList.filter(item => {
+                return seen.has(item.metadata.name) ? false : seen.add(item.metadata.name);
+            });
+        },
+        fnToArticleDetail(article) {
+            if (this.haloConfigs.basicConfig.auditModeEnabled) {
+                return;
+            }
+            uni.navigateTo({
+                url: '/pagesA/article-detail/article-detail?name=' + article.metadata.name,
+                animationType: 'slide-in-right'
+            });
+        }
+    }
+};
 </script>
 
 <style lang="scss" scoped>
-	.app-page {
-		width: 100vw;
-		min-height: 100vh;
-		display: flex;
-		flex-direction: column;
-		background-color: #fafafd;
-	}
+.app-page {
+    width: 100vw;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+    background-color: #fafafd;
+}
 
-	.auditModeEnabled {
-		width: 100%;
-		height: 80vh;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
+.auditModeEnabled {
+    width: 100%;
+    height: 80vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
 
-	.loading-wrap {
-		padding: 24rpx;
-	}
+.loading-wrap {
+    padding: 24rpx;
+}
 
-	.list-empty {
-		width: 100vw;
-		height: 100vh;
-	}
+.list-empty {
+    width: 100vw;
+    height: 100vh;
+}
 
-	.statistics {
-		background-color: #ffffff;
-	}
+.statistics {
+    background-color: #ffffff;
+}
 
-	.e-timeline {
-		::v-deep {
-			.tm-timeline-item>view:first-child {
-				width: 110rpx !important;
-			}
+.e-timeline {
+    ::v-deep {
+        .tm-timeline-item > view:first-child {
+            width: 110rpx !important;
+        }
 
-			.tm-timeline-item-left {
-				max-width: 580rpx !important;
-				width: 100% !important;
-			}
-		}
-	}
+        .tm-timeline-item-left {
+            max-width: 580rpx !important;
+            width: 100% !important;
+        }
+    }
+}
 
-	.tm-timeline {
-		.tm-timeline-item {
+.tm-timeline {
+    .tm-timeline-item {
 
-			.tm-timeline-item-left,
-			.tm-timeline-item-right {
-				width: 200rpx;
-				flex-shrink: 0;
-			}
+        .tm-timeline-item-left,
+        .tm-timeline-item-right {
+            width: 200rpx;
+            flex-shrink: 0;
+        }
 
-			.tm-timeline-item-content {
-				display: flex;
-				justify-content: center;
-				align-items: flex-start;
-				align-content: flex-start;
-			}
+        .tm-timeline-item-content {
+            display: flex;
+            justify-content: center;
+            align-items: flex-start;
+            align-content: flex-start;
+        }
 
-			.tm-timeline-jidian {
-				margin: auto;
-			}
+        .tm-timeline-jidian {
+            margin: auto;
+        }
 
-			&.tm-timeline-item--leftDir {
-				display: flex;
-				flex-flow: row;
+        &.tm-timeline-item--leftDir {
+            display: flex;
+            flex-flow: row;
 
-				&.endright {
-					justify-content: flex-end;
-				}
+            &.endright {
+                justify-content: flex-end;
+            }
 
-				.tm-timeline-item-left,
-				.tm-timeline-item-right {
-					width: auto;
-					max-width: 400rpx;
-				}
+            .tm-timeline-item-left,
+            .tm-timeline-item-right {
+                width: auto;
+                max-width: 400rpx;
+            }
 
-				.tm-timeline-item-boder {
-					height: 100%;
-					width: 1px;
-					margin: auto;
-				}
+            .tm-timeline-item-boder {
+                height: 100%;
+                width: 1px;
+                margin: auto;
+            }
 
-				.tm-timeline-jidian {
-					position: relative;
-					margin: auto;
-					z-index: 2;
-				}
+            .tm-timeline-jidian {
+                position: relative;
+                margin: auto;
+                z-index: 2;
+            }
 
-				.tm-timeline-item-content {
-					display: flex;
-					justify-content: flex-start;
-					align-items: flex-start;
-					align-content: flex-start;
-				}
-			}
-		}
-	}
+            .tm-timeline-item-content {
+                display: flex;
+                justify-content: flex-start;
+                align-items: flex-start;
+                align-content: flex-start;
+            }
+        }
+    }
+}
 
-	.post {
-		width: 560rpx;
-		border-radius: 12rpx;
-		background-color: #fff;
+.post {
+    width: 560rpx;
+    border-radius: 12rpx;
+    background-color: #fff;
 
-		&.lr_image_text {}
+    &.lr_image_text {
+    }
 
-		&.lr_text_image {
-			.post-thumbnail {
-				order: 2;
-			}
+    &.lr_text_image {
+        .post-thumbnail {
+            order: 2;
+        }
 
-			.post-info {
-				order: 1;
-				padding-left: 0;
-				padding-right: 24rpx;
-			}
-		}
+        .post-info {
+            order: 1;
+            padding-left: 0;
+            padding-right: 24rpx;
+        }
+    }
 
-		&.tb_image_text {
-			flex-direction: column;
+    &.tb_image_text {
+        flex-direction: column;
 
-			.post-thumbnail {
-				width: 100%;
-				height: 220rpx;
-			}
+        .post-thumbnail {
+            width: 100%;
+            height: 220rpx;
+        }
 
-			.post-info {
-				width: 100%;
-				padding-left: 0;
+        .post-info {
+            width: 100%;
+            padding-left: 0;
 
-				&_title {
-					margin-top: 12rpx;
-				}
+            &_title {
+                margin-top: 12rpx;
+            }
 
-				&_time {
-					.iconfont {
-						display: none;
-					}
+            &_time {
+                .iconfont {
+                    display: none;
+                }
 
-					.time-label {
-						display: inline-block;
-					}
-				}
-			}
-		}
+                .time-label {
+                    display: inline-block;
+                }
+            }
+        }
+    }
 
-		&.tb_text_image {
-			flex-direction: column;
+    &.tb_text_image {
+        flex-direction: column;
 
-			.post-thumbnail {
-				order: 2;
-				width: 100%;
-				height: 220rpx;
-				margin-top: 12rpx;
-			}
+        .post-thumbnail {
+            order: 2;
+            width: 100%;
+            height: 220rpx;
+            margin-top: 12rpx;
+        }
 
-			.post-info {
-				order: 1;
-				width: 100%;
-				padding-left: 0;
+        .post-info {
+            order: 1;
+            width: 100%;
+            padding-left: 0;
 
-				&_time {
-					.iconfont {
-						display: none;
-					}
+            &_time {
+                .iconfont {
+                    display: none;
+                }
 
-					.time-label {
-						display: inline-block;
-					}
-				}
-			}
-		}
+                .time-label {
+                    display: inline-block;
+                }
+            }
+        }
+    }
 
-		&.only_text {
-			.post-info {
-				padding: 6rpx;
+    &.only_text {
+        .post-info {
+            padding: 6rpx;
 
-				&_time {
-					margin-top: 20rpx;
+            &_time {
+                margin-top: 20rpx;
 
-					.iconfont {
-						display: none;
-					}
+                .iconfont {
+                    display: none;
+                }
 
-					.time-label {
-						display: inline-block;
-					}
-				}
-			}
+                .time-label {
+                    display: inline-block;
+                }
+            }
+        }
 
-			.post-thumbnail {
-				display: none;
-			}
-		}
-	}
+        .post-thumbnail {
+            display: none;
+        }
+    }
+}
 
-	.post-thumbnail {
-		border-radius: 6rpx;
-		width: 200rpx;
-		height: 170rpx;
-	}
+.post-thumbnail {
+    border-radius: 6rpx;
+    width: 200rpx;
+    height: 170rpx;
+}
 
-	.post-info {
-		width: 0;
-		flex-grow: 1;
+.post-info {
+    width: 0;
+    flex-grow: 1;
 
-		&_title {
-			color: #303133;
-			font-size: 28rpx;
-			font-weight: bold;
-		}
+    &_title {
+        color: #303133;
+        font-size: 28rpx;
+        font-weight: bold;
+    }
 
-		&_summary {
-			display: -webkit-box;
-			line-height: 1.6;
-		}
+    &_summary {
+        display: -webkit-box;
+        line-height: 1.6;
+    }
 
-		&_time {
-			.time-label {
-				display: none;
-			}
-		}
-	}
+    &_time {
+        .time-label {
+            display: none;
+        }
+    }
+}
 
-	.time {
-		align-items: center;
-	}
-</style>
\ No newline at end of file
+.time {
+    align-items: center;
+}
+</style>
diff --git a/store/config.js b/store/config.js
index e2510e3..e178ce1 100644
--- a/store/config.js
+++ b/store/config.js
@@ -5,25 +5,34 @@
  *  时间：2024年06月22日 12:00:44
  *  版本：v0.1.0
  */
-import {DefaultAppConfigs, getAppConfigs, setAppConfigs} from '@/config/index.js'
+import {DefaultAppConfigs, getAppConfigs, setAppConfigs,setAppMockJson,getAppMockJson} from '@/config/index.js'
 import v2Config from '@/api/v2/all.config.js'
 
 export default {
     namespaced: true,
     state: {
         configs: getAppConfigs(),
+        mockJson: getAppMockJson(),
     },
     getters: {
         getConfigs(state) {
             if (state.configs) return state.configs;
             return getAppConfigs()
         },
+        getMockJson(state) {
+            if(state.mockJson) return state.mockJson;
+            return getAppMockJson()
+        }
     },
     mutations: {
         setConfigs(state, data) {
             state.configs = data;
             setAppConfigs(data)
         },
+        setMockJson(state, data) {
+            setAppMockJson(data)
+            state.mockJson = data;
+        }
     },
     actions: {
         fetchConfigs({commit, dispatch}) {
@@ -47,5 +56,30 @@ export default {
         setDefaultAppSettings({commit}) {
             commit('setConfigs', JSON.parse(JSON.stringify(DefaultAppConfigs)))
         },
+        // 请求模拟数据
+        fetchMockJson({state, commit, dispatch}) {
+            return new Promise(async (resolve, reject) => {
+                // const mockJsonUrl = utils.checkUrl(state.configs.basicConfig.auditModeMock)
+                const mockJsonUrl = "https://uni-halo.925i.cn/unihalo.mock.json"
+                uni.request({
+                    url: mockJsonUrl,
+                    method: "GET",
+                    success: (res) => {
+                        console.log("mockJson", res.data)
+                        commit('setMockJson', res.data)
+                        resolve({
+                            ok: true,
+                            data: res.data
+                        })
+                    },
+                    fail: (err) => {
+                        resolve({
+                            ok: false,
+                            data: err
+                        })
+                    }
+                })
+            })
+        },
     }
 };