woothu
33 lines
730 B
Vue
33 lines
730 B
Vue
<template>
|
|
<div>
|
|
<CCard>
|
|
<CCardHeader>
|
|
<i class="cui-globe"></i>Font Awesome brand icons
|
|
</CCardHeader>
|
|
<CCardBody>
|
|
<CRow class="text-center">
|
|
<template v-for="(brand, brandName) in $options.brands">
|
|
<CCol
|
|
class="mb-5"
|
|
col="3"
|
|
sm="2"
|
|
:key="brandName"
|
|
>
|
|
<CIcon :height="42" :content="$options.brands[brandName]"/>
|
|
<div>{{brandName}}</div>
|
|
</CCol>
|
|
</template>
|
|
</CRow>
|
|
</CCardBody>
|
|
</CCard>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { iconSet as brands } from '@coreui/icons/brands'
|
|
export default {
|
|
name: 'Brands',
|
|
brands
|
|
}
|
|
</script>
|