微信小程序项目开发---第一章 制作首页
一、设置首页 标题
(1)找到并打开app.json
(2)找到"window"属性下的
“示例01”可替换成自己的项目名称
拓展:
backgroundColor | HexColor | #ffffff | 窗口的背景色 |
backgroundTextStyle | string | dark |
下拉 loading 的样式,仅支持 dark / light
|
navigationBarBackgroundColor | HexColor | #000000 |
导航栏背景颜色,如 #000000
|
navigationBarTextStyle | string | white |
导航栏标题颜色,仅支持 black / white
|
其他可参考官网:全局配置 | 微信开放文档
(3)制作首页底端的导航栏
找到“tabBar”属性,并配置
属性 | 类型 | 必填 | 说明 |
---|---|---|---|
pagePath | string | 是 | 页面路径,必须在 pages 中先定义 |
text | string | 是 | tab 上按钮文字 |
iconPath | string | 否 |
图片路径,icon 大小限制为 40kb,建议尺寸为 81px * 81px,不支持网络图片。 当 position 为 top 时,不显示 icon。
|
selectedIconPath | string | 否 |
选中时的图片路径,icon 大小限制为 40kb,建议尺寸为 81px * 81px,不支持网络图片。 当 position 为 top 时,不显示 icon。
|
PS:数组中需要2个及以上的元素,不然会报错。
微信小程序项目开发---第一章 制作首页相关推荐
- DAY10微信小程序项目开发技术总结
一.每日实习任务 1.网页基础知识(html,css,js) 今天老师为我们介绍讲解了网页基础知识(html,css,js).首先,我们安装了谷歌浏览器及sublime text.老师为我们介绍了ht ...
- 微信小程序项目开发实战:用WePY、mpvue、Taro打造高效的小程序》(笔记4)支持React.js语法的Taro框架
Taro的编写代码方式和mpvue.WePY框架最大的一个差别就是,Taro并不是基于Vue.js的语法规范,而是遵循React语法规范,它采用与React一致的组件化思想,组件生命周期与React保 ...
- 【图片消消乐】单机游戏-微信小程序项目开发入门
这是一个微信小程序项目,是类似开心消消乐的休闲小游戏,老少皆宜,游戏互动里面的图片是用的任何图片素材,根据自己的需求更换图片即可.想要做游戏不知道怎么做,建议从这个小程序入手,花时间研究学习,很快就拥 ...
- 微信小程序项目开发知识点
小程序项目开发-商品详情跳转 介绍 商品列表跳转 url传参 代码示例 返回示例 返回参数说明 小知识点 第二步:设定商品详情的js,来获取到cid的参数 微信开发者工具设置 总结 介绍 本文讲解小程 ...
- 微信小程序项目开发教程
一.注册小程序账号 1.进入微信公众平台(https://mp.weixin.qq.com/),注册小程序账号,根据提示填写对应的信息即可. 2.注册成功后进入首页,在 小程序发布流程->小程序 ...
- 二、零基础入门微信小程序项目开发之页面跳转实现
前言 哈喽,大家好,我是明哥上一篇博客我们讲完了项目的引导页面的开发,这篇博文我们来讲讲如何从引导页页面跳转到我们的新闻预览页面,这是我们就要引入微信小程序的路由 ,什么是路由相信有前端开发经验的小伙 ...
- 在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案
主要是跟vue2相关的开发环境与框架. 本人选型方案 结合自身知识系统(vue2,webstorm),综上相关框架了解,选择了以下方案: 开发环境:HBuilder X + Webstorm 框 ...
- 摩斯电码-打码机练习-微信小程序项目开发入门
这是一个对摩斯电码小程序项目的开发步骤详解,用于摩尔斯电码打码练习,适合新手练习,对摩尔斯电码很感兴趣,相信掌握以后就可以使用手电筒发射光信号了,只要远处有人能看到,以约定的摩斯电码翻译就会明白,有意 ...
- 【俄罗斯方块】单机游戏-微信小程序项目开发入门
这是一个仿俄罗斯方块小游戏的微信小程序,只需要写一小段代码就实现出来了,有兴趣的同学完全可以自己动手开发,来看看实现过程是怎样的呢,边写边做,一起来回忆小时候玩过的经典俄罗斯方块游戏吧. 文章目录 创 ...
最新文章
- JS判断GridView中复选框有没有被选中
- MongoDB配置参数说明
- 关于.net的.dll.refresh文件
- Framer – 将视觉搞转换为更真实的动态原型
- .Net Core中使用Quartz.Net Vue开即用的UI管理
- RHEL7 修改SSH默认端口
- VGG16与SSD算法Tensorflow代码实现对比
- 计算机网络基础系列(五)Socket与TCP/IP编程
- ZooKeeper Watcher注意事项
- 安装 VS2005 安装库 遇到vcredist.msi找不到问题
- 主机耳机没声音win10
- java csv 追加_java读、写、追加CSV
- display:flex flex-grow
- 我的Web安全学习之路
- 前端培训,丁鹿学堂和达内浅析
- Windows 10 截图功能再度升级
- Whale帷幄 - 内容智能分发 内容一键分发
- JAVA判断一个数是否为质数
- 【物联网学习笔记——人人学IoT系列】二、IoT平台,能力开放
- 数字化时代,数据分析未来发展如何
热门文章
- 如何与低智商的人相处?
- 基础阶段(三)MDP核心——贝尔曼方程
- 7 centos 配置sudo权限_CentOS7 配置sudo并使用
- C语言参数传递——地址传递与值传递
- Visio 画图去掉页边距的解决办法
- 前端拖拽时手型为禁用
- How the System Finds and Loads Drivers
- jdk8新特性之出现This inspection finds all usages of methods that have @since tag in their documentation.
- 优美库图片小程序	Version1.0
- 运用Python爬虫爬取一个美女网址,爬取美女图