MintUI 组件Github 仓储地址Mint-UI官方文档安装Mint UInpm install --save mint-ui导入所有MintUI组件：import MintUI from 'mint-ui'导入样式表：这里 可以省略 node_modules 这一层目录import 'mint-ui/lib/style.css'在 vue 中使用 MintU...
原创
2021-09-02 11:22:43
228阅读
Mint UI 是 由饿了么前端团队推出的 一个基于 Vue.js 的移动端组件库,具有以下特载组件。可以只加载声明过的组件及其样式文件，无需再纠结文件体积过大。 考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各种动效，避免浏览器进...
原创
2020-06-01 08:46:47
86阅读
UI框架有很多，比如微信官方为公众号开发提供的WeUI、适合后端程序员使用的Layui等。UI框架一般只是给前端狗写静态页面提供方便。这类框架一般提供css和js文件，使用时引入css和js文件，然后html页面里使用框架规定的类名，或者说html页面里复制框架的html即可渲染出完整的html页面。不用再手工去表单、列表、样式等等，而且一般UI框架的兼容性、美观度都会比我们手写好很多。初学时我还
转载
2024-06-20 13:17:17
528阅读
Vue_UI与VuexUI库element-ui官网：https://element.eleme.cn/#/zh-CN/component/installationhttps://element.eleme.cn/#/zh-CN/component/installationhttps://element.eleme.cn/#/zh-CN/component/installation
Element
vueinitwebpackprojectnamenrmlsnrmusetaobaonpmimint-ui-Svueinitwebpackprojectnamenpminstallnpminstall--savevuenpmrundev
原创
2019-12-29 18:10:40
1061阅读
Vue Vant1.Vant 概述 Vant是一个轻量，可靠的移动端组件库，2017开源目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。课程中使用Vant 2.x版本可以浏览网站https://youzan.github.io/vant/v2/#/zh-CN/2.Vant的优势ElementUI是开发电脑浏览器页
转载
2024-05-07 15:47:28
1397阅读
目录Element UI基础使用Element UI组件链接优化（按需打包使用到的组件）MintUI基础使用W3C Mint UI中文文档优化注意Vant官方文档链接Element UI是饿了么前端团队推出的基于Vue的桌面端UI框架，和Bootstrap一样对原生的HTML标签进行了封装，进行了美化，让我们能够专注于业务逻辑而不是UI界面。基础使用在Vue-CLI的项目文件下输入命令行npm i
vue项目从构建到集成所需要的内容，达到便捷开发的功能一.创建项目结构目录1.使用脚手架创建，在命令行中输入 vue create vue-vvv2.了解如何启动项目 创建项目目录后最后有上图的提示,接着上面的操作继续在命令行中输入 cd vue-vvv 进入项目所在的根目录下 npm run serve 启动项目 在本机上就可以通过浏览器访问：http://localhost:8080/3.了解
<template>
<div class="edit-address">
<van-cell-group>
<van-field v-model="receiver" clearable label="收货人" placeholder="请填写联系人姓名" @click-right-icon="$toast('question')
转载
2024-09-02 10:16:56
175阅读
目录vant框架的使用使用一个Tabbar 标签栏App.vue封装为一个MainTabbar.vue组件使用一个Swipe 轮播图**Home.vue**组件使用轮播图使用一个 Gird 宫格 实现商品列表展示**Home.vue**组件**goodsDetails.vue**详情页组件商品列表之中 点击图片显示商品的预览 大图片详情页**Details.vue**之中详情页**Details
转载
2024-03-03 13:54:11
304阅读
新建前端Vant项目（用户终端）1、新建Vant因为是给用户使用的，怎么说呢，现在大部分用户使用这些用的终端应该就是手机了，所以我们做手机端的就比较好，因此新建一个项目用Vant来做就好Vant是一个和Element差不多的组件只不过Vant是给手机上适配的Vant 3通过Win+R打开运行窗口，输入cmd进入命令窗口，在D盘的project2101文件夹下，新建vue项目vue create u
前言现如今前端的技术再向框架化的发展，框架的使用提高我们的编码的效率和性能的优化，同样CSS样式也是越来越高的要求，今天我要向大家介绍的就是较火的前端UI框架Vant UI组件库介绍Vant 是有赞前端团队开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。一、 Vant小程序组件1、自己封装的
vant： https://youzan.github.io/vant/#/zh-CN/radio
转载
2022-07-21 10:11:25
150阅读
目录一.按需引入Element二.按需引入Vant三.按需引入Ant-design-vue 一.按需引入Element1.安装Elementnpm i element-ui -S2.按需引入 按需引入借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。 element-ui官网 https://element.eleme.cn/#/zh-CN/
转载
2024-09-30 14:30:18
214阅读
1.安装vant 2.npm i va
原创
2022-04-29 15:24:32
856阅读
使用场景：当弹窗出现的时候会发现底部的页面能滚动 解决方法：在mt-popup标签中加上@touchmove.native.stop.prevent 这个方法是阻止默认根元素的默认事件，native是关键，这个表示根元素的意思，也就是body或者html <mt-popup class="confi ...
转载
2021-10-15 14:06:00
897阅读
2评论
介绍微前端 single-spa 项目过程中，遇到的 Vue 子应用和 React 子应用路由跳转问题，及实际项目中的解决方案。
前言本文介绍的是在做微前端 single-spa 项目过程中，遇到的 Vue 子应用和 React 子应用互相跳转路由时遇到的问题。项目情况：single-spa 项目，基座用的是 React，目前是2个子应用一个 Vue 一
一、安装Vant框架 1、如图 2、安装 二、 按钮的使用 1、更改全局样式和使用 代码如下： import 'vant/lib/index.css'; import {Button} from 'vant'; Vue.use(Button) //在需要的页面中就可以直接使用，页面当中也无需再次引入
转载
2020-02-10 18:45:00
467阅读
2评论
添加Vant引用如果想要在项目中使用Vant提供的组件需要在Vue项目代码中添加Vant的引用Vue项目的src/main.js文件中,添加引用代码如下import Vant from 'vant'
import 'vant/lib/index.css'
Vue.use(Vant)教程：第二步 添加了上面的引用,当前Vue项目就可以使用Vant组件了为了实时运行项目,我们先启动Vue项
转载
2024-05-23 18:11:53
202阅读
基于vant-ui的vant-picker二次封装 文章目录前言一、vant提供的组件用法1.代码片段2.下拉框数据源3.实现效果二、封装组件1.引入vant库2.组件实现3.组件调用4.组件效果5.表单提交时获取下拉框文本和下拉框文本对应的key值6.自定义formData中下拉框文本和下拉框文本对应的key值总结 前言在项目中表单项经常会出现下拉选择框，但是在vant中没有提供直接的selec
转载
2024-07-04 21:00:57
123阅读
