Ct-adc-slideout NPM

slide-out

从右侧滑出操作层，用于编辑/查看详情

使用

从npm安装ct-adc-slideout

npm install ct-adc-slideout --save

在代码中使用

import slideout from 'ct-adc-slideout'

<template>
	<slideout v-model="show"></slideout>
</template>

<script>
	export default {
		data: {
			show: false
		},
		components: {
			slideout
		}
	}
</script>

props

参数	说明	类型	默认值	描述
value	是否显示	boolean	false	是否显示弹出层，用v-model绑定
index	层级	number	1000	遮罩层的z-index
title	标题	string	标题
width	宽度	string	50%
hide-on-blur		boolean	false	点击遮罩层是否关闭弹出层
is-transparent		boolean	false	背景是否透明