本人vue 版本为 2的 vue 首先，安装一个库包 npm install less-loader@5.0.0 --save-dev 这个 的安装，可能会造成版本的问题，我当初安装的时候，会因为这个版本高了报错Module build failed: TypeError: this.getOptions is not a function，最后，安装了这个5的版本，就好了。 在 main
vantUI 安装: cnpm install vant -save 官网:vantUI 安装插件 npm i babel-plugin-import -D 在.babelrc中配置plugins（插件） "plugins": [ "transform-vue-jsx", "transform-runtime", ["import",{"libraryName":"van
vant-ui的按需加载 babel-plugin-import 实现按需加载 “ babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式// 插件安装 yarn add babel-plugin-import -D 复制代码 // 在babel.config.js 中配置 module.exports = {pre… vant-
课程表功能的实现 思路1.节数与天数和grid内单选框索引的转换2.单选框样式的魔改温馨提示:尽量用原生源码 思路 课程表的实现,我想了很久,在没有现成组件库的情况下实现,我主要是用了vant weapp的宫格和单选框来实现,主要的难点有以下两个方面: 1.节数与天数和grid内单
Uniapp 导入 Vant 组件库 Vant Weapp 开发文档 Vant Weapp - 轻量、可靠的小程序 UI 组件库 创建 wxcomponents 目录 在 uniapp 项目的根目录下，创建一个新的 wxcomponents 目录 下载 vant-weapp 项目 $ git clone git@gitee.com:vant-contrib/vant-weapp.git 下载下来后，把
项目初始化：仅记录 # 一、项目初始化 > 目标 > - 能使用 Vue CLI 创建项目 > - 了解 Vant 组件库的导入方式 > - 掌握制作使用字体图标的方式 > - 掌握如何在 Vue 项目中处理 REM 适配 > - 理解 axios 请求模块的封装 ## 使用 Vue CLI 创建项目
以前做项目使用过VantUI，因为需要适配设计稿尺寸所以要通过转换px/rem以达到适配，特地记录方法，使用vue版本为2.5.2 转换原因 VantUI组件库的设计稿尺寸是375，如果你的移动端项目设计稿是640或750的话，在使用部分组件（如Toast）时，会因为尺寸对应不上导致其他尺寸下组件样式可能会有问
1.项目第三方库 cdn引入 vue.config.js 中 // 是否为生产环境 const isProduction = process.env.NODE_ENV !== 'development' // 本地环境是否需要使用cdn const devNeedCdn = false // cdn链接 const cdn = { // cdn：模块名称和模块作用域命名（对应window里面挂载的变量名称）
一、UI框架 1.1UI框架之PC端（elementUI） 官网地址 https://element.eleme.cn/#/zh-CN 安装 npm install(i) element-ui + element-ui@2.15.1 全局引入UI框架 main.js //引入UI库 import ElementUI from 'element-ui' //全局引入css样式 import 'element-ui/lib/theme-chalk/i
vant-weapp：https://vant-contrib.gitee.io/vant-weapp/#/intro vant-vue（移动端）：https://youzan.github.io/vant/#/zh-CN/intro 大厂获取当前北京时间戳api：https://www.jsjiami.com/article/get-now-time.html 腾讯位置服务我的应用：https://lbs.qq.com/dev/console/applicat
此处，在小程序中调用UI组件 库https://youzan.github.io/vant-weapp 1.首先，命令行进入miniprogram目录，执行 npm init -y, 之后执行 npm i vant-weapp -S --production 安装好之后的组件如图所示： 2. 步骤二 构建 npm 包 打开微信开发者工具，点击 工具 -> 构建 npm，
项目模板说明 通过 px2rem-loader 和 amfe-flexible 实现 px 自动 转rem, 不想转rem的可以使用 大写 的 PX使用 less 或 scss ，项目中已经安装好依赖，根据自己的需求选择 搭建步骤 创建一个Vue项目 vue init webpack my-vant-app //（详细步骤就不多说了。。。） 安装 px2rem
一、安装npm 下载地址：https://nodejs.org/en/download/ npm -v 查看版本号 C:\Users\admin>npm -v 6.14.12 有这版本号，表示就已经安装成功了。 二、构建npm 进入小程序根目录（app.js所在目录）,打开cmd，执行： npm init -y 添加 vant-weapp 依赖 npm i vant-weapp -S --productio
Vant主题定制方法 使用场景： 第一种：完全替换主题色或其他样式 1.main.js引入样式原文件 2.创建less文件 3.修改配置 4.修改样式 第二种：直接覆盖样式 1.找到class类名 2.修改样式 使用场景： 需要修改vant组件的颜色或其他的样式时，可以用以下方法进行自定义修改。 一
Vant tabbar使用教程：https://youzan.github.io/vant/#/zh-CN/tabbar 关于基本的安装、引入组件就不再详细讲解，请自行按照文档安装章节进行。 封装Tabbar 在不同页面显示tabbar，如果tabbar修改，则需要变动多个页面 封装成组件后，统一引用组件，修改tabbar则只需要改动组件文件 封装后引
uniapp 使用 Vant Weapp 组件（亲测有效) 1. 下载 网址：https://github.com/youzan/vant-weapp 下载压缩包并解压 2. 置入 (1).在项目中创建一个文件夹 wxcomponents，与pages文件夹同级 (2).第一步解压后的文件目录下有一个dist文件夹 ，重名为vant，把他放置到我们创建的wxcomponen
创建项目 一、 使用 DCloud 公司提供的 HBuilderX 来创建项目 https://uniapp.dcloud.io/quickstart-hx 二、 使用脚手架搭建项目 ( 以微信小程序为例 ) 全局安装 npm install -g @vue/cli 创建项目 vue create -p dcloudio/uni-preset-vue my-project 选择模板(这里选择了
vant-ui 使用(2) 记录近期所使用vantui组件的过程 使用过程中用到的vant文档 https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart#tong-guo-npm-an-zhuang 简述 组件名称组件功能概述Toast轻提示Icon字体图标Uploader文件上传Dialog弹出框Field输入框ActionSheet动作面
小程序运用到的ui框架是 vant ui，需要用此ui的同学，请先跟着小冰的步骤一步一步来。 1、在小程序的根目录下执行以下三个命令 npm init //初始化，生成package.json文件 npm install --production npm i vant-weapp -S --production //安装vant 2、在开发者工具中，设置一下下（这
1.按键win+R打开 cmd 2.npm -v 若出现版本号 证明没问题 3.node -v 若出现版本号 证明没问题 若没出现版本号 http://nodejs.cn/ 该网站进行下载对应版本，下载后一路点击next，默认安装到c盘，不用配置了。 选中miniprogram-- 在终端打开-- 输入npm init -y 出现mode的文件夹 5.微
使用的是iconfont的图标，下载至本地使用的，图标比较少，使用的文件中引入，使用import或者css的@import都不行，一直报错最后被逼无奈，在main.js中引入的图标 这不是我本意，后续有时间继续探讨在指定文件引入字体图标的问题使用的时候是van-field的组件中使用的，该组件自带了后缀图标
场景：vue父组件和子组件之间的传递，在子组件弹层需要校验表单弹出校验规则： 修改方法是确定一下vant吐司的z-index值，再看看自己的弹层z-index值，设置比vant吐司的z-index小即可；【我的问题是没有设置z-index值】 this.$toast({ message: '请输入11位手机号', forbidClick: true })
一、vant组件库的官网地址：https://vant-contrib.gitee.io/vant/#/zh-CN/icon 二、具体安装配置步骤： 1、在项目里cmd输入命令进行安装： npm i vant -S 2、安装 babel-plugin-import 插件，babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需
一.组件是什么 组件：具有完整功能（html-视图,css-样式,js-逻辑），并且独立运行的模块 插件：通常是为了完成某项具体的业务功能而开发的js文件 例如：swiper.js,弹框.js，。。。。 类库：library,是提供了为了完成项目的工具方法的集合，跟具体的业务无关！ 例如：jQuery,lodash.js 框架:framewo
一、小程序组件复用 组件是什么 组件：具有完整功能（html-视图,css-样式,js-逻辑），并且独立运行的模块 插件：通常是为了完成某项具体的业务功能而开发的js文件 例如：swiper.js,弹框.js，。。。。 类库：library,是提供了为了完成项目的工具方法的集合，跟具体的业务无关！ 例如：jQuery,lodash
