table 组件错位导致问题出现的原因很多;1. 内容区超过td范围, ant 组件并不像ele 提供了 tool-tip展示,解决办法:在每个单元格外包一层div 设置宽度 css 样式 处理成 文本溢出 省略号 代替显示 当然你回发现这样处理过后文本是不会超出了,但是错位问题还是没有解决。2. index 列 和 check 列同时出现 会存在错位。index 列 ant 是不支持 配置的,
开发模式预览 demo在开发一个 ui 组件库时,肯定需要一边预览 demo,一边修改代码。常见的解决方案是像开发一般项目一样使用 webpack-dev-server 预览组件,比如通过 vue-cli 初始化项目,或者自己配置脚本。文艺一点儿地可能会用到 parcel 来简化 demo 的开发配置(比如 muse-ui)。展示文档作为一个 ui 组件库,也肯定要有自己的组件展示文档。一般业界常
Ant Design Pro of Vue——蚂蚁金服中后台系统框架搭建Ant Design Pro of Vue下载安装启动步骤:一、Ant Design Pro of Vue 的介绍Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升
https://github.com/vueComponent/ant-design-vue/pull/6173 参照5W1H分析法解释下为什么要提这个pr?what?何事?ant-design-vue(下文以antv简称)是ant-design(下文以antd简称)的vue实现,组件的风格和antd保持同步。why?何因?因为,antd自@4.2.0版本提供了分段控制器(segmented)组件
转载 4月前
264阅读
推荐开源项目:Ant Design Vue Awesome项目简介Ant Design Vue Awesome 是一个基于 Ant Design Vue 的强大UI组件库,致力于为Vue.js开发者提供优雅、一致且高效的开发体验。这个项目是对官方Ant Design Vue组件的一个增强版,它添加了许多实用功能和自定义选项,使得在构建企业级前端应用时更加得心应手。技术分析基于Ant Design
转载 1月前
22阅读
一.项目要求1.要求:点击新增按钮弹出新增页面,在输入名称时进行验证,当输入名称和列表下的名称相同,即后台数据库中存在,此时将会提醒用户,该名称已存在, 2.要求:该名称不存在,则新增成功二.思路1.错误的思路 我刚开始的思路是,准备在点击新增页面中的确定按钮时进行验证,但此时会存在一个问题: ——点击确定时,已经调用了后台新增接口,此时新增的需要输入的表单数据已经传给后台,此时并不能做到验证名称
继承 Ant Design 专业美观的优点,支持PC/手机/平板的响应式布局的优秀后台管理系统 UI 框架。关于 Artiely Vue AdminAnt Design 是阿里巴巴蚂蚁金服团队出品的前端 UI 组件库,背靠大厂、设计优美,是一个 React 实现的主要用于中后台管理系统的 UI 框架,同时为不同技术路线的前端开发者提供了 Angular 和 Vue 的实现。Ant Design P
一、Ant Design Pro 介绍1、访问地址:https://pro.ant.design/zh-CN/2、开箱即用的中台前端/设计解决方案二、使用Vue CLI3快速创建项目1、创建步骤:vue create ant-design 依据需要选择相应的依赖 cd ant-design 打开项目文件 npm i ant-design moment 安装项目中的依赖,依据momen
vue3.0正式版-语法一.vue3.0版本中elementui-plus的安装和使用1.安装:npm i element-plus扩展: vue3.0和antdesign一起使用,ant-design-vue需要v2的版本,否则当行这样的样式就会出现问题。import Antd from "ant-design-vue"; import "ant-design-vue/dist/antd.css
https://www.antdv.com/docs/vue/introduce-cn/ ...
转载 2021-09-09 07:54:00
276阅读
2评论
ant Design Vue 自定义loading今天又来更新一下 踩坑日记 希望 大家不要跟着一起填坑 就好!事情了,是这样的 UI设计 提出一个需求 认为 ant Design 的Spin 图标不好看 和我们的风格不搭 需要换成我们自己的图标!首先是看文档 能不能更换,果不然文档上写的很清楚 perfect,我就跟着他的demo 写了 但是感觉不对 因为只能添加 自带的icon 但自带的 i
微服务现在挺火的,优点也很明显如果有多个应用都有相同页面时,就可以使用微服务,可以避免重复写代码 在网上搜了下,很多例子都是基于官方文档的例子,官方文档:https://umijs.org/zh-CN/plugins/plugin-qiankun.比较简单,实际使用场景会有特殊情况我根据自己项目的情况总结了一下使用方法 我们两个项目都是ant-design-pro的,我这里的例
支持的环境: 现代浏览器和 IE9 及以上(需要 polyfills)。 支持服务端渲染。 Electron(一个跨平台的、基于 Web 前端技术的桌面 GUI 应用程序开发框架。可以使用 HTML、CSS 来绘制界面和控制布局,使用 JavaScript 来控制用户行为和业务逻辑,使用 Node. ...
转载 2021-07-13 14:28:00
368阅读
2评论
 写在前面    时间真快,转眼又是新的一年。随着前后端技术的不断更新迭代,尤其是前端,在目前前后端分离开发模式这样的一个大环境下,交互性、兼容性等传统的开发模式已经显得有些吃力。之前一直用的是react,随着后面钩子的加入更让人爱不释手,但是整个团队需要更新技术,这里选择了更容易上手的Vue(这里的容易上手并没有歧义,指的是更容易适应),也相信Vue3.0发布后会更
转载 3月前
54阅读
在B/S系统开发中,前后端分离开发设计已成为一种标准,而VUE作为前端三大主流框架之一,越来越受到大家的青睐,Antdv是Antd在Vue中的实现。本系列文章主要通过Antdv和Asp.net WebApi开发学生信息管理系统,简述前后端分离开发的主要相关内容,仅供学习分享使用在本示例项目中,主要包含两大部分:1.前端web项目【vsims.web】2.后端webapi项目【vsims.webap
前言vue作为前端主流的3大框架之一,目前在国内有着非常广泛的应用,由于其轻量和自底向上的渐进式设计思想,使其不仅仅被应用于PC系统,对于移动端,桌面软件(electronjs)等也有广泛的应用,与此诞生的优秀的开源框架比如elementUI,iView, ant-design-vue等也极大的降低了开发者的开发成本,并极大的提高了开发效率。笔者最初接触vue时也是使用的iview框架,亲身体会之
需求就是这么个需求,但实现起来也是为难我挺长时间的 看一下官网的介绍吧:头像上传好巧不巧,第二个案例介绍的就和我的需求一样! 等我在这里测试一下,结果发现: 图片一直处于上传状态,怎么也展示不到页面上。这是怎么回事呢?得,问题就是它了,看一下api介绍: 非得加上这个属性吗?我就不能数据收集完再一起提交吗? 当然可以!! 需要这三个api: :show-upload-list="false" :b
文章目录确认 Ant Design Vue 版本Upload 组件 API 关键参数和事件介绍参数事件Upload 组件代码实战基础代码构建自定义上传实现(customRequest)文件验证(类型、大小)模拟实现上传进度条效果上传图片预览完全控制上传列表 && 限制上传列表数量已上传图片回显完整代码api 文件 common.js公共函数文件 util.js主文件 Upload
项目场景:1,ant-design-vue 使用表单导入展示数据 2,项目需求显示为如下图所示,故涉及复杂表头的处理和显示 3,本篇文章主要以复杂表头的处理讲解为主,简单表头导入导出均引入xlsx之类的插件即可使用 循环对应产品属性的参与者信息并且标记填充展示功能分析:1,导出的效果,如果用原生自带的程序,是不会将两级复杂表头导出的,会默认展示两层表头的第二层,比如这样;由于没有一级表头的区分,故
被人诟病的FormForm的原理Vue版Form的进化史本文适合React、Vue开发者阅读,10分钟不够?那就再加10分钟。被人诟病的Formantd被人吐槽最多的除了彩蛋之外,那应该就是Form表单了。如果需要使用Form自带的收集校验功能,需要使用Form.create()包装组件,每一个需要收集的值还需要getFieldDecorator进行注册。官方文档大量的让人眼花缭乱的API,大概率
  • 1
  • 2
  • 3
  • 4
  • 5