Skip to content
可用`aside-top`
文档索引
可用Sponsors

imagesArticle 组件使用

友情提示

一般用在根目录index.md文件中使用 sidebar设置为false

基本使用

基本使用
<template>
    <div>
        <imagesArticle />
    </div>
</template>


<script lang="ts" setup>

</script>

多个使用

多个使用
多个使用
<template>
    <div>
        <imagesArticle :list="list"></imagesArticle>
    </div>
</template>

<script lang="ts" setup>
import { ref, reactive } from 'vue'
const list = reactive([
    {
        img: 'http://www.masonjs.cn/columns/Html.png',
        text: '易软',
        url: '/pages/index'
    },
    {
        // img: '/images/logo.png',
        text: '易软',
        url: '/pages/index'
    }
    ,
    {
        img: '/images/logo.png',
        text: '易软',
        url: '/pages/index'
    }
    ,
    {
        img: '/images/logo.png',
        text: '易软',
        url: '/pages/index'
    }
    ,
    {
        img: '/images/logo.png',
        text: '易软',
        url: '/pages/index'
    }

]

)

</script>

Released under the MIT License.