系列文章目录Ant Design Mobile of React 移动应用开发示例博文系列第一篇：【传奇开心果系列】Ant Design Mobile of React实现移动应用:从helloworld开始 第二篇：【传奇开心果系列】Ant Design Mobile of React实现移动应用:天气应用 第三篇：【传奇开心果系列】Ant Design Mobile of React实现移动应
因为工作要求需要用到ant design pro for vue，又因为是第一次接触，所以遇到了很多问题，所以打算吧遇到的问题和解决方法放在这，仅供自己之后回头复习和当做备忘录。1.table控件内容与列名无法对齐查了好久，总算是解决了这个问题。ant-design 里 table控件，在设置scroll之后，内容和列名不对齐，这时候要设置所有列的列宽为一个具体数值，然后设置scroll的x为所有
转载
2024-04-03 13:27:46
338阅读
终于把书写完，接下来恢复之前的更文频率。这篇文章我们来谈谈移动端和PC端交互设计上的区别。经常遇到一些设计师，他们之前负责的都是pc端产品，突然改做移动端，会不自觉的把pc端的一些设计理念“移植”到移动端，出现了水土不服。有经验的设计师一看你设计的移动端页面就知道你之前做的都是pc端，这是一件非常尴尬的事情。就好像你说了一句“nice to meet you”，别人就知道你老家是哪里一样。那么移动
在main.js中
import “ant-design-vue/dist/antd.less”;在 vue.config.js中
module.exports = {
css: {
loaderOptions: {
less: {
javascriptEnabled: true
}
}
}
};
在 bable.config.js中
“style”: true在路由中使用
转载
2024-04-23 10:19:52
1620阅读
前言 React是Facebook推出的一个前端框架，之前被用于著名的社交媒体Instagram中，后来由于取得了不错的反响，于是Facebook决定将其开源。出身名门的React也不负众望，成功成为当前最火热的三大前端框架之一。相比于Angular，React更加轻量。而相对于另一个轻量级前端框架Vue来说，React虽然学习和使用起来难度稍微大一些，但是React的社区相对来说人气更旺，而且在
转载
2024-04-02 22:09:27
81阅读
一说到移动端布局，大部分同学会想到用rem，不错rem确实可以解决各种问题，哪怕宽度你都写固定值都没有问题，但是宽度的适配使用大量的数值，是不是算起来有点头疼呢？还有一部分同学会大面积使用弹性盒，宽度的适配用弹性盒真的是太香了，可是弹性盒它并不能兼容所有的设备，那没有弹性盒是不是就没有办法了呢？其实并不是的，我这里提供几个常用布局方式，就算是没有弹性盒，也可以轻松玩转移动端！1、上下固定，中间弹性
通过对React.js一周左右的学习后，就想着自己写一个主页，在这一周的学习中虽然对react组件化开发的思想有了较深的理解，但自己还是很迫切的希望能动手结合Ant Design写出来一个主页。因为当初学react的目的就是为了学习怎样使用Ant Design，也不知道出于这样的目的去学习react是不是正确的做法。
转载
2024-04-18 09:34:45
63阅读
在移动端项目中的字体在随浏览端的窗口尺寸改变（响应式），在Vue项目中我们可以用过脚手架Vue-cli来安装相应的依赖类库来实现这个功能。首先来创建一个新的项目 vue init webpack vue-mobile 启动之后就看到初始的Vue项目的起始页面——Welcome to Your Vue.js App这个时候我们可以去看看项目的根目录下的文件 .postcssrc.js
简言Ant Design of Vue 是 Ant Design 的 Vue 实现，开发和服务于企业级后台产品。 为什么不用elementUI呢？因为。。。我最近在使用ant design vue。当然，你也可以使用elementUI，使用ui框架可以快速敏捷开发，个人项目无所谓。使用ant design vue下载包项目路径下npm拉取包npm i --save ant-design-vue注册
转载
2024-02-19 17:42:19
1121阅读
最近接到一个后台开发的项目，需要对接业务系统提取数据，大部分时间在PC上用，但是在手机上要勉强能看。对方只给了提取数据的接口，对于界面风格、布局排版等没有明确要求，只说不要太丑就可以了。于是，开始着手选前端框架，打听了一圈，加上自己思考，最终决定前端用ant design pro，后端用SpringMVC。选ant design pro的原因如下：1. 基础好ant design本身设计合理、文档
转载
2024-04-24 20:29:31
164阅读
React-使用antd-mobile实现圆弧倒计时一、实现效果二、实现代码1、antd-mobile官网2、安装antd-mobile
npm i antd-mobile或者yarn add antd-mobile3、检查package.json里是否安装成功4、对应代码实现步骤：【1】、自定义state：
realTime：实际倒计时时间
circlePercentage：滚动圈滚动
转载
2024-05-11 11:01:31
272阅读
Ant Design项目链接：Ant Design包大小（来自 BundlePhobia）：缩小后 1.2mB，缩小 +gzip 压缩后 349.2kB，通过摇树减少体积。优点：AntDesign 随附了大量支持文档，有一个社区，包括一个带有预制模板的单独项目（AntDesignPro）；可用来快速设计后台 / 内部应用的 UI 库。缺点：缺乏可访问性；体积很大，预计会对性能产生较大影响；污染你的
转载
2024-07-05 07:31:57
68阅读
Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库，用于开发和服务于企业级中后台产品。Ant Design Vue中文文档：https://www.antdv.com/docs/vue/introduce-cn/Github:https://github.com/vueComponent/ant-design-vue/star：1...
原创
2021-09-08 17:41:05
2741阅读
点赞
Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库，用于开发和服务于企业级中后台产品。
原创
2022-01-19 10:57:18
3070阅读
安装使用Ant——Design
原创
2022-10-08 09:41:14
131阅读
介绍在vue中使用antV-G2展示分组柱状图G2 是一套基于图形语法理论的可视化底层引擎，以数据驱动，提供图形语法与交互语法，具有高度的易用性和扩展性。使用 G2，你可以无需关注图表各种繁琐的实现细节，一条语句即可使用 Canvas 或 SVG 构建出各种各样的可交互的统计图表。一、安装 antV-G2通过 npm 安装npm install @antv/g2 --save成功安装完
在基于Ant Design Vue实现的一个后台管理系统模板的表格组件中添加一个导出excel文件的功能，点击表格右上角的工具栏中的导出图标，即可导出excel文件。 优点： 1.纯前端导出excel，不需要调用接口。 2.可复用，下次再使用Ant Design Vue后台管理模板就可直接使用导出excel功能。第一步，在表格ele-pro-table右上角工具栏添加导出按钮图标首先说明一下 el
转载
2024-04-14 09:28:54
24阅读
Antd Menu 简述Menu 为页面和功能提供导航的菜单列表。导航菜单是一个网站的灵魂，用户依赖导航在各个页面中进行跳转。一般分为顶部导航和侧边导航，顶部导航提供全局性的类目和功能，侧边导航提供多级结构来收纳和排列网站架构。要点提取核心实现Menu 的用法。<Menu selectedKeys={["analysis"]} >
<Menu.Item index="
转载
2024-04-01 09:04:22
250阅读
一、概述 参看地址:https://pro.ant.design/docs/style-cn 基础的 CSS 知识或查阅属性，可以参考 MDN文档。二、详细介绍2.1、less Ant Design Pro 默认使用 less 作为样式语言，建议在使用前或者遇到疑问时学习一下 less 的相关特性。2.2、css modules 在样式开发过程中，有两个问
转载
2024-08-29 18:34:32
443阅读
这次主要是对于数据上传的一个简述（由于之前的图片上传有一点问题所以就先把这个给发出来了）对于后台的数据，我们做的最多的工作是啥子呢？增，删，改，查。只要能把这几个操作实现了，那么基本上前台与后端的交互就没有太大的问题了。不仅是图片的上传，还有数据的录入，这都是属于“增”。也就是咱们的第一步，也属于最基本的。如果你都没有数据，那你还哪里来的删，改，查呢。数据的录入有会出现那些信息呢？一般的话都属于手
转载
2024-03-07 13:35:15
65阅读
