121 lines
4.7 KiB
JavaScript
121 lines
4.7 KiB
JavaScript
const tooLongImage = [
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/5e92fb1a30559c583a93bf1558d7d91d50eff18d.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/86f50d192e6821b2695268bae172ca1366646e12.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/f292915797d7e64daef628e12ecd3c6fd98aef11.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/56728cb9c2277b7059c28dda225aae8e5b816bf2.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/dae561c266536462ebd22bef76ad20fb0055cadc.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/2e9c9e9979512030c1979376b5795a3299dbb6d4.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/188808b7204daa338cdf83766f2e2e62fc53f3af.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/254b58b8bec12b2cee3ba7db1a82a46b09e660df.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/5c0350f8e988c73db984cffbf8edbb176f3f0b7f.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/4d1d0d0290896ef42bd5a146430139b4dcad623f.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/fed3bd2db6461d81439d790cd4e5aae67bd3e9ce.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/16a745a03e2016c624e49a92fad477ac8f73d0ed.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/932588729251f9250c0a4837d9a5d1616e81608a.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/5d13c12e63299966296084e4473076202be7b90d.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/38048acf3efe1687b91d3115be7ca018f60268a5.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/5e1716df0cb98170c57c6e44bcebff7ef6c8afe2.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/9c1a1e4c23da7ef5d8a7142b363015ef86517ded.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/3d03a8dd1b328a2aa8f5be868704a44f9b868b93.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/82c3a1d86168e664ec29143502d4367e144ee192.png' },
|
|
{ url: 'https://picasso-static.xiaohongshu.com/fe-platform/d56c5611536791c9fae8d00f77a13598da91d120.png' },
|
|
];
|
|
|
|
const video_resources = {
|
|
video_url: 'https://fe-video-qc.xhscdn.com/fe-platform/4b30caabcac0ad43c1db48415a355343156d8eeb.mp4',
|
|
cover_url: 'https://picasso-static.xiaohongshu.com/fe-platform/5e92fb1a30559c583a93bf1558d7d91d50eff18d.png',
|
|
}
|
|
|
|
Page({
|
|
data: {
|
|
noteTitle: '🌳探秘神秘古老森林，聆听自然私语！',
|
|
noteContent: '踏入这片古老森林，仿佛穿越到了远古时代。粗壮的树木遮天蔽日，阳光透过树叶的缝隙洒下，形成一道道金色的光柱。地上铺满了厚厚的落叶，踩上去发出清脆的声响。森林中弥漫着清新的松香气息，偶尔还能听到鸟儿的啼鸣声，充满了神秘与宁静。',
|
|
mediaInfo: JSON.stringify({
|
|
image_resources: tooLongImage.slice(0, 18),
|
|
}),
|
|
tags: "古老森林,森林探秘,自然宁静,神秘之境",
|
|
showFloatingButton: true,
|
|
},
|
|
onLoad() {
|
|
setTimeout(() => { this.removeSkeleton?.(); }, 1000);
|
|
},
|
|
bindFocus(e) {
|
|
this.setData({
|
|
showFloatingButton: false,
|
|
});
|
|
},
|
|
bindBlur(e) {
|
|
this.setData({
|
|
showFloatingButton: true,
|
|
});
|
|
},
|
|
bindError(e) {
|
|
xhs.showModal({
|
|
title: '发生错误',
|
|
content: e.detail.errMsg,
|
|
});
|
|
},
|
|
bindInputNoteTitle(e) {
|
|
this.setData({
|
|
noteTitle: e.detail.value,
|
|
});
|
|
},
|
|
bindInputNoteContent(e) {
|
|
this.setData({
|
|
noteContent: e.detail.value,
|
|
});
|
|
},
|
|
bindInputTags(e) {
|
|
this.setData({
|
|
tags: e.detail.value,
|
|
});
|
|
},
|
|
bindInputMediaInfo(e) {
|
|
this.setData({
|
|
mediaInfo: e.detail.value,
|
|
});
|
|
},
|
|
// 改成 1 张图片
|
|
changeMediaInfoToImageResource() {
|
|
this.setData({
|
|
mediaInfo: JSON.stringify({
|
|
image_resources: tooLongImage.slice(0, 1),
|
|
}),
|
|
});
|
|
},
|
|
// 改成 18 张相同的图片
|
|
changeMediaInfoToSameImageResource() {
|
|
const image = tooLongImage[0];
|
|
this.setData({
|
|
mediaInfo: JSON.stringify({
|
|
// 重复 18 次
|
|
image_resources: Array.from({ length: 18 }, () => image),
|
|
})
|
|
});
|
|
},
|
|
// 改成 18 张不同的图片
|
|
changeMediaInfoToDifferentImageResource() {
|
|
this.setData({
|
|
mediaInfo: JSON.stringify({
|
|
image_resources: tooLongImage.slice(0, 18),
|
|
}),
|
|
});
|
|
},
|
|
// 改成视频
|
|
changeMediaInfoToVideoResource() {
|
|
this.setData({
|
|
mediaInfo: JSON.stringify({
|
|
video_resources: video_resources,
|
|
}),
|
|
});
|
|
},
|
|
// 改成 19 张图片
|
|
changeMediaInfoTooLong() {
|
|
this.setData({
|
|
mediaInfo: JSON.stringify({
|
|
image_resources: tooLongImage.slice(0),
|
|
}),
|
|
});
|
|
},
|
|
});
|