antdesign
小曲曲
这个作者很懒,什么都没留下…
展开
-
antdesign——notification消息提醒自定义两个按钮
【代码】antdesign——notification消息提醒自定义两个按钮。原创 2022-10-25 18:09:30 · 1288 阅读 · 0 评论 -
antdesign——form表单各种坑
【代码】antdesign——form表单各种坑。原创 2022-10-10 15:22:19 · 285 阅读 · 0 评论 -
antdesign——可搜索的tree
【代码】antdesign——可搜索的tree。原创 2022-10-10 15:21:45 · 672 阅读 · 0 评论 -
antdesign——upload上传图片
【代码】antdesign——upload上传图片。原创 2022-10-10 15:16:31 · 717 阅读 · 1 评论 -
锁安——下载模板、导入Excel、导出
下载模板将Excel模板文件放在/public/CTEI.xlsa 链接跳转下载<a-button class="ml-20" type="primary"> <a href="/CTEI.xls" download="CTEI导入模板.xls" style="text-decoration: none">下载导入模板</a></a-button>导入Excel使用upload组件上传文件 <a-upload .原创 2022-04-28 09:48:04 · 149 阅读 · 0 评论 -
antdesign——菜单Menu
1、根据list值生成静态菜单代码SiderMenu.vue<template> <div> <a-button type="primary" style="margin-bottom: 16px"> LOGO </a-button> <a-menu :default-selected-keys="['1']" :default-open-keys="['2']" mode="inline"原创 2022-01-20 10:28:41 · 2893 阅读 · 0 评论 -
antdesign——Tree树形控件
需求根据所有数据展示树形结构根据选中数据获取选中节点的keys集合,渲染默认选中的节点根据选中数据获取选中节点的keys集合const checkedData = [ { title: "0-0", key: "0-0", children: [ { title: "0-0-0", key: "0-0-0", children: [{ title: "0-0-0-0", key: "0-0-0-0" }],.原创 2022-01-18 18:01:18 · 4717 阅读 · 0 评论 -
antdesign——切换主题drawer
使用组件drawer的一个属性handle可以直接生成这个设置关闭按钮(slot的方式) <a-drawer title="设置" placement="right" :closable="false" :visible="visible" > <!-- 1、handle的用法 --> <template v-slot:handle> <a-icon .原创 2022-01-13 14:32:42 · 2347 阅读 · 0 评论 -
antdesign——layout
bug1当组件内容很长时:控制左侧菜单不可上下滚动当组件内容很长时:右侧正常上下滚动,且footer在最下边当组件内容很短时:内容部分撑开页面布满全屏//BasicLayout<style lang="less" scoped>/deep/.ant-layout { height: 100vh;}/deep/.ant-layout-content { min-height: auto !important;}</style>bug2:菜单点击收.原创 2022-01-12 10:33:23 · 2063 阅读 · 0 评论 -
antdesign——按需引入
全局引入:js体积很大npm i ant-design-vue// 全局引入antdesignimport Antd from "ant-design-vue";import "ant-design-vue/dist/antd.less";Vue.use(Antd);按需引入:性能优化npm i babel-plugin-import// babel.config.jsmodule.exports = { presets: ["@vue/cli-plugin-babel/prese原创 2022-01-04 13:59:28 · 1806 阅读 · 0 评论 -
antdesign——confirm确认取消弹窗
纯js控制弹窗显示隐藏 this.$confirm({ title: '题目', okText: '确认', cancelText: '取消', content: ( <div style='margin-top:20px'> // 绑定change事件 onChange方法在methods里面进行创建 <p class='flex'><span原创 2021-12-14 11:29:53 · 3492 阅读 · 0 评论 -
antdesign——select搜索
具有搜索功能的下拉框 <a-form-item label="企业名称"> <a-select showSearch optionFilterProp="children" :filterOption="filterOption" v-model="queryParam.enterpriseName".原创 2021-12-02 15:30:50 · 1015 阅读 · 0 评论 -
antdesign vue——table
给表格特定行设置高亮背景色a-table标签设置属性 :rowClassName=“setRowbg”定义methods方法setRowbg定义样式 .bg-pink <a-table :columns="columns" :rowClassName="setRowbg" :data-source="loadData" bordered :scroll="{ x: 1300 }" :pagi原创 2021-11-16 13:27:24 · 4350 阅读 · 0 评论 -
AntDesign Vue 中时间段选择器a-range-picker
设置初始值 initialValue<template> <div> <a-form :form="form"> <a-form-item label="RangePicker"> <a-range-picker v-decorator="['rangetime',{initialValue:defaultTime}]" @change="onChangeRangeDate" format="YYYY-MM-D.原创 2021-11-10 15:55:32 · 10545 阅读 · 0 评论 -
antdesign-vue框架form表单布局
<template> //<!-- 1、:footer="null" 去掉弹窗底部的确定取消按钮 --> <a-modal v-model="visible" title="催单列表" @ok="handleOk" :width="1200" :footer="null"> <a-card :bordered="false"> //<!-- 搜索部分 --> <a-form layout="hori.原创 2021-10-18 10:08:15 · 4461 阅读 · 1 评论 -
PC端开发笔记
登录表单去空格,enter直接登录原创 2021-04-22 09:45:05 · 354 阅读 · 0 评论 -
antDesignVue的使用
安装引入npm install -g @vue/clivue create antd-demonpm install ant-design-vue --save1、按需加载(推荐) 完整组价列表npm i babel-plugin-import --save// .babelrc or babel-loader option{ "plugins": [ ["import", { "libraryName": "ant-design-vue", "libraryDirectory"原创 2021-04-13 17:40:40 · 714 阅读 · 0 评论