目标 引入Vant组件库并配置 1. Vant组件库 1.1 目标 黑马头条项目 — 基于Vant组件库开发 1.2 移动端组件库 有赞团队推出的Vant组件库 其他移动端组件库 vux mint 1.3 引入vant组件库 下载vant组件库 yarn add vant@2.12.44 注意：这里使用的是Vue 2版本, 所以Vant 版本号最高只能是2.12.44, 要不然会报错 根据文档指引…
看了好几个网友的代码，真是坑啊。还是自己好好研究，才是王道。 直接参考官网的代码就好了 https://vant-contrib.gitee.io/vant/#/zh-CN/tabbar#zi-ding-yi-tu-biao ，具体属性，再参考API进行自定义配置。 Tabbar Props active-color 选中标签的颜色 string TabbarItem Slots 名称 说明 参数…
目录 Element UI 基础使用 Element UI组件链接 优化（按需打包使用到的组件） MintUI 基础使用 W3C Mint UI中文文档 优化注意 Vant 官方文档链接 Element UI 是饿了么前端团队推出的基于Vue的桌面端UI框架，和Bootstrap一样对原生的HTML标签进行了封装，进行了美化，让我们能够专注于业务逻辑而不是UI界面。 基础使用 在Vue-CLI的项…
前端MUI框架 前端各种框架的官网 移动端mui官网： https://dev.dcloud.net.cn/mui/ github下载地址： https://github.com/dcloudio/mui 移动端mint-uiw3c地址：https://www.w3cschool.cn/mintui/mintui-sy9b35s7.html（比官网好进） 官网地址： http://mint-ui.…
1-在使用vant 的lise 上拉加载的时候，页面进入不触发unload事件 2-上拉加载的父盒子没有设置高度 3- html结构如下 { { item.shortname}} { { item.name}} 4- js数据 data数据 loading: false, finished: false, methods函数 onLoad () { var that = this setTimeo…
vant-ui 使用(2) 记录近期所使用vantui组件的过程 使用过程中用到的vant文档 https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart#tong-guo-npm-an-zhuang 简述 组件名称 组件功能概述 Toast 轻提示 Icon 字体图标 Uploader 文件上传 Dialog 弹出框 Field 输入框 Actio…
Vant 什么是Vant Vant是一个轻量，可靠的移动端组件库，2017开源 目前 Vant 官方提供了 [Vue 2 版本]( https://vant-contrib.gitee.io/vant/v2)、[Vue 3 版本]( https://vant-contrib.gitee.io/vant)和[微信小程序版本 ]( http://vant-contrib.gitee.io/vant-w…
报错原因是没有找到样式文件；有可能是引入的资源失效了；所以得重新引入一下资源；我用的是vant所以进入以下网址找到对应版本的CSS文件导入代码辅助到项目中 vant - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers 版权声明：本文为qq_41812381原创文…
一、构建环境： Vant Weapp官网文档： https://youzan.github.io/vant-weapp/#/quickstart 1、方法一注意要在微信小程序根目录下安装；用cmd命令（用production会节省下载的资源） Ps：Node.js有一个很棒的包管理系统NPM。通过运行“npm install 包名”几乎可以安装任何包/库 2、在微信开发者工具中构建npm 相关np…
实现：使用css变量定制项目主题，和修改vant主题 定义和使用 css 变量 styles/index.scss /* 项目全局样式 现在浏览器都支持css原生变量 语法：1. 定义： --css变量名：css变量值 2. 使用： var(--变量名) 作用域： 1. 局部作用域 => .类型 { 在类名下定义的变量，只能在这个类名下使用} 元素在这里内名下才生效 2. 全局变量 =>…