微信小程序使用VantUI框架

Vant是有赞前端团队开源的移动端组件库，一个轻量级且美观的UI组件库；
Vant2网址： Vant 2版本、Vant 3版本

微信小程序开发者工具内 / cmd 打开命令行

输入初始化项目命令：npm init

输入命令回车后根据需要填写一些内容，不填就一路回车，然后你会发现项目多了以下两个JSON文件

继续初始化

npm install

使用npm安装vant-weapp：

npm i @vant/weapp -S --production

微信开发工具栏——工具——构建npm
点击构建npm会弹出提示框，点确定

构建完目录中多处一个miniprogram_npm文件夹

小程序新版基础组件强加了很多样式，难以覆盖，所以在app.json中去掉 “style”:“v2”

接下来就可以按需引用了，在app.json / 页面.json 中注册：

"usingComponents": {"van-button": "@vant/weapp/button/index"
}

wxml文件中使用组件：

<van-button plain type="primary">van按钮</van-button>

微信小程序使用VantUI框架相关推荐

微信小程序python自动化测试_微信小程序的自动化测试框架
微信小程序的自动化测试框架微信发布了小程序的自动化测试框架Minium,提供了多种运行验证方式,其特点: 支持一套脚本,iOS & Android & 模拟器,三端运行提供丰富的页 ...
mpvue 微信小程序_使用Vue.js开发微信小程序：开源框架mpvue解析
戳蓝字"CSDN云计算"关注我们哦! 作者 | 成全责编 | 阿秃转自 | 美团技术团队企业博客前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开 ...
初尝微信小程序2-基本框架
基本框架: .wxml :页面骨架 .wxss :页面样式 .js :页面逻辑描述一些行为 .json :页面配置创建一个小程序之后,app.js,app.json,app.wxss是必须的 ...
用Vue.js开发微信小程序：开源框架mpvue解析
前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程 ...
c++小程序代码_# 微信小程序的原生框架和taro对比 ##
微信小程序的原生框架和taro对比小程序历史(为什么会出现?) 2007年 iPhone H5 大家知道现在手机端主要是iOS.Android两大系统,实际上在早期有3大系统竞争,还有一个就是诺基亚 ...
python微信小程序自动化测试,微信小程序的自动化测试框架
微信发布了小程序的自动化测试框架Minium,提供了多种运行验证方式,其特点: 支持一套脚本,iOS & Android & 模拟器,三端运行提供丰富的页面跳转方式,看不到也能去得到 ...
微信小程序 python 自动化测试_微信小程序的自动化测试框架
微信小程序的自动化测试框架微信发布了小程序的自动化测试框架Minium,提供了多种运行验证方式,其特点: 支持一套脚本,iOS & Android & 模拟器,三端运行提供丰富的页 ...
微信小程序的自动化测试框架
微信小程序的自动化测试框架微信发布了小程序的自动化测试框架Minium,提供了多种运行验证方式,其特点: 支持一套脚本,iOS & Android & 模拟器,三端运行提供丰富的页 ...
原生微信小程序项目基础框架搭建
原生微信小程序项目基础框架搭建文件目录结构 1. 环境变量(开发环境, 线上环境,测试环境)便于在不同环境的切换接口的url webview的前缀url 埋点相关的环境参数本地存储的环境变量配置 ...
h5+js调取相机做取景框_使用Vue.js开发微信小程序：开源框架mpvue解析
戳蓝字"CSDN云计算"关注我们哦! 作者 | 成全责编 | 阿秃转自 | 美团技术团队企业博客前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开 ...

微信小程序使用VantUI框架

微信小程序使用VantUI框架相关推荐

最新文章

热门文章