ant vue使用方法内弹出框（vue-antd-admin ）

最新推荐文章于 2024-08-10 10:43:36 发布

W-同学

最新推荐文章于 2024-08-10 10:43:36 发布

阅读量2k

点赞数 1

分类专栏： ant-design-vue 文章标签： Vue.js 主题配置动画效果全局变量用户交互

本文链接：https://blog.csdn.net/Aiou_W/article/details/115132592

版权

ant-design-vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

// 自定义配置，参考 ./default/setting.config.js，需要自定义的属性在这里配置即可
module.exports = {
//全局主题色
  theme: {
    color: '#13c2c2',
    mode: 'dark',
  },
  multiPage: true,
  animate: {
    name: 'lightSpeed',
    direction: 'left'
  }
}

main.js

import * as config from '@/config/config'
Vue.config.themeColor = config.theme.color;

user.vue

					//删除
                    let self = this;
                    this.$confirm({
                        title: '确认提示',
                        content: `是否确认删除？`,
                        okButtonProps: {
                            color: this.themeColor,
                        },
                        onOk () {
                        	//已选择的行，取id
                            self.selectedRows = self.selectedRows.map((item) => item.id);
                            self.deleteUser(self.selectedRows);
                        }
                    });