vue+antDesign 查询和修改信息中遇到的问题 最近在公司实习的时候做任务时，遇到了几个小问题，可能都很简单，勿喷！ 关于搜索功能 前端搜索功能(没有搜索按钮的情况下) 利用v-if或者v-show，建议v-if（初始渲染消耗相对较小）。 如果生成的列表项或者表格项包含关键字（搜索框里的输入内容），或者关键字为“”（注意用==，不判断类型），那么就让这个列表项或表格项显示，
Ant design vue是很优秀的框架，不过对于一般小白用户（比如我），文档方面不够友好。官方给出了主题自定义色彩的方案，但是太过于简陋，网上很多技术解决方案也点到即止，我在这方面足足浪费了两天时间，下面说一下技术重点，每个点都是自己踩出来的坑，都是泪：先说下需要的各个模块以及版本号，这个很重要，版本号不对，就会有各种你搜都搜不出解决方案的报错【以下内容均针对vue cli3/4初始
转载
2024-05-04 14:04:21
2662阅读
这两天看ant-design的文档，看到定制主题，就想自己也来试试。首先，我是用的vue-cli 2版本来做的。一、将项目搭建好1.创建一个vue项目vue create antd-demo2.安装ant-design-vuenpm install ant-design-vue --save3.按需引入这里强调一下，为什么按需引入更好，因为整个antd包其实不小，大部分我们都用不到，全局引入，是很
转载
2024-03-07 13:18:02
1460阅读
设计效果:需求:图片是九宫格布局,第一排图片之间的箭头为右箭头,第二排箭头为左箭头,以此类推,下箭头需求是以弓字形显示,卡片右侧内容Hover的时候要出现tip注意最后一排不足三个的时候要隐藏横向箭头,并隐藏下箭头子组件 html:<template>
<div class="visitor-track-container">
<div
转载
2024-04-14 23:28:04
291阅读
Action一. 首先，引入scss依赖（node-sass, sass-loader)npm install node-sass sass-loader --save-dev1二.项目样式文件目录介绍1.此处我将项目中的公共样式文件放到了 src/style目录下，其中 index.scss是以供全局使用的一些基本样式，在main.js文件中引入即可全局使用（图2）。 _theme.scss,
转载
2024-10-08 21:27:07
1862阅读
推荐开源项目：Ant Design Vue Pro Components - 构建高效重型应用的利器！ pro-componentseasy use `Ant Design Vue` layout项目地址:https://gitcode.com/gh_mirrors/pro/pro-components 项目介绍Ant Design Vue Pro Components 是一个专为 Vue3 设计
安装 ant-design-vue
$ npm i --save ant-design-vue
main.js 中配置，完整引入import Vue from ‘vue’
import App from ‘./App.vue’
import router from ‘./router’
import store from ‘./store’
// 引入 antdv
import Antd from
转载
2024-06-20 13:12:25
1041阅读
目录
创建项目
安装并引入 ant-design-vue
按需引入antd
定制主题
提取antd的less变量文件
切换主题
项目地址
1、使用vue-cli V3.0+创建项目
2、选择css预处理器(其他的根据项目所需选择)
3、由于ant-design-vue的样式使用的是less作为开发语言，所以这里我们选择Less
4、其他的根据自己的需要配置即可
5、注意：项目创建完成后，
转载
2024-05-11 09:07:53
907阅读
vue 切换主题 实战【webpack plugin+loader】-------------------------------------------------------------------------------------------------------------------------项目地址:https://github.com/halvee-L/
Ant-design-vue更换主题色要求：框架本身使用的蓝色主题色，需要更换成UI指定的颜色。Ant Design or: #52c41a; // 成功色@w
原创
2022-07-01 10:04:42
2825阅读
系列文章导航01 Vue语法基础02 vue数据绑定与指令03 vue组件技术04 vue单文件组件定义与使用1 组件介绍组件是Vue.js最强大的功能之一。组件是可复用的Vue实例，且带有一个名字，通过组件封装可重用的代码，在较高层面上，组件是自定义元素。2 组件注册1.1 组件注册方式1组件名对应标签名，标签名不允许出现大写字母，因此组件名包含多个单词时需要采用kebab-case (短横线分
问题背景每个项目都需要在css中用到背景图.vue-cli项目是自动构建生成的, 等到这个项目做通了, 再来记录整个工程目录.自动构建后的项目, 会有两种运行方式.
npm run dev: 这是自动提供的, 可以提供一个开发的环境, 保存, 自动热更新.
npm run build: 这是我们的构建项目, 构建成一个能够运行的项目构建后项目中所有的代码都会被打包处理. 所有的代码都会结
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
96阅读
引言最近要做一个组织机构树的树级菜单展示，UI框架使用的是Ant Design,这不正好可以使用Tree组件，如图示 奈何领导说太丑，指明要换成类似Menu形式的树形菜单，如图示 于是乎，有两种修改方案先考虑改造Tree控件，这其中不仅需要修改css,还要修改Tree的内部结构 不使用Tree控件直接使用Menu导航菜单，在其上添加所需要的功能这里采用第二种方案，首先确认需要在其上添加的功能，主要
转载
2024-03-28 12:15:57
75阅读
Ant Design美观的设计：Ant Design 提供了一套精心设计的界面组件，具有现代化和清晰的外观风格。它遵循了 Material Design 和扁平化设计的原则，拥有统一的视觉风格和一致的交互模式，使得用户界面看起来非常专业和吸引人。代码相关响应式布局：Ant Design 的组件库支持响应式布局，可以根据不同的屏幕尺寸和设备自动调整布局和样式。这使得应用程序可以在不同的平台和设备上提
转载
2024-08-21 13:25:30
161阅读
最近在使用vue3+ts+antd搭建后端项目，需要动态改变主题颜色，其实也是使用了pro版的方法，但是还是有坑的，我把坑排了写一下记录安装需
原创
2022-07-25 16:30:03
1013阅读
支持的环境： 现代浏览器和 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的相关知识和经验，那么也可以把这
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、子组件如何调用父组
