qichen-explain

qichen-explain 参数说明页

介绍

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

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

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

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

引入

import qichenExplain from '../../components/qichen-explain/qichen-explain.stml'
~~~ 
   
## 用法
~~~html
<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 点击关闭图片按钮暴露出来的事件,执行你想执行的方法
是否仍需要帮助? 请保持联络!
最后更新于 2024/06/14