# fx-vue-admin-template

**Repository Path**: fxa888/fx-vue-admin-template

## Basic Information

- **Project Name**: fx-vue-admin-template
- **Description**: vue2.0 后台管理系统模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-09-14
- **Last Updated**: 2022-10-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 示例

```html
<template>
  <div style="margin: 50 auto;">
    <div style="margin-bottom: 20px;">
      <el-button type="danger" @click="handleCheck">校检数据</el-button>
    </div>

    <csp-dialog
      title="标题" width="800px" @close="close" :visible.sync="visible" @open="open" @save="save"
    >
      body 内容...
    </csp-dialog>
  </div>
</template>

<script>
  import CspDialog from '@/components/CspDialog'
  export default {
    components: {
      EleTableEditor
    },
    data() {
      return {
        visible: false
      }
    },
    methods: {
      // 校检数据
      open() {
        // 弹出层打开调用此方法
      },
      close(){
          // 关闭调用此方法
      },
	  save(){
          // 保存调用次方
      },
    }
  }
</script>
```

## Props 参数

### 参数概述

```js
props: {
        // visible: {
        //     type: Boolean,
        //     default: false,
        // },
        // 是否可以通过点击 modal 关闭 Dialog
        closeOnClickModal: {
            type: Boolean,
            default: () => {
                return false;
            },
        },
        // 宽度
        width: {
            type: String,
            default: () => {
                return '500px';
            },
        },
        // 是否显示底部按钮
        isFooter: {
            type: Boolean,
            default: () => {
                return true;
            },
        },
        btnLoading: {
            type: Boolean,
            default: () => {
                return false;
            },
        },
        // 是否自定义底部
        // isFooterSlot: {
        //     type: Boolean,
        //     default: () => {
        //         return false;
        //     },
        // },
        /**
          footerBtnList格式：[{
            class:'', // 按钮class
            type: 'primary', // 按钮type
            loading: false, // 按钮loading
            disabled: false, // 按钮禁用
            callback: ()=>{}, // 点击事件回调
            btnName:'' // 按钮名称
          }]
        */
        footerBtnList: {
            type: Array,
            default: () => [],
        },
```

### 

## 插槽

- `default`: 默认插槽 (body) 内容