# 课程列表
图标文本形式展示导航区
# 演示调用
- 该组件为
sino-card-img-words组件的默认包装层 - 传递
num参数可以体验默认列表数据, 不传递需要传递list真实数据 - 传递
col参数可以控制，每行显示的图文卡片数，默认是1
<sino-card-img-words :num="6" :col="3"></sino-card-img-words>
# 真实调用样例
<sino-card-img-words :list="list" :col="2"></sino-card-img-words>
<script>
export default {
data(){
list:[
{
layout: 'column',
src:'https://train-vue-1259109275.cos.ap-beijing.myqcloud.com/resouces_img/course_1.png',
imgHeight:180
},
{
ayout: 'column',
src:'https://train-vue-1259109275.cos.ap-beijing.myqcloud.com/resouces_img/course_2.png',
imgHeight:180
}
]
}
}
</script>
# API
# Props
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| col | 每行卡片数 | Number | 1 | |
| num | 演示模块传递参数，不传递list情况下，可以传递num参数查看默认演示。 | Number | 3 | |
| list | 宫格数据 | Array | [{list-item},{list-item}...] |
# list-item props
具体属性请参考图文组件-sino-card-img-words-item props