微信小程序引入Vant插件

news/2024/7/20 3:56:57 标签: 微信小程序, 小程序

Vant官网:Vant Weapp - 轻量、可靠的小程序 UI 组件库

先查看官网的版本

新建一个package.json页面,代码写上:(我先执行的npm安装没出package页面,所以先自己创建了一个才正常)

{
  "dependencies": {
    "@vant/weapp": "^1.11.4"
  }
}

然后在终端执行获取Vant代码

npm i @vant/weapp -S --production

然后将 app.json 中的 "style": "v2" 整行删除

然后再把这段加到project.config.json文件

"showShadowRootInWxmlPanel": true,
    "packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "./"
      }
    ],

 

 安装完成后点击npm构建

 使用正常按官网的使用即可


http://www.niftyadmin.cn/n/5396581.html

相关文章

代码随想录算法训练营day31|理论基础、455.分发饼干、376. 摆动序列、53. 最大子序和

理论基础 代码随想录 贪心的本质是选择每一阶段的局部最优,从而达到全局最优。 贪心一般解题步骤: 贪心算法一般分为如下四步: 将问题分解为若干个子问题找出适合的贪心策略求解每一个子问题的最优解将局部最优解堆叠成全局最优解 这个四步其…

oracle DG 原理

在Oracle中,什么是DG?DG有哪些优缺点? DG(Data Guard,数据卫士)不是一个备份恢复的工具,然而,DG却拥有备份的功能,在物理DG下它可以和主库一模一样,但是它存…

程序员眼中的“祖传代码”:探索nginx和haproxy的古老智慧与神秘技巧

在程序员的世界里,有一些代码被称为“祖传代码”。它们就像一本古老而神秘的魔法书,蕴藏着无尽的智慧和技巧。这些代码有些像家传宝贝,代代相传,有些则像祖传秘方,只有少数人知晓。在这篇文章中,我们将探索…

Autoencoder深度学习中的无监督学习神经网络

在当今的深度学习领域中,自动编码器(Autoencoder)是一种常见的无监督学习神经网络模型,用于学习有效的数据表示。自动编码器在许多领域都有广泛的应用,包括特征提取、降维、图像去噪、生成模型等。 自动编码器的基本原…

MySQL中的describe关键字

背景 新建mysql表中需要一个描述的字段,本人就是用的describe,结果mybatis插入报错,去掉这个字段后结果正常 结果 检查代码后,认为代码正常,并且字段编写正确,类型也正确,怀疑是数据库这边的…

JavaEE:多线程(3):案例代码

目录 案例一:单例模式 饿汉模式 懒汉模式 思考:懒汉模式是否线程安全? 案例二:阻塞队列 可以实现生产者消费者模型 削峰填谷 接下来我们自己实现一个阻塞队列 1.先实现一个循环队列 2. 引入锁,实现线程安全 …

SpringMVC了解

1.springMVC概述 Spring MVC(Model-View-Controller)是基于 Java 的 Web 应用程序框架,用于开发 Web 应用程序。它通过将应用程序分为模型(Model)、视图(View)和控制器(Controller&a…

Groovy(第九节) Groovy 之单元测试

JUnit 利用 Java 对 Song 类进行单元测试 默认情况下 Groovy 编译的类属性是私有的,所以不能直接在 Java 中访问它们,必须像下面这样使用 setter: 编写这个测试用例余下的代码就是小菜一碟了。测试用例很好地演示了这样一点:用 Groovy 所做的一切都可以轻易地在 Java 程序…