press-next
Version:
Vue3 组件库,支持 Composition API
63 lines (56 loc) • 1.42 kB
text/typescript
/**
* AI办赛地图选择组件演示数据
*/
export interface MapItem {
id: string | number;
name: string;
image: string;
description?: string;
selected?: boolean;
}
export function getMockData() {
// 地图列表数据
const mapList: MapItem[] = [
{
id: 1,
name: '召唤师峡谷',
image:
'https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/article/2023/10/own_mike_a17f94292a34e9f644.jpeg',
description: '经典5v5地图',
selected: true,
},
{
id: 2,
name: '极地大乱斗',
image:
'https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/article/2023/10/own_mike_a17f94292a34e9f644.jpeg',
description: '单路混战地图',
selected: false,
},
{
id: 3,
name: '云顶之弈',
image:
'https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/article/2023/10/own_mike_a17f94292a34e9f644.jpeg',
description: '自走棋模式',
selected: false,
},
{
id: 4,
name: '斗魂竞技场',
image:
'https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/article/2023/10/own_mike_a17f94292a34e9f644.jpeg',
description: '2v2v2v2地图',
selected: false,
},
];
// 组件属性配置
const componentProps = {
mapList,
};
return componentProps;
}
const DEMO_DATA = {
...getMockData(),
};
export default DEMO_DATA;