一、详细介绍
全新博客社区资讯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://www.toymoban.com/news/detail-531797.html
三、学习资料下载
蓝奏云:https://qumaw.lanzoul.com/iTYvl0hu6uih文章来源地址https://www.toymoban.com/news/detail-531797.html
到了这里,关于全新博客社区资讯APP源码 Typecho后端的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!