1 下载依赖 npm install --save vue-pdf 2` import pdf from 'vue-pdf' export default { components: { pdf, }}, metaInfo: { meta: [ { name: 'viewport', content: 'width=device-width,initial-scale=1,minimum-scal…
1.通过npm安装Vant: 在miniprogram目录下通过 npm init 初始化package.json. 一路回车后, package.json初始化完成, 而后安装Vant: 安装Vant, 安装完成后可以看到 node_modules 文件夹, 并且package.json已经添加了依赖: 2.修改app.json( 删除 "style": "v2" ): 将 app.json 中…
前言 我们在开发微信小程序时，设计和实现好用的用户界面无疑是至关重要的一步。但是微信小程序官方自带的 UI 组件库无法满足很多使用场景，这个时候就需要我们使用一些第三方的 UI 组件库。而 vant Weapp 作为一款优秀的前端 UI 组件库，可以帮助我们快速地构建漂亮而且易用的界面。在本文中，我将会介绍 vant Weapp 如何在微信小程序中安装、使用，以及它如何帮助我们构建高质量的微信小程…
首先把之前 的VANT 卸载掉 npm uninstall vant 然后重新安装 一次vant npm i vant -S 转载于:https://www.cnblogs.com/huzhuhua/p/11139661.html
提示 ：不知道怎么配置环境的请先看第一篇的介绍： 点击这里 1.引入 "usingComponents": { "van-popup": "/path/vant-weapp/popup/index", "van-datetime-picker": "/path/vant-weapp/datetime-picker/index" } 2.使用 van-popup 默认从中间弹出， position …
1、小程序生成项目 创建小程序项目。使用微信开发者工具创建小程序项目； 2、使用node生成package.json #进入小程序目录 cd /Users/singularity/wechat/car #使用 命令创建 package.json npm init # package.json 采用问答模式创建 #1、项目名称 当不输入直接巧回车 默认为括号中的car package name: (…
引入全局css import ‘vant/lib/index.css’; 引入单个组件样式 import ‘vant/lib/toast/style/less’; 新建一个less文件，用于修改vant的less变量 如conver_vant.less,在里面修改变量 //toast @toast-background-color:blue; @action-sheet-max-height:80…
1、官网上的原话： rate 属性表示进度条的目标进度， v-model 表示动画过程中的实时进度。当 rate 发生变化时， v-model 会以 speed 的速度变化，直至达到 rate 设定的值。 此时我要做五个环形，无论怎么改变这个rate的数值都会影响前面的第一个环形， 原来的错误写法： <div class="circle"> <div class="circle1…
1.安装lib-flexible（用于设置 rem 基准值） npm i -S amfe-flexible 2.在main.js文件中引入lib-flexible import ‘amfe-flexible’ 3、安装postcss-pxtorem（postcss-pxtorem是一款 postcss 插件，用于将单位转化为 rem） npm install postcss-pxtorem --s…