AntDesign
a-table(AntDesign Vue)实现表格行上下拖动排序
参考链接： https://blog.csdn.net/song_de/article/details/125218350 https://blog.csdn.net/m0_61342618/article/details/132556739?utm_medium=distribute.pc_rel ......
Vue3 + antDesign3.x 汉化 中文（解决日期混合中英文模式
依赖项版本 "ant-design-vue": "^3.2.20", "dayjs": "^1.11.10", "vue": "^3.0.5", 依赖处理 main.js中 import { createApp } from 'vue' import Antd from 'ant-design-vu ......
【AntDesign】Docker部署
docker部署是主流的部署方式，极大的方便了开发部署环境，保持了环境的统一，也是实现自动化部署的前提。 1 项目的目录结构 dist: 使用build打包命令，生成的打包目录 npm run build : 打包项目命令 docker: 存放docker容器需要修改的配置目录，比如 nginx配置 ......
【AntDesign】多环境配置和启动
环境分类，可以分为 本地环境、测试环境、生产环境等，通过对不同环境配置内容，来实现对不同环境做不同的事情。 AntDesign 项目，通过 config.xxx.ts 添加不同的后缀来区分配置文件，启动时候通过后缀启动即可。 config.ts : 公共配置 config.xxx.ts：不同环境的差 ......
【AntDesign】封装全局异常处理-全局拦截器
目录场景1 定义全部异常处理类2 替换request引用3 代码优化总结 场景 本文前端用的是阿里的Ant-Design框架，其他框架也有全局拦截器，思路是相同，具体实现自行百度下吧 因为每次都需要调接口，都需要单独处理异常情况（code !=0），因此前端需要对后端返回的通用响应进行统一处理，比如 ......
Vue2或Vue3中实现页面锚点滚动（结合AntDesign a-steps
#### 核心代码 ``` onStepChange(current) { this.current = current; document.querySelector(`[id='${current}']`).scrollIntoView({ behavior: "smooth", // 定义过渡 ......
AntDesign自定义校验表单
``` let TagValidator = async (_rule, value) => { if(Object.keys(value)?.length 0) { return Promise.reject('请选择场景模板标签') } } const rules = reactive({ ta ......
AntDesign中a-menu的使用案例
``` {{ item.name }} {{ item.name }} {{ child.name }} ``` ......
AntDesign中a-tree使用案例
``` 0' checkable :tree-data='treeData' @check='onCheck' :replace-fields='replaceFields' :multiple='true' :checkStrictly='false' :defaultExpandAll='tru ......
AntDesign中a-pagination实现一次性获取所有数据下手动分页
业务效果 核心代码 <template> <a-pagination v-model:current="current" :total="total" :pageSize="pageSize" show-less-items show-size-changer :pageSizeOptions="[ ......
AntDesign中a-tab的forcerender属性强制DOM渲染
<a-tabs v-model:activeKey="activeKey" @change="clickTag"> <a-tab-pane key="1" tab="警情" v-if="tab01Visible" :forceRender="true"> <AssociatedElementsInf ......
利用AntDesign中a-tree和checkbox构造组织单位人员树选择组件
业务效果图 核心代码 <template> <div class="select-container"> <a-modal v-model:visible="visible" @ok="handleOk" @cancel="handleCancel" width="1500px"> <templat ......
AntDesign 描述列表descriptions中内容超出部分隐藏，同时鼠标浮动显示全部
参考：https://blog.csdn.net/sdibtjf1702/article/details/121923943 效果 核心代码 <a-card title="案情简要"> <p style="font-size: 14px; color: rgba(0, 0, 0, 0.85); ma ......
C# Razor .net6 AntDesign
1、创建 .net6 web应用，UI框架 Layout 2、融合 antdesign UI插件 参考：https://antblazor.com/zh-CN/docs/introduce ......