php怎么写编辑页面,怎样编辑小程序页面内容?
编辑小程序页面内容的方法:首先在编辑处右击pages选择新建目录创建个文件夹;然后再右击该文件夹选择新建Component,并输入文件名字;最后打开【app.json】文件,并操作导航栏的编辑即可。
编辑小程序页面内容的方法:
1.首先呢,你要考虑好自己的首页是几个大页面,在此呢,以我的小小的Demo做样板参照吧,我的首页是三大块,所以呢我要再创建两个页面,包含项目成功之后就有index界面,共三个界面
(PS(操作过程):右击pages选择新建目录创建个文件夹,然后呢再右击该文件夹选择新建Component,输入文件名字即可,当然这里的新建Component里面有四个文件---js、json、wxml、wxss,除了这种直接创建呢你也可以一个一个手动创建文件不过在js文件里的有const app = getApp();和page({}),否则会提示报错或者调用不了app.js中的一些方法。)
2.到此呢,就要编辑首页了,我这里的首页呢是有底部导航栏的的,所以往下看吧:
打开app.json文件(PS:建议像我这样的小白呢还是看一下官方的小程序代码构成介绍比较好):https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/code.html#JSON-配置
打开之后就开始操作导航栏的编辑了,看代码:
(注意:用的时候记得把下面的注释全都删了,在app.json中不能有注释,否则会报错,我的注释只是为了大家方便理解而已,报错原因还挺让你出乎意料,我也是试了几次才发现。){
"pages": [
"pages/index/index",
"pages/logs/logs",
"pages/asset/asset",
"pages/personal/personal"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black", "navigationStyle": "custom" // 自定义头部导航时添加
},
"sitemapLocation": "sitemap.json",
"tabBar": { //这里的tabBar就是导航栏的编辑了
"color": "red", //tab 上的文字默认颜色
"selectedColor": "#1469bc", //tab 上的文字被选中时的颜色
"backgroundColor": "#fff", //背景颜色(背景颜色的值用#的写法来写即16进制,普通rgb、rgba写法不会生效,)
"positon": "bottom", //导航栏放在的位置,可以不写但默认会显示在底部,我这里是方便大家了解。放在上遍就改成top,至于左右么,我就没试过了,就交给各位大哥大了。
"list": [
{
"pagePath": "pages/index/index", //页面路径
"text": "首页", //导航栏显示的文字
"iconPath": "images/home1.png", //默认展示的图片
"selectedIconPath": "images/home2.png" //被选中时展示的图片(我这里是为了有一个颜色差)
},
{
"pagePath": "pages/asset/asset",
"text": "资产",
"iconPath": "images/asset1.png",
"selectedIconPath": "images/asset2.png"
},
{
"pagePath": "pages/personal/personal",
"text": "我的",
"iconPath": "images/my1.png",
"selectedIconPath": "images/my2.png"
}
]
}
}
php怎么写编辑页面,怎样编辑小程序页面内容?相关推荐
- 微信小程序提交审核时提示:“ 小程序页面内容涉及账户充值服务,需补充商家自营-预付卡销售-发行方类目。请在基础信息处申请该类目”的解决方法
微信小程序在多次提交审核时,出现这个提示: 1: 小程序页面内容涉及账户充值服务,需补充商家自营-预付卡销售-发行方类目.请在基础信息处申请该类目,通过资质审核并在配置功能页添加符合该类目的功能页面. ...
- 手把手教你写第一个微信小程序页面
搭建第一个小程序页面 1.首页效果以及实现步骤 新建项目并梳理项目结构 配置导航栏效果 配置 tabBar 效果 实现轮播图效果 实现九宫格效果 实现图片布局 2.接口地址 获取轮播图数据列表的接口 ...
- 分享下自己写的一个微信小程序请求远程数据加载到页面的代码
分享下自己写的一个微信小程序请求远程数据加载到页面的代码 1 思路整理 就是页面加载完毕的时候 请求远程接口,然后把数据赋值给页面的变量 ,然后列表循环 2 js相关代码 我是改的 onload ...
- python恶搞小程序-知道了这个,你也能写出 Python 趣味小程序
原标题:知道了这个,你也能写出 Python 趣味小程序 前两天在 51CTO 看见某篇推荐博文,大概是一个 豆子比较感兴趣,在知乎和 github 上搜索了相关的源代码,发现原来实现起来非常的简单, ...
- python有趣小程序-知道了这个,你也能写出 Python 趣味小程序
原标题:知道了这个,你也能写出 Python 趣味小程序 前两天在 51CTO 看见某篇推荐博文,大概是一个 豆子比较感兴趣,在知乎和 github 上搜索了相关的源代码,发现原来实现起来非常的简单, ...
- 初次入坑解析的小程序(决定写代码风格的小程序)
初次入坑解析的小程序(决定写代码风格的小程序) 我是一个大二的学生,在接触小程序之前我是一个学计算机运维的,后来入了坑,在入坑以后开发了两个小程序. 第一个是为学校开发的一个考勤的小程序,样式是别人设 ...
- python趣味程序_知道了这个,你也能写出 Python 趣味小程序
原标题:知道了这个,你也能写出 Python 趣味小程序 前两天在 51CTO 看见某篇推荐博文,大概是一个 豆子比较感兴趣,在知乎和 github 上搜索了相关的源代码,发现原来实现起来非常的简单, ...
- 用python编写一个猜年龄的小程序-知道了这个,你也能写出 Python 趣味小程序
原标题:知道了这个,你也能写出 Python 趣味小程序 前两天在 51CTO 看见某篇推荐博文,大概是一个 豆子比较感兴趣,在知乎和 github 上搜索了相关的源代码,发现原来实现起来非常的简单, ...
- python文件分发_python 写一个文件分发小程序
一.概述 该小程序实现从源端到目标端的文件一键拷贝,源端和目标段都在一台电脑上面,只是目录不同而已 二.参数文件说明 1. settings.txt的说明 a. 通过配置settings.txt,填源 ...
最新文章
- 华为交换机STP端口角色状态
- 用JavaScript实现动态省市县三级联动
- AtCoder Grand Contest #026 D - Histogram Coloring
- 00001centos6.3安装
- java conf_JAVA 解析、编辑nginx.conf详解
- 笔记本html怎么插入图片,将图像嵌入到jupyter笔记本中并导出为HTML
- 8部门联合约谈滴滴、高德等10家交通运输新业态平台公司
- Python gmpy2 mpz Methods
- debian添加快捷启动方式
- (一)数据挖掘概念与技术——韩家炜
- c语言中的三角函数公式,tan三角函数公式有哪些
- ipad上html语言编辑,Html编辑器iPad版
- python 日本 地图 热力图_python 在百度地图上画热力图
- 网络编程——Java Email
- 【完整面经含答案】华为校招+阿里巴巴社招,Java开发岗位
- 【3】少儿Python编程学习_从哪开始学习
- C++入门经典 Ivor Horton 第3版
- 案例精选 | 冷饭变盛宴?一文谈尽边缘计算
- 最新计算机安全参考文献,最新计算机络安全参考文献 计算机络安全期刊参考文献哪里找...
- 爬取天猫店铺列表页的所有数据
热门文章
- logrotate 切割 nginx php mysql 日志
- vmware Horizon View 5.2初体验(三)——composer安装
- Centos5.5几种提高工作效率的方法
- 学习jQuery之旅--新手必须知道的常用方法
- easyui下拉多选框的创建、获取值、赋值
- MySQL MGR 5.7.22 on centos 6.3 单主/多主搭建测试
- 专注问题本身,不是在博客上陈述自己不会的事实!!!
- linux 设置ssh免密登录
- eclipse上修改js后,浏览器上还是出现原来效果的解决方法
- 一篇不错的讲解Java异常的文章