上次做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
转载
2024-03-29 06:32:36
1753阅读
例行惯例，欢迎来波star：为何造这个轮子：用惯了Antd，再看其他的总觉得没有Antd好用周边生态，组件数量及质量都是略胜一筹，至于样式，每个人的审美不一样，就不加评判了，不过个人还是喜欢antd的。社区很多Antd的Vue实现，大多已经弃坑，已经实现的也多是阉割版github搜索关键词 vue ant 共93条结果，搜索vue ant-design也有51条结果。希望让Vue开发者也能享受到A
转载
2024-06-13 22:11:31
133阅读
一、简介在样式引入时，对于变量的引入，需要在每个文件里都要引入一遍，为了避免每次使用时都需要单独引入一遍的问题，采用了 style-resources-loader。在确保安装指定 CSS 解析器 插件（less、less-loader | stylus、stylus-loader …）后。这里以 less 举例，新建一个 reset.less (文件名随
系列文章导航01 Vue语法基础02 vue数据绑定与指令03 vue组件技术04 vue单文件组件定义与使用1 组件介绍组件是Vue.js最强大的功能之一。组件是可复用的Vue实例，且带有一个名字，通过组件封装可重用的代码，在较高层面上，组件是自定义元素。2 组件注册1.1 组件注册方式1组件名对应标签名，标签名不允许出现大写字母，因此组件名包含多个单词时需要采用kebab-case (短横线分
页面如果想实现滚动效果，首先想到的是overflow：auto或者scroll属性，但是这样会出现滚动条，如果想实现滚动效果，有没有滚动条的话，那么推荐使用better-scroll插件。 一、安装 在package.json里面加入better-scroll的依赖，然后使用npm安装。 npm install better-scroll –save-dev 二、引入better-scro
基于 Vue3.x + Vant UI 的多功能记账本（三） 文章目录基于 Vue3.x + Vant UI 的多功能记账本（三）项目演示开发导航栏1、底部导航栏2、测试底部导航栏3、公共头部写到最后（附源码） 系列内容参考链接基于 Vue3.x + Vant UI 的多功能记账本（一）项目演示，涉及知识点基于 Vue3.x + Vant UI 的多功能记账本（二）搭建开发环境项目演示
Vu
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 组件库，也肯定要有自己的组件展示文档。一般业界常
转载
2024-03-04 17:08:29
99阅读
前言
网上react后台管理开源免费的完整版项目比较少，所以利用空余时间集成了一个版本出来，已放到GitHub
启动和打包的时间都稍长，请耐心等待两分钟
预览地址(已增加响应式，可手机预览?)依赖模块项目是用create-react-app创建的，主要还是列出新加的功能依赖包点击名称可跳转相关网站??react@15.5.0 react-router@3.0.2(react路由
项目说明Ant Design 实战教程的练习程序笔记。 注意：因为开始的疏忽，并未将model、page、service、layout、util文件夹放在src文件夹下，但是功能完全实现，待后期有时间完善。源码仓库地址：https://github.com/liangfenggithub/antd_course.gitumiumi是阿里推出的一个基于react的框架，采用约定大于配置的思想，将常用
支持的环境： 现代浏览器和 IE9 及以上（需要 polyfills）。 支持服务端渲染。 Electron（一个跨平台的、基于 Web 前端技术的桌面 GUI 应用程序开发框架。可以使用 HTML、CSS 来绘制界面和控制布局，使用 JavaScript 来控制用户行为和业务逻辑，使用 Node. ...
转载
2021-07-13 14:28:00
402阅读
2评论
1.简介动态模型是一个基于结构化数据的编程方法。目前已经在动态模型里初步集成了vue和antdesign，这里讲述下如何运行动态模型下的vue-antdesign的示例。简单介绍下动态模型的优点先。使用动态模型可以让编程更加简单和快捷，并且模型也可以保存知识和经验。也就是说使用动态模型可以让vue-antdesign编程简单化，并且如果你有vue-antdesing的相关知识和经验，那么也可以把这
前言 :这个选择器的的界面有使用到vant作为样式的编写,之后有时间会写一个完全无任何依赖的出来,作为以后组件库的使用. 最近写一个商城项目时,地区选择器上设计图上是这样的 总觉得好眼熟,但是又想不起来哪里见过,后来打开淘宝一看才发现,这就是淘宝APP上的地区选择器啊,然后经过一顿的头脑风暴(百度谷歌)之后,发现貌似并没有可以直接使用的组件,没办法,只能自己动手了.经过一番沟通,因为没有找到国外的
https://www.antdv.com/docs/vue/introduce-cn/ ...
转载
2021-09-09 07:54:00
366阅读
2评论
微服务现在挺火的,优点也很明显如果有多个应用都有相同页面时,就可以使用微服务,可以避免重复写代码 在网上搜了下,很多例子都是基于官方文档的例子,官方文档:https://umijs.org/zh-CN/plugins/plugin-qiankun.比较简单,实际使用场景会有特殊情况我根据自己项目的情况总结了一下使用方法 我们两个项目都是ant-design-pro的,我这里的例
转载
2024-06-19 04:19:43
99阅读
ant Design Vue 自定义loading今天又来更新一下 踩坑日记 希望 大家不要跟着一起填坑 就好！事情了，是这样的 UI设计 提出一个需求 认为 ant Design 的Spin 图标不好看 和我们的风格不搭 需要换成我们自己的图标！首先是看文档 能不能更换，果不然文档上写的很清楚 perfect，我就跟着他的demo 写了 但是感觉不对 因为只能添加 自带的icon 但自带的 i
转载
2024-04-01 12:48:27
335阅读
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、子组件如何调用父组
一.项目要求1.要求：点击新增按钮弹出新增页面，在输入名称时进行验证，当输入名称和列表下的名称相同，即后台数据库中存在，此时将会提醒用户，该名称已存在， 2.要求：该名称不存在，则新增成功二.思路1.错误的思路 我刚开始的思路是，准备在点击新增页面中的确定按钮时进行验证，但此时会存在一个问题： ——点击确定时，已经调用了后台新增接口，此时新增的需要输入的表单数据已经传给后台，此时并不能做到验证名称
转载
2024-03-22 14:11:55
155阅读
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
191阅读
一、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阅读
