一、创建微信小程序demo
创建微信小程序之前先获取APPID,获取AppID先到微信公众平台注册账号,有账号的话直接扫码登入,然后获取AppID,填入下图创建小程序的AppID,我们使用微信云开发。
云开发:
包含数据库,云函数,云存储
二、引入第三方UI组件
微信小程序提供了自己的UI组件,同时也可以开发使用第三方组件,如有赞团队开发的Vant Weapp
首先在该目录下右键,用外部终端打开,然后构建package.json文件,执行:npm init,然后再安装vant组件,执行:npm i @vant/weapp -S --production
构建npm:
在微信小程序编辑器中打开工具,构建npm,会生成一个miniprogram_npm文件
详情——使用npm模块
程序中应用外部组件:
在每个模块的index.json或者全局的app.json中引入:
代码中使用:
三、使用第三方字体库
使用阿里巴巴矢量库图标,选择好图标后,把图标下载至本地
然后把下载的iconfont.css复制到自己的目录下,更改成iconfont.wxss,把上面的那段代码复制覆盖到下面的@font-face
使用iconfont:
在使用的模块引入该文件:@import "../../css/iconfont.wxss";