ant Design Vue 自定义loading今天又来更新一下 踩坑日记 希望 大家不要跟着一起填坑 就好!事情了,是这样的 UI设计 提出一个需求 认为 ant Design 的Spin 图标不好看 和我们的风格不搭 需要换成我们自己的图标!首先是看文档 能不能更换,果不然文档上写的很清楚 perfect,我就跟着他的demo 写了 但是感觉不对 因为只能添加 自带的icon 但自带的 i
转载 2024-04-01 12:48:27
335阅读
问题:在使用Ant Design Vue 过程中发现了他没有限制数量上传的功能,因此自己使用js实现,仅仅一句代码,使用的时候通过change事件进行splice进行截取<a-upload //开启多选 multiple //限制图片类型 accept=“image/png, image/jpeg” //图片上传地址 :action=“uploadImgURL” //上传后显示的样式 lis
转载 2024-08-26 20:06:56
86阅读
刚接触Ant Design Vue的童鞋们可能会有这样的问题,不就是修改默认的组件样式吗,为什么一会生效,一会又不生效。希望看完这个文章,会给你一些收获~一、想要修改组件的默认样式,首先你需要知道组件是渲染在哪里的这个组件是渲染在当前页面内部,还是脱离vue根节点单独渲染?(根节点默认id=“app”)这个问题的答案很容易得到,打开文章顶部的antdv官方文档,任意选中组件,F12打开调试,观察E
转载 2024-05-30 23:23:17
362阅读
3.75M → 1.81M → 99kb的转变 本文目录一、初始化vue项目文件夹1.安装vue/cli2.创建Vue项目二、按需引入ant-design-vue1.安装ant-design-vue1.1 分析全部引入体积有多大1.2 ant-design-vue按需引入组件1.3 ant-design-vue按需引入Icon组件 一、初始化vue项目文件夹1.安装vue/cli(默认电脑已安装了
转载 2024-02-08 07:12:25
329阅读
1.从服务端获取用户的 [基础信息] 和 [权限信息]并构建动态路由和菜单问题1:为什么这么做:一般开发需要权限的系统时,都会有 登录 步骤单页应用每次刷新时,内存中的数据就会呗清空,如果每次刷新,执行一次登录步骤就是很不合理的设计一次登录就是为了获取用户的授权 access token,并持久化到localstorage中,之后用户每次打开页面或者刷新页面时,都可以利用这个 token 去后端获
转载 2024-04-07 10:04:49
59阅读
<img slot="cardimageslot" slot-scope="text" style="width:60px;height:62px;" :src="text" /> { title: '会员卡图片', align: 'center', dataIndex: 'card_image', ...
IT
转载 2021-08-24 22:40:00
2519阅读
2评论
Ant Design Pro of Vue——蚂蚁金服中后台系统框架搭建Ant Design Pro of Vue下载安装启动步骤:一、Ant Design Pro of Vue 的介绍Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升
转载 2024-04-26 11:08:13
259阅读
开发模式预览 demo在开发一个 ui 组件库时,肯定需要一边预览 demo,一边修改代码。常见的解决方案是像开发一般项目一样使用 webpack-dev-server 预览组件,比如通过 vue-cli 初始化项目,或者自己配置脚本。文艺一点儿地可能会用到 parcel 来简化 demo 的开发配置(比如 muse-ui)。展示文档作为一个 ui 组件库,也肯定要有自己的组件展示文档。一般业界常
你想做的是 卡片列表布局(Card List) 吗?在 Ant Design Vue 3 里可以直接用 <a-card> + <a-list> 结合,或者自己用 <a-row> + <a-col> 配合 grid 样式来实现。 我给你写几个常见的写法示例:? 1. 基本卡片列表(List + Card)<template> <a
原创 1月前
199阅读
1点赞
前言:作者本人用vue-antd-pro过程中,有动态路由的需求,看了下官方文档实在是写的比较不清楚,参考了一些博客,发现我使用的版本,有一些改动出入,所以写下这篇博文,希望能帮到有需要的人。npm包 使用的版本如下:{ "name": "vue-antd-pro", "version": "3.0.2", "ant-design-vue": "^1.7.6", "vue": "^2.6.
转载 2024-05-06 19:54:59
1108阅读
支持的环境: 现代浏览器和 IE9 及以上(需要 polyfills)。 支持服务端渲染。 Electron(一个跨平台的、基于 Web 前端技术的桌面 GUI 应用程序开发框架。可以使用 HTML、CSS 来绘制界面和控制布局,使用 JavaScript 来控制用户行为和业务逻辑,使用 Node. ...
转载 2021-07-13 14:28:00
398阅读
2评论
1.简介动态模型是一个基于结构化数据的编程方法。目前已经在动态模型里初步集成了vue和antdesign,这里讲述下如何运行动态模型下的vue-antdesign的示例。简单介绍下动态模型的优点先。使用动态模型可以让编程更加简单和快捷,并且模型也可以保存知识和经验。也就是说使用动态模型可以让vue-antdesign编程简单化,并且如果你有vue-antdesing的相关知识和经验,那么也可以把这
https://www.antdv.com/docs/vue/introduce-cn/ ...
转载 2021-09-09 07:54:00
366阅读
2评论
Ant Design Pro Vue不完全开发手册前言准备工作:1、安装npm2、可选安装3、安装 vue-cli 工具:4、参考文档基础开发学习:1、git项目拉取2、安装项目3、启动项目4、文件解析vue.config.jsrouter.config.jsviews(1)api.js(2)vue开发浅谈问题与解惑1、如何把父组件的值传到子组件2、父组件调如何用子组件方法3、子组件如何调用父组
微服务现在挺火的,优点也很明显如果有多个应用都有相同页面时,就可以使用微服务,可以避免重复写代码 在网上搜了下,很多例子都是基于官方文档的例子,官方文档:https://umijs.org/zh-CN/plugins/plugin-qiankun.比较简单,实际使用场景会有特殊情况我根据自己项目的情况总结了一下使用方法 我们两个项目都是ant-design-pro的,我这里的例
转载 2024-06-19 04:19:43
99阅读
一.项目要求1.要求:点击新增按钮弹出新增页面,在输入名称时进行验证,当输入名称和列表下的名称相同,即后台数据库中存在,此时将会提醒用户,该名称已存在, 2.要求:该名称不存在,则新增成功二.思路1.错误的思路 我刚开始的思路是,准备在点击新增页面中的确定按钮时进行验证,但此时会存在一个问题: ——点击确定时,已经调用了后台新增接口,此时新增的需要输入的表单数据已经传给后台,此时并不能做到验证名称
转载 2024-03-22 14:11:55
151阅读
一、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
转载 2024-04-01 10:53:27
97阅读
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
转载 2024-04-12 22:07:40
189阅读
GridManager 是一套可快速、灵活的对table标签进行实例化的表格组件。使用简单快捷, 功能强大,基于原生js实现, 不依赖任何框架,目前支持react、vue、angularjs三大框架。今天就来说一说,gridmanager在react中的使用。引入 基于目前前端项目多数使用webpack或其他工具进行打包部署,所以可以直接通过package.json中
转载 2024-09-11 10:46:01
1208阅读
实战开发和看教程学习其实还是有很大差别的我为什么建议学习还是得从项目出发我进公司后第一天老大就让我看代码我写这个项目的目的项目情况前端后端写在最后 我为什么建议学习还是得从项目出发也许我们已经看了很多的教程。收费的,免费的,讲得好的,讲得不好的反正就是看了很多视频。那么能做出东西了吗?基础也看了,原理也似乎懂了再看下去好像都可以去开发一门新语言了。然而能做项目了吗?工作中真正要用到哪些东西,它们之
  • 1
  • 2
  • 3
  • 4
  • 5