Python学习笔记：7.6.2 Django快速建站 - Web开发实战 微信小程序2

前言：本文是学习网易微专业的《python全栈工程师 - Django快速建站》课程的笔记，欢迎学习交流。同时感谢老师们的精彩传授！

一、课程目标

• 使用weUI组件
• 创建tabBar
• 更多常见应用开发

二、详情解读

2.1.weUI组件

2.1.1.介绍

• weUI组件是一套基于样式库weui-wxss开发的小程序扩展UI组件库
  – 同微信原生视觉体验一致的组件库
  – 由微信官方设计团队和小程序团队为微信小程序量身设计
  – 用户的使用感知更加统一

2.1.2.安装组件库

• 安装
  – 进入到小程序项目要目录
  – 安装cnpm，解决npm安装源问题：

npm install -g cnpm -registry=https://registry.npm.taobao.org

• 安装weUI组件

cnpm install weui-miniprogram -S

-S：表示生成package.json文件

2.1.3.使用组件库

• 在app.wxss中引入安装的组件库

@import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';

2.2.创建tabBar

2.2.1.创建流程

• 在app.json中添加："tabBar": {...}

"tabBar": {
	"color": "black",
	"position": "bottom",
	"list": [
		{
			"pagePath": "pages/index/index",
			"text": "首页",
			"iconPath": "images/index.png",
			"selectedIconPath": "images/indexed.png"
		},
		{
			"pagePath": "pages/books/books",
			"text": "书籍",
			"iconPath": "images/book.png",
			"selectedIconPath": "images/booked.png"
		},
		{
			"pagePath": "pages/location/location",
			"text": "位置",
			"iconPath": "images/location.png",
			"selectedIconPath": "images/locationed.png"
		},
	]
}

更多图标，请参考官网：https://www.iconfont.cn

本节微信小程序源码，请参考分享资源里的专题一
链接:https://pan.baidu.com/s/1FfgbrIw0VwtUDJ-ZVUiALA
提取码:d7ke

三、课程小结

• 01 使用组件库
• 02 创建tabBar
• -03 开发其他功能