- 安装vant
- npm install vant-weapp -S --production
- 引用
- /app.json
"usingComponents": {
"van-button": "vant-weapp/dist/button/index"
}
- 使用
<template>
<div id="hello">
hello world!!! <van-button type="primary">click</van-button>
</div>
</template>
- webpack.base.config.js配置
- 作用: 在编译的时候在小程序中复制node_modules文件加下的vant-app/dist目录
if (/^wx$/.test(PLATFORM)) {
baseWebpackConfig = merge(baseWebpackConfig, {
plugins: [
new CopyWebpackPlugin([{
from: resolve('node_modules/vant-weapp/dist'),
to: resolve('dist/wx/vant-weapp/dist'),
ignore: ['.*']
}])
]
})
}
- 小程序项目配置
- 勾选 ES5 转成 ES6
- 一定要勾选, 否则运行会报错
网站首页 > 开源技术 正文
猜你喜欢
- 2025-05-05 广州的冬天 x 橄榄色西装look(ibm笔记本电源16v真假)
- 2025-05-05 有人告诉你「Popover气泡卡片」这么好用吗
- 2025-05-05 微信小程序使用vant组件库(微信小程序view组件)
- 2025-05-05 Vant3手机端开发中导航栏的应用(vant 开发app)
- 2025-05-05 这是一台令无数少女为之吸引的跑车——阿斯顿马丁Vant...
- 2025-05-05 开源了一个 webpack 插件,希望对大家有所帮助
- 2025-05-05 vant navbar导航栏的用法(vant顶部导航栏)
- 2025-05-05 每周更新:Element、Vant新版更新、IntelliJ2019.1 发布 RC版
- 2025-05-05 vant-List 列表(vant table)
- 2024-08-26 Vue3+Vite+Vant-UI 开发双端招聘APP[独家首发已完结]
你 发表评论:
欢迎- 07-10公司网站建站选择:人工建站和源码建站分析
- 07-10多用途游戏娱乐新闻网站HTML5模板
- 07-10站长教你搭建属于自己的网站(搭建网站的步骤)
- 07-10php宝塔搭建部署实战响应式塑料封条制品企业网站模板源码
- 07-10自适应响应式汽车配件类网站源码 html5高端大气汽车网站织梦模板
- 07-10网站标签怎么设置?(网站标签怎么设置比较好)
- 07-10PageAdmin企业网站制作中踩过的坑
- 07-10豆包给我输出的html在线象棋源码(有点简单)
- 最近发表
- 标签列表
-
- jdk (81)
- putty (66)
- rufus (78)
- 内网穿透 (89)
- okhttp (70)
- powertoys (74)
- windowsterminal (81)
- netcat (65)
- ghostscript (65)
- veracrypt (65)
- asp.netcore (70)
- wrk (67)
- aspose.words (80)
- itk (80)
- ajaxfileupload.js (66)
- sqlhelper (67)
- express.js (67)
- phpmailer (67)
- xjar (70)
- redisclient (78)
- wakeonlan (66)
- tinygo (85)
- startbbs (72)
- webftp (82)
- vsvim (79)
本文暂时没有评论,来添加一个吧(●'◡'●)