前端iview排列图片 下面加 名称

效果:

<Row v-for="item in appNameList" :key="item.appName" justify="center" style="display: inline-block;width:110px">

<Col style="display: inline-block;">

<img class="preview-img" :title="item.alt" :alt="item.alt" :src="item.appLogo" :h="item.h" :w="item.w" width="100" height="100" @click="openAppDetail(item.appCode,item.appName)" style="margin: 10px;box-shadow: 0 0 8px"/>

<h5 style="text-align: center"> {{item.appName}}</h5>

</Col>

</Row>