一、详细介绍

全新博客社区资讯APP源码 Typecho后端

一款功能全面，用户交互良好，数据本地缓存，集成邮箱验证，在线投稿，（内置Mardown编辑器），快捷评论的的博客资讯APP。同时兼容H5和微信小程序。

基于Typoche博客程序开发，后端接口采用springboot框架，已经集成了COS和OSS对象存储，token登录验证，邮箱验证，redis数据缓存等，当然也可以自行对接其它的接口。

二、效果展示

1.部分代码

代码如下（示例）：

methods: {
			hide(callback) {
				let $this = this
				this.pageBefore = this.isBack ? this.pageAnimationName + '-back-enter' : this.pageAnimationName +
					'-enter';
				this.pageAfter = this.isBack ? this.pageAnimationName + '-back-leave' : this.pageAnimationName + '-leave';
				this.isBack = false;
				this.pageAnimationName = '';
				setTimeout(() => {
					const classList = document.querySelector('uni-page').classList
					classList.add($this.pageOut, $this.pageBefore)
					classList.remove('page-show')
					setTimeout(() => {
						classList.remove($this.pageOut, $this.pageBefore)
						callback && callback();
					}, 300);
				}, 20)
			},
			show() {
				let $this = this
				let pagePath = window.location.hash;
				const classList = document.querySelector('uni-page').classList
				pageIndexSetting.forEach(page => {
					if ('#/' + page.path == pagePath) {
						$this.pageAnimation = true;
						if (page.animaName) {
							$this.pageAnimationName = page.animaName;
						}
						if (page.pageIn && page.pageIn == false) {
							$this.pageIn = 'no'
						} else {
							$this.pageIn = 'page-animation-enter';
						}
						if (page.pageOut && page.pageOut == false) {
							$this.pageOut = 'no'
						} else {
							$this.pageOut = 'page-animation-leave';
						}
						return;
					}
				})

2.效果图展示

三、学习资料下载

蓝奏云：https://qumaw.lanzoul.com/iTYvl0hu6uih