lanyun-preview

lanyun-preview 表单预览

介绍

用于下单,表单预览等展示。可点击底部按钮进行一些操作

使用方法

import "../../components/lanyun-preview/lanyun-preview.stml";

例子

<lanyun-preview
    :data="data"
    :head-label-style="{ color: '#9ca3af' }"
    :head-value-style="{ color: '#1f2937' }"
    :body-label-style="{ color: '#9ca3af' }"
    :body-vlaue-style="{ color: '#1f2937' }"
    :btn-style="{ color: '#10B981' }"
/>

props 属性

参数 说明 类型 默认值
data 表单标题,内容,底部等数据,具体格式见demo中的data, 选填 object {}
head-label-style 头部左侧样式, 选填 object {}
head-value-style 头部右侧样式, 选填 object {}
body-label-style 内容左侧样式, 选填 object {}
body-value-style 内容右侧样式, 选填 object {}
btn-style 底部按钮样式, 选填 object {}