微信小程序npm安装有赞UI 组件库

微信小程序可以npm安装UI组件库，文档位置：npm 支持 | 微信开放文档

npm需要先安装node，直接到Node.js，下载安装node即可使用npm了。

然后到小程序自己目录下打开cmd。

记住步骤不要错：

第一步：npm init

然后一直回车，喜欢填也可以填版本资料等。

第二步：npm install --production

有赞的UI组件库：https://github.com/youzan/vant-weapp

第三步：执行：npm i @vant/weapp -S --production 安装有赞UI

然后自己小程序目录下多了一个node_modules目录，里面就是自己刚下载的@vant有赞的一些UI组件。

找到这个工具——构建npm。便会在自己小程序目录下生成miniprogram_npm目录。比如想使用按钮，就在miniprogram_npm\@vant\weapp\button中。

在详情中，选上使用npm模块。

以按钮组件为例，只需要在 json 文件中引入按钮对应的自定义组件即可:

{"usingComponents": {"van-button": "@vant/weapp/button/index"},"navigationBarTitleText": "社区","enablePullDownRefresh": true
}

接着就可以在 wxml 中直接使用组件:

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

将 app.json 中的 "style": "v2" 去除，小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。有赞文档链接，新版小程序导致样式覆盖不了。及时更新。

微信小程序npm安装有赞UI 组件库相关推荐

推荐微信小程序常用的几个UI组件库
在微信小程序开发的过程中,自己不借助UI组件库开发出来的页面,不但要花费更多的时间,页面的美观度上也有一定差距. 所以在这里我给大家推荐几个好看,常用的几个UI组件库. WeUI WeUI 是微信官方 ...
api 微信小程序组件库colorui_微信小程序常用的几个UI组件库
1.WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog. progre ...
微信小程序的经验总结，UI组件、图表、自定义bar你学会了吗
目录写在前面 1 如何使用自定义tabbar及权限控制拷贝官方demo中的custom-tab-bar文件到根目录入口文件app.json启用自定义tabbar 回到自定义custom-tab- ...
微信小程序：简单舒服新UI装逼制作神器
这是一款装逼神器小程序源码内包含了N种模板制作,另外并有大分类另外小编还给添加了几个流量主广告,包含了每一个页面都覆盖了而且流量主还不是单一种: Banner 激励视频视频广告多格子广告横 ...
微信小程序：大红喜庆版UI猜灯谜又叫猜字谜
大家好给大家带来一款UI比较喜庆的猜灯谜小程序大家看演示图的时候当然也是可以看得到那界面是多么的喜庆而且新的一年也很快就来了,所以种种的界面可能都比较往喜庆方面去变吧这款小程序搭建是免服务器和域 ...
微信小程序：喝酒神器新UI版本带特效和音效,缩减版本
这是一款也是自带音效和特效的微信小程序源码由多个喝酒小游戏组合而成,具体如下: 大话骰(带音效) 愤怒大叔(带音效,多个皮肤模板用户可选择) 指尖轮盘(带音效特效) 剪刀石头布(带音效特效) 789 ...
微信小程序：2022虎年新UI春节送祝福微信小程序
昨天好像也发了一款祝福语的小程序吧,然后今天就看到很多小伙伴上线运营了这是一款网友用以前小编发过的一款端午送祝福改的一款小程序里面的背景图包括祝福语都已经修改成与虎年相关的内容了总体来说找的背景 ...
微信小程序开发学习5（自定义组件）
微信小程序开发学习5(自定义组件) 1.学习目标能够知道如何自定义小程序组件能够知道小程序组件中behaviors的作用能够知道如何安装和配置vant-weapp组件库能够知道如何使用MobX ...
【微信小程序经验】各类图表相关组件+Demo源码（折线图，柱状图，K线，分时图）
各类图表功能,小程序自带API并没有提供,所以很多人就用了其他方法来实现,我将这些实现方法和教程聚合一下,以便能够迅速而方便的使用: 相关文章: 在微信小程序中绘制图表(part1) 在微信小程序中绘 ...
微信小程序template模板与component自定义组件的区别和使用
前言: 除了component,微信小程序中还有另一种组件化你的方式template模板,这两者之间的区别是,template主要是展示,方法则需要在调用的页面中定义.而component组件则有自己 ...

微信小程序npm安装有赞UI 组件库

微信小程序npm安装有赞UI 组件库相关推荐

最新文章

热门文章