微信小程序-入门到入土-01

了解小程序的目录结构
在这里插入图片描述

全局配置:
在这里插入图片描述
①在pages数组中添加“pages/demo1/demo01”+Ctrl+s保存后会自动生成一个页面文件夹
②要想优先显示该页面文件夹,只需要将该字段按要求放于做上面即可

在这里插入图片描述
①:navigatorBar即导航条是指:
在这里插入图片描述
②:“navigationBarTitleText”: " 导航条名称",这里是:CSU班费缴纳平台
③: “navigationBarBackgroundColor”: “#99FF00”, 导航条颜色
④: “navigationBarTextStyle”:“black”, 导航条标题颜色可选黑白
⑤: “enablePullDownRefresh”: true, 可否下拉刷新
⑥:“backgroundColor”: “blue” 下拉部分的颜色
⑦:“backgroundTextStyle”:“dark”,刷新圆点颜色可选:dark、light
如图示:在这里插入图片描述

二. tabBar设置
效果:

在这里插入图片描述
在app.json文件中的window下创建“tabBar”
在这里插入图片描述

添加“list:里面的几个变量分别是
①:pagePath:保存的是页面地址
在这里插入图片描述

②:text:图标下面的文字
在这里插入图片描述
③:iconPath:图标的相对路径(未点击的灰色图标)
在这里插入图片描述

附上常用图标网站:https://www.easyicon.net/1178751-Student_Hat_icon.html
④:SelectediconPath:被点击的彩色图标
⑤:注意tabBar的list内必须含有两个以字段
在这里插入图片描述
其他更多API,有兴趣的可查询官网深入学习!

第一次微信小程序学习!!日后每天分享微信小程序学习笔记!加油!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值