开发模式预览 demo在开发一个 ui 组件库时，肯定需要一边预览 demo，一边修改代码。常见的解决方案是像开发一般项目一样使用 webpack-dev-server 预览组件，比如通过 vue-cli 初始化项目，或者自己配置脚本。文艺一点儿地可能会用到 parcel 来简化 demo 的开发配置（比如 muse-ui）。展示文档作为一个 ui 组件库，也肯定要有自己的组件展示文档。一般业界常
最近接到一个项目需求：产品希望实现图片的批量上传，且图片可以拖拽排序； 后端同学给提供图片批量上传的接口，需求很小，但是觉得遇到的问题挺有意思，记录一下！问题1、按照ant-design的常规api，Upload多个文件上传导致请求多次，这就导致一个问题：上传多张图片我就得请求多次接口，一次只能上传一张图片，后端同学提供的批量上传的接口形同虚设；问题2、ant-design3.x版本不支持拖拽排序
之前写了一篇周和月日历，但感觉体验不是太好，所以有重新做了一遍，加上了动画。还可以自定义显示日历里的内容。现在贴出项目源码,我现在是放在里的下载资源里,我也想设为不要积分可以下载,但好像最少也要1积分地址为:这里哦现在我上传带了GitHub上了,可以去这里下载哦,如果觉得好的话希望能给个star,谢谢支持1.总共分为两个组件（父组件calendar.vue）<template>
&
Ant Design Pro of Vue——蚂蚁金服中后台系统框架搭建Ant Design Pro of Vue下载安装启动步骤：一、Ant Design Pro of Vue 的介绍Ant Design Pro 是一个企业级中后台前端/设计解决方案，我们秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升
table 组件错位导致问题出现的原因很多；1. 内容区超过td范围， ant 组件并不像ele 提供了 tool-tip展示，解决办法：在每个单元格外包一层div 设置宽度 css 样式 处理成 文本溢出 省略号 代替显示 当然你回发现这样处理过后文本是不会超出了，但是错位问题还是没有解决。2. index 列 和 check 列同时出现 会存在错位。index 列 ant 是不支持 配置的，
https://www.antdv.com/docs/vue/introduce-cn/ ...
转载
2021-09-09 07:54:00
288阅读
2评论
一、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
一.项目要求1.要求：点击新增按钮弹出新增页面，在输入名称时进行验证，当输入名称和列表下的名称相同，即后台数据库中存在，此时将会提醒用户，该名称已存在， 2.要求：该名称不存在，则新增成功二.思路1.错误的思路 我刚开始的思路是，准备在点击新增页面中的确定按钮时进行验证，但此时会存在一个问题： ——点击确定时，已经调用了后台新增接口，此时新增的需要输入的表单数据已经传给后台，此时并不能做到验证名称
继承 Ant Design 专业美观的优点，支持PC/手机/平板的响应式布局的优秀后台管理系统 UI 框架。关于 Artiely Vue AdminAnt Design 是阿里巴巴蚂蚁金服团队出品的前端 UI 组件库，背靠大厂、设计优美，是一个 React 实现的主要用于中后台管理系统的 UI 框架，同时为不同技术路线的前端开发者提供了 Angular 和 Vue 的实现。Ant Design P
支持的环境： 现代浏览器和 IE9 及以上（需要 polyfills）。 支持服务端渲染。 Electron（一个跨平台的、基于 Web 前端技术的桌面 GUI 应用程序开发框架。可以使用 HTML、CSS 来绘制界面和控制布局，使用 JavaScript 来控制用户行为和业务逻辑，使用 Node. ...
转载
2021-07-13 14:28:00
368阅读
2评论
微服务现在挺火的,优点也很明显如果有多个应用都有相同页面时,就可以使用微服务,可以避免重复写代码 在网上搜了下,很多例子都是基于官方文档的例子,官方文档:https://umijs.org/zh-CN/plugins/plugin-qiankun.比较简单,实际使用场景会有特殊情况我根据自己项目的情况总结了一下使用方法 我们两个项目都是ant-design-pro的,我这里的例
ant Design Vue 自定义loading今天又来更新一下 踩坑日记 希望 大家不要跟着一起填坑 就好！事情了，是这样的 UI设计 提出一个需求 认为 ant Design 的Spin 图标不好看 和我们的风格不搭 需要换成我们自己的图标！首先是看文档 能不能更换，果不然文档上写的很清楚 perfect，我就跟着他的demo 写了 但是感觉不对 因为只能添加 自带的icon 但自带的 i
推荐开源项目：Ant Design Vue Awesome项目简介Ant Design Vue Awesome 是一个基于 Ant Design Vue 的强大UI组件库，致力于为Vue.js开发者提供优雅、一致且高效的开发体验。这个项目是对官方Ant Design Vue组件的一个增强版，它添加了许多实用功能和自定义选项，使得在构建企业级前端应用时更加得心应手。技术分析基于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）组件
https://www.antdv.com/docs/
vue/faq-cn/ 代码实现： 当前需要对组件a-date-picker进行改造，如下： html： <a-date-pickermode="year"format="YYYY":value="state.time":open="state. ...
转载
2021-09-16 14:49:00
2507阅读
2评论
1 2 3 4 5 6 7 8 9 10 11 12 13 <a-form-model :model="form" :label-col="labelCol" :wrapper-col="wrapperCol"> <a-form-model-item label="年度/季度" > <a-date- ...
转载
2021-10-11 11:01:00
2285阅读
2评论
写在前面 时间真快，转眼又是新的一年。随着前后端技术的不断更新迭代，尤其是前端，在目前前后端分离开发模式这样的一个大环境下，交互性、兼容性等传统的开发模式已经显得有些吃力。之前一直用的是react，随着后面钩子的加入更让人爱不释手，但是整个团队需要更新技术，这里选择了更容易上手的Vue（这里的容易上手并没有歧义，指的是更容易适应），也相信Vue3.0发布后会更
上次做vue的项目大概是一年前了，这次又接触到vue，发现vue cli都到4.5了，一时突然分不太清vue3.0和vue cli4.0，之前用vue时一直用的elementui ,不过elementui好像没有对应vue3.0的。只能选择antd(Ant Design of Vue) 了，这中间遇到了太多的坑就不一一列举了。先看一下本机环境node 10.13.0@vue/cli 4.5.9&n
Spring Boot 学习记录笔记【 五 】集成 Ant Design Vue页面布局官网代码展示自定义组件目录the-footer.vue 代码展示the-header.vue 代码展示the-left.vue 代码展示App.vue 代码修改HomeView.vue 代码调整全局图标页面解析错误解决集成HTTP库Axios数据绑定结尾 集成 Ant Design Vue安装命令：npm i
