HBuildx中使用vant的ui框架

输入 npm安装
npm i vant-weapp -S --production
或者yarn安装
yarn add vant-weapp --production

把dist中的文件全部拷贝出来，然后，在static’中新建一个文件夹，把dist的中的文件都粘贴到这里

然后就可以把node_modules删除了
然后在page。json中的当前文件中添加你要添加的组件
“usingComponents”: {
“van-button”: “…/…/static/vant/button/index” 你放置组件的地址
}

在index页面中引用就可以了

效果

注意点：
这个npm一定要勾选

HBuildx中使用vant的ui框架相关推荐

semantic ui html5,css中什么是Semantic UI框架？
什么是Semantic UI框架? Semantic UI是一个用户友好度爆表的响应式前端框架,具备3000多个主题变量和50多个UI组件,可以快速搭建漂亮的网页.Semantic UI还集成了许多第 ...
微信小程序 - Vant weapp UI 框架环境搭建详细教程（Window）
前言强烈推荐您打开官方文档,对照着本教程一起对比搭建坏境. 自从 2022 年开始,小程序做了很多改变和升级, 导致网上很多搭建教程文章的教程失效了,本文来做最新的教程. 第一步为了更贴合新手, ...
组件的生命周期，小程序如何引入第三方ui框架
笔记组件开发的三要素 properties //相当于vue中的props接收属性 triggerEvent//相当于vue中是$emit slot//和vue是类似的slot 1.可以通关slot ...
Artiely Vue Admin - 基于蚂蚁金服Ant Design构建的高颜值开源管理后台UI框架
继承 Ant Design 专业美观的优点,支持PC/手机/平板的响应式布局的优秀后台管理系统 UI 框架. 关于 Artiely Vue Admin Ant Design 是阿里巴巴蚂蚁金服团队出品 ...
是时候好好安利下 LuLu UI 框架了！
官方网站:l-ui.com/ 项目主页:github.com/yued-fe/lul- API文档:LuLu UI API中文文档你好,LuLu! LuLu UI是一个基于jQuery,针对PC网站 ...
一起Talk Android吧（第三百八十二回：UI框架）
文章目录使用背景概念介绍命令式UI框架声明式UI框架各位看官们,大家好,上一回中咱们说的是通知发送方式的的例子,这一回中咱们介绍的例子是UI框架.闲话休提,言归正转,让我们一起Talk An ...
有赞前端 UI框架「Vant」在离线无网络环境中使用 icon 无法显示的问题
有赞前端 UI框架「Vant」在离线无网络环境中使用 icon 无法显示的问题第一次使用这个框架.UI组件中规中矩,很简洁,不是特别多,基本够用.Vant 官网在内网中部署 Vue+Vant的项目 ...
html上的样式 ui vant_解决vue中组件库vant等ui组件库的移动端适配问题
1.首先把安装amfe-flexible,这里使用npm install npm i -S amfe-flexible 2.在入口文件main.js中引入 import 'amfe-flexible/ ...
手机/移动端的UI框架-Vant和NutUI
下面推荐2款手机/移动端的UI框架. 其实还有很多的框架,各个大厂都有UI框架.目前,找来找去,只有腾讯的移动端是setup语法写的TDesign,其他大厂,虽然都是VUE3写的,但是都还未改成set ...

HBuildx中使用vant的ui框架

HBuildx中使用vant的ui框架

HBuildx中使用vant的ui框架相关推荐

最新文章

热门文章