EarthSDK UI

Appearance

外链 Link ​

轮播视图，点击跳转链接,鼠标悬浮时停止轮播，离开后继续轮播。

示例代码 ​

<script setup lang="ts">
import { ESLink } from 'earthsdk-ui'
const linkList = [
    {
        id: '1',
        description: '百度',
        link: 'https://www.baidu.com'
    },
    {
        id: '2',
        description: '北京西部世界科技有限公司',
        link: 'https://bjxbsj.cn'
    }]
</script>

<template>
    <div
        style="width: 500px;height: 200px;display: flex;justify-content: space-around;flex-direction: column;align-items: left;">
        <ESLink></ESLink>
        <ESLink :linkList="linkList" :duration="3" :maxWidth="300"></ESLink>
    </div>
</template>

Attributes ​

属性名说明类型默认值
linkList外链列表object[{ id: 'Cesiumlab', description: 'Cesiumlab——地理信息基础数据处理平台,数据转换 更胜一筹', link: 'https://bjxbsj.cn/cesiumlab.html'},...]
duration轮播时间(s)number5
maxWidth最大宽度(px)number250