Qichen Explain

qichen-explain 参数说明页

介绍

用于展示商品详情页内点击参数项,弹出的参数详情页。

暂不支持过渡动画,后期可能会支持

请把该组件放置于 最外层view 下,否则无法正常使用

该组件自带灰色透明遮罩层

引入

import qichenExplain from '../../components/qichen-explain/qichen-explain.stml'

用法

<qichen-explain title="标题" :content="content" title-size="18" content-size="13"
    title-color="#000" content-color="#ff5301" close-img="" img-size="23" between-sides="29" bg-color='#fff'
    height="363" border-radius="10" @close-qichen-explain="hide()" />

属性

属性名 类型 说明 默认值 是否必传 可选值
title String 标题 无 false
content String 内容 无 false
title-size Number 标题字号 13 false
content-size Number 内容字号 10 false
title-color String 标题颜色 #000 false
content-color String 内容颜色 #000 false
close-img String 关闭图片路径 组件自带关闭icon false
img-size String 关闭图片尺寸 13 false
between-sides Number 内容距左距右距离 29 false
bg-color String 说明详情页背景色 #fff false
border-radius Number 说明详情页左右上角圆角尺寸 0 false
height Number 说明详情页高度 363 false

事件

事件名 说明

close-qichen-explain 点击关闭图片按钮暴露出来的事件,执行你想执行的方法