66 行
2.4 KiB
Plaintext
66 行
2.4 KiB
Plaintext
// 列表项数据类型
|
|
export type ListItemData = {
|
|
id: number,
|
|
type: number,
|
|
title: string,
|
|
desc: string,
|
|
author: string,
|
|
timestamp: number,
|
|
image: string,
|
|
images: string[],
|
|
gridImages: string[],
|
|
rating: number,
|
|
videoUrl: string,
|
|
videoPoster: string,
|
|
playCount: number,
|
|
likeCount: number
|
|
}
|
|
|
|
// 预生成4000条数据
|
|
function generateData(): ListItemData[] {
|
|
const result: ListItemData[] = []
|
|
const baseTime = 1705000000000 // 固定基准时间戳
|
|
|
|
for (let i = 0; i < 4000; i++) {
|
|
const type = (i % 3) + 1
|
|
const idx = i + 1
|
|
|
|
// 生成3张图片URL - 使用不同颜色和文字标识
|
|
const images: string[] = []
|
|
images.push(`https://web-ext-storage.dcloud.net.cn/hello-uni-app-x/waterflow-perf/150x200/3498db/white/T${type}-${idx}-A.webp`)
|
|
images.push(`https://web-ext-storage.dcloud.net.cn/hello-uni-app-x/waterflow-perf/150x200/e74c3c/white/T${type}-${idx}-B.webp`)
|
|
images.push(`https://web-ext-storage.dcloud.net.cn/hello-uni-app-x/waterflow-perf/150x200/2ecc71/white/T${type}-${idx}-C.webp`)
|
|
|
|
// 生成9张九宫格图片 (虽然不用了，但为了类型兼容还是保留空数组或者生成一点防止报错，mock data里类型定义有这个字段)
|
|
const gridImages: string[] = []
|
|
|
|
const item: ListItemData = {
|
|
id: i,
|
|
type: type,
|
|
title: `#${idx} ${type == 1 ? '单图' : type == 2 ? '三图' : '视频'}`,
|
|
desc: `第${idx}条数据内容摘要，测试长文本显示效果。这里多加一点文字让它看起来更长一些。`,
|
|
author: `User-${idx}`,
|
|
timestamp: baseTime - i * 3600000,
|
|
image: `https://web-ext-storage.dcloud.net.cn/hello-uni-app-x/waterflow-perf/120x120/9b59b6/white/T${type}-${idx}.webp`,
|
|
images: images,
|
|
gridImages: gridImages,
|
|
rating: Math.floor(Math.random() * 5) + 1,
|
|
videoUrl: (i % 2 == 1) ? '/static/test-video/10second-demo.mp4' : 'https://web-ext-storage.dcloud.net.cn/uni-app-x/video/uts-5-16.mp4',
|
|
videoPoster: `https://web-ext-storage.dcloud.net.cn/hello-uni-app-x/waterflow-perf/180x240/1abc9c/white/Video-${idx}.webp`,
|
|
playCount: i * 100 + 500,
|
|
likeCount: i * 10 + 50
|
|
}
|
|
result.push(item)
|
|
}
|
|
|
|
return result
|
|
}
|
|
|
|
let _mockListData: ListItemData[] | null = null
|
|
export function generateMockList() {
|
|
if (_mockListData == null) {
|
|
_mockListData = generateData()
|
|
}
|
|
return _mockListData!
|
|
}
|