deepexi-card

基本使用

登陆

用户名

密码

{}

COPY

999

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

<template>
    <deepexi-card title="登陆" style="background: #efefef;">
      <el-form-renderer :content="content" v-model="data" label-position="top" ref="form">
        <el-button type="primary">登陆</el-button>
      </el-form-renderer>
      <div>{{data}}</div>
    </deepexi-card>
</template>

<script>
export default {
    data() {
        return {
            data: {},
            content: [
                {
                    label: '用户名',
                    id: 'username',
                    type: 'input',
                    el: {
                        type: 'username',
                        placeholder: '请输入密码'
                    }
                },
                {
                    label: '密码',
                    id: 'password',
                    type: 'input',
                    el: {
                        type: 'password',
                        placeholder: '请输入密码'
                    }
                }
            ]
        }
    }
}
</script>

显示代码

props

Name	Description	Type	Required	Default
title	标题	String	false	-

slots

Name	Description	Default Slot Content
default	内容区域	-