Python学习笔记（7.6.2 Django快速建站 - Web开发实战微信小程序2） Python全栈工程师学习笔记

前言：本文是学习网易微专业的《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

【Python学习笔记（7.6.2 Django快速建站 - Web开发实战微信小程序2）】-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
三、课程小结