# 金刚区(quick-access)
金刚区是页面的核心功能区域, 是聚合各类子板块的入口,为各个子板块分发内容。
# 基本使用
<itu-quick-access :list="list" :size="5">
<template v-slot="{data}">
<view class="itu-flex itu-flex-direction itu-align-center itu-justify-center itu-pt-15">
<image class="quick-access" :src="data.icon" mode="aspectFill"></image>
<view class="itu-text-sm mt-5">{{ data.name }}</view>
</view>
</template>
</itu-quick-access>
# Props
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
bgColor | String | rgba(0,0,0,0) | 背景色 |
padding | String | 0 15rpx | 边距 |
borderRadius | String | 15rpx | 圆角 |
themeColor | String | 主题色 | |
list | Array | [] | 列表数据 |
size | Number | 5 | 展示数量 |
height | Number | 180 | 默认高度 |
indicatorWidth | Boolean | false | 指示宽度 |
indicatorBarWidth | Boolean | false | 指示条宽度 |
提示
目前 slot 中需要使用原生组件(例:image)