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 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升
推荐开源项目:Ant Design Vue Awesome项目简介Ant Design Vue Awesome 是一个基于 Ant Design Vue 的强大UI组件库,致力于为Vue.js开发者提供优雅、一致且高效的开发体验。这个项目是对官方Ant Design Vue组件的一个增强版,它添加了许多实用功能和自定义选项,使得在构建企业级前端应用时更加得心应手。技术分析基于Ant Design
转载 2月前
28阅读
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)组件
转载 6月前
293阅读
一.项目要求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
288阅读
2评论
支持的环境: 现代浏览器和 IE9 及以上(需要 polyfills)。 支持服务端渲染。 Electron(一个跨平台的、基于 Web 前端技术的桌面 GUI 应用程序开发框架。可以使用 HTML、CSS 来绘制界面和控制布局,使用 JavaScript 来控制用户行为和业务逻辑,使用 Node. ...
转载 2021-07-13 14:28:00
368阅读
2评论
ant Design Vue 自定义loading今天又来更新一下 踩坑日记 希望 大家不要跟着一起填坑 就好!事情了,是这样的 UI设计 提出一个需求 认为 ant Design 的Spin 图标不好看 和我们的风格不搭 需要换成我们自己的图标!首先是看文档 能不能更换,果不然文档上写的很清楚 perfect,我就跟着他的demo 写了 但是感觉不对 因为只能添加 自带的icon 但自带的 i
微服务现在挺火的,优点也很明显如果有多个应用都有相同页面时,就可以使用微服务,可以避免重复写代码 在网上搜了下,很多例子都是基于官方文档的例子,官方文档:https://umijs.org/zh-CN/plugins/plugin-qiankun.比较简单,实际使用场景会有特殊情况我根据自己项目的情况总结了一下使用方法 我们两个项目都是ant-design-pro的,我这里的例
 写在前面    时间真快,转眼又是新的一年。随着前后端技术的不断更新迭代,尤其是前端,在目前前后端分离开发模式这样的一个大环境下,交互性、兼容性等传统的开发模式已经显得有些吃力。之前一直用的是react,随着后面钩子的加入更让人爱不释手,但是整个团队需要更新技术,这里选择了更容易上手的Vue(这里的容易上手并没有歧义,指的是更容易适应),也相信Vue3.0发布后会更
转载 5月前
64阅读
项目场景:1,ant-design-vue 使用表单导入展示数据 2,项目需求显示为如下图所示,故涉及复杂表头的处理和显示 3,本篇文章主要以复杂表头的处理讲解为主,简单表头导入导出均引入xlsx之类的插件即可使用 循环对应产品属性的参与者信息并且标记填充展示功能分析:1,导出的效果,如果用原生自带的程序,是不会将两级复杂表头导出的,会默认展示两层表头的第二层,比如这样;由于没有一级表头的区分,故
Ant Design of Vue一. 项目初始化初始化cnpm install启动:npm run serve注:这里也是可以用yarny本地启动地址:Local: http://localhost:8000/建议使用yarn拉取项目代码git clone https://github.com/sendya/ant-design-pro-vue.git cd ant-design-pro-vue
转载 5月前
105阅读
Ant Design是蚂蚁金服体验技术部打磨出一个服务于企业级产品的设计体系,通过模块化解决方案降低生产成本。前端实现涵盖了react vue angular等三大框架。ANTD PRO VUEAnt Designvue 实现,开发企业级后台产品。安装 ant pro vue 是一套基于Ant Design Vue的中后台管理控制台的脚手架。 直接从GitHub仓库中直接安装最新的脚手架代码。
前言vue作为前端主流的3大框架之一,目前在国内有着非常广泛的应用,由于其轻量和自底向上的渐进式设计思想,使其不仅仅被应用于PC系统,对于移动端,桌面软件(electronjs)等也有广泛的应用,与此诞生的优秀的开源框架比如elementUI,iView, ant-design-vue等也极大的降低了开发者的开发成本,并极大的提高了开发效率。笔者最初接触vue时也是使用的iview框架,亲身体会之
被人诟病的FormForm的原理Vue版Form的进化史本文适合React、Vue开发者阅读,10分钟不够?那就再加10分钟。被人诟病的Formantd被人吐槽最多的除了彩蛋之外,那应该就是Form表单了。如果需要使用Form自带的收集校验功能,需要使用Form.create()包装组件,每一个需要收集的值还需要getFieldDecorator进行注册。官方文档大量的让人眼花缭乱的API,大概率
Ant Design 引入vue2项目1.安装指定版本的ant-design-vue UI框架(当项目为vue2项目时)npm i --save ant-design-vue@1.7.82.vue2项目引入在main.js中import Antd from 'ant-design-vue'; import App from './App'; import 'ant-design-vue/dist/
  • 1
  • 2
  • 3
  • 4
  • 5