微信小程序

2021/5/7 22:28:41

本文主要是介绍微信小程序,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

微信小程序的下载

1、下载!
https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html 下载微信小程序开发软件可查看小程序内置组件

2、微信小程序发布流程
https://mp.weixin.qq.com

创建小程序

1.项目名称可以随便起
2.目录
3.APPID在开发管理、开发设置
4.后端服务选择不使用服务端
5.直接点击新建就好
在这里插入图片描述
##创建完成后在这里插入图片描述
全局配置
在这里插入图片描述
全局样式
在这里插入图片描述
1、在app.json里配置路由
那个写在前,就首先显示那个页面
在这里插入图片描述

2、在app.json全局里配置顶部
“window”:{
“backgroundTextStyle”:“dark”, // 这个代表下拉 loading 的样式,
仅支持,只能设置二个值,dark和 light
“navigationBarBackgroundColor”: “#fff0ff”, //这个是头部背景颜色
“navigationBarTitleText”: “头部”, //头部内容
“navigationBarTextStyle”:“black”, //头部内容的颜色
“enablePullDownRefresh”: true, // 下拉刷新配合第一个使用
“backgroundColor”: “#ff0” //下拉刷新背景颜色
},
``3、在app.json配置底部路由
“tabBar”: {
“list”: [{
“pagePath”:“pages/index/index”, //路由
“text”: “首页”, //底部文字
“iconPath”: “assets/tabbar/home.png”, //icon图标
“selectedIconPath”: “assets/tabbar/home_active.png” //icon图标高亮显示
},
]}




                   

这篇关于微信小程序的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程