wordpress小程序星宿1.03修改一:稍微修改主页和底部菜单

wordpress小程序星宿1.03修改一:稍微修改主页和底部菜单

前言:

用枫瑞博客开发的星宿wordpress小程序源码,做了一个教育类的小程序,最近改版了,用的1.0.3这个改了下,改完是这样的:

就是在底部加到5个导航,最多就是五个,在中间未知加了几个菜单,我主要做了如下修改,做笔记而已哦!

过程:

1.首页中部位置增加了几个菜单。

首页打开首页文件 pagse-index-index.vue,搜索关键字,找到这部分所在位置,根据自己修改成:

// 导航区域
				vajra: [{
					img: '../../static/index/1.png',
					name: "按年级"
				}, {
					img: '../../static/index/2.png',
					name: "按科目"
				}, {
					img: '../../static/index/3.png',
					name: "聚合资源"
				}, {
					img: '../../static/index/4.png',
					name: "小学辅导"
				}, 
				{
					img: '../../static/index/5.png',
					name: "友情链接"
				}, {
					img: '../../static/index/6.png',
					name: "初中辅导"
				}],

以上是图标位置,对应的代码如下:

// 金刚区跳转
			vajraTap: function(index) {
				console.log(index)
				if (index == 0) {
					uni.switchTab({
						url: "../category/category"
					})
				} else if (index == 1) {
					uni.switchTab({
						url: "../categoryxk/category"
					})
				} else if (index == 2) {
					uni.navigateTo({
						url: "../tags/tags"
					})
				} else if (index == 3) {
					uni.switchTab({
						url: "../categoryxf/category"
					})
				} else if (index == 4) {
					uni.navigateTo({
						url: "../friend/friend"
					})
				}
				else if (index == 5) {
					uni.switchTab({
						url: "../categorycf/category"
					})
				}
				
			},

注意这个哦!uni.switchTab,

增加导航了,这里很底部菜单一样,涉及到一个问题,就是分类增加,比如,我需要好几个不同的分类,现在默认的分类导航就一个,就是:../categorycf/category。

这样实现:复制pages里面的category文件夹,根据自己需要改名字就好了,这不就多出一个分类来了吗,之后在后台插件里面把不需要显示的ID给屏蔽掉,就可以哦,大家尝试下吧!因为这个小程序分类不支持二级分类,所以我就自己改了改!

2.后台设置屏蔽某个分类ID了,那么首页最新里表里就不显示文章了,怎么操作呢?

打开首页文件index.vue,由于后台屏蔽了分类ID导致不显示文章,那么我们进入后台,看看屏蔽分类ID字段是什么,通过查询是这个字段“categ_filter”那么,在index.vue里搜搜这个字段,之后,在后台新增一个分类的字段,比如新增后字段为categ_filter_copy,那么闷在首页文件中 ,最终替换成categ_filter_copy,就可以了,前提是,这个字段在网站后台不要进行填写,就好啦!傻瓜式!

3.更新修改、新增小程序底部菜单

需要复制分类文件夹,在重命名,之后打开pages.json文件,在里面对应添加菜单的信息就好啦!傻瓜式操作,好了就记录这些哈!

分享到 :
相关推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注