UI框架有很多，比如微信官方为公众号开发提供的WeUI、适合后端程序员使用的Layui等。UI框架一般只是给前端狗写静态页面提供方便。这类框架一般提供css和js文件，使用时引入css和js文件，然后html页面里使用框架规定的类名，或者说html页面里复制框架的html即可渲染出完整的html页面。不用再手工去表单、列表、样式等等，而且一般UI框架的兼容性、美观度都会比我们手写好很多。初学时我还
转载
2024-06-20 13:17:17
528阅读
vue2使用vant组件库 文章目录vue2使用vant组件库一、vant是什么？二、使用步骤1.引入vant2库2.引入 自动按需引入组件3.在main.js中按需引入组件（推荐）4.或者只是在某个index.vue内使用（推荐）5.在main.js中导入所以组件（不推荐）6.使用案例：7.针对`Toast is not defined at eval`三、`针对H5使用rem后导致vant样式
1 改变富文本样式和vant组件样式需要注意的地方使用vue的v-html属性后.想改变富文本里面的样式,不能把样式写在scope里面想改变vant组件的样式只能用css语法去更改样式,同时注意层级关系2 阻止页面滚动@touchmove.prevent3 DropDown组件使用时，子选项无法绑定事件的处理<el-dropdown-menu slot="dropdown">
openEA开源周刊openEA开源社区的官方运营载体这里每天给大家呈现有价值的开源资讯，欢迎您的来稿与推荐，点击上方蓝色字，加入我们吧！摘要：随着Web技术的不断发展，前端开发框架层出不穷，各有千秋，俗话说，活到老学到老，本周为大家奉上前端UI框架的开源项目，希望大家能够在学习的道路上更加通畅！openEA开源社区(ID:openEA)| 出品小夕 | 编辑openEA_WIK
前言 MUI跟Element-ui都属于美化页面，个人觉得MUI用于移动端项目比较合适，Element-UI用于PC端。了解 MUI不能通过npm或者yarn、cnpm下载，只能通过去网上下载的方式，亦或者利
转载
2024-03-18 21:47:38
62阅读
目录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.了解
Element ui、Vant ui 批量文件上传，组件动态绑定
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
<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和element ui1.安装vant# 通过 npm 安装npm i vant -S# 通过 yarn 安装yarn add vant2.安装element uinpm i element-ui -S二、配置按需引入插件1.vantnpm i babel-plugin-import -D2.element uinpm insta...
原创
2022-01-05 16:30:22
889阅读
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二.按需引入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：使用scss语法的时候使用::v-deep 做样式穿透。 情况2：使用css语法就使用>>>做样式穿透。 注：两者都需要在该页面的class名下使用。 ...
转载
2021-08-17 16:03:00
557阅读
2评论
目录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-ui
> vue mobile UI components
转载
2020-03-22 19:15:00
523阅读
2评论
01.查看网络流量
a.systat -if 1 （1表示1s刷新屏幕一次）
b.netstat 1
# Traffic 流量 peak 峰值 average 平均值
02.查看硬盘信息
diskinfo -vt /dev/ad0
disklable /dev/ad0 (分区信息)
disklable /dev/ad0s2
03.查看核心信息
vmstat 1
04.查看进程
top
转载
2024-07-30 16:05:43
37阅读
遗留问题书接上回，说道利用 sideEffects 字段，只需读取源文件即可实现按需加载，还有个坑忘了说...
文档中的样式打包后会丢失...
因为我们只注意到了作为组件库的源代码，而忘了我们的文档是通过 vuepress 编译，即底层也是基于 webpack 进行打包。所以 sideEffects 中也要加上文档中的文件。组件文档该写些什么？在编写组件库文档时，有两个必不可少的部分。组
转载
2023-10-26 15:47:03
56阅读
1.select选择器呈现树状结构，并且同时获取value值和label值 <el-cascader
v-model="typeCode"
ref="cascaderKnowledge"
:options="knowledgeTypeOptions"
:props="knowledgeTypeProps"
@c
# Vant UI iOS问题解析
## 引言
Vant UI是一款基于Vue.js的移动端组件库，提供了丰富的UI组件和交互效果，方便快速构建移动应用。但在iOS平台上，Vant UI存在一些兼容性问题，本文将对这些问题进行分析并提供解决方案。
## 问题一：iOS滚动穿透
在iOS平台上，当页面出现弹窗或滑动组件时，底部的页面内容也会随之滑动，造成滚动穿透的问题。这是因为iOS下的滚动
原创
2024-02-01 04:27:11
551阅读
