
代码如下:
<template>
<view>
<view style="display: flex;padding: 20rpx; justify-content: space-between;">
<view style="width: 340rpx;">
<block v-for="(item,index) in datalist" v-if="index%2==0">
<image :src="item.titleimg" style="width: 340rpx;" mode="widthFix"></image>
<view>{{item.title}}</view>
</block>
</view>
<view style="width: 340rpx;">
<block v-for="(item,index) in datalist" v-if="index%2==1">
<image :src="item.titleimg" style="width: 340rpx;" mode="widthFix"></image>
<view>{{item.title}}</view>
</block>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
datalist: [{
title: "标题",
titleimg: "http://repo.bfw.wiki/bfwrepo/image/625e10c281dc9.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_500,h_600,/quality,q_90"
}, {
title: "标题",
titleimg: "http://repo.bfw.wiki/bfwrepo/image/61ac60be5ec44.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_600,h_600,/quality,q_90"
}, {
title: "标题",
titleimg: "http://repo.bfw.wiki/bfwrepo/image/5e62ef20b92ee.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_200,h_600,/quality,q_90"
}, {
title: "标题",
titleimg: "http://repo.bfw.wiki/bfwrepo/image/61ac60be5ec44.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_800,h_600,/quality,q_90"
}, {
title: "标题",
titleimg: "http://repo.bfw.wiki/bfwrepo/image/5e62ef20b92ee.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_400,h_600,/quality,q_90"
}, {
title: "标题",
titleimg: "http://repo.bfw.wiki/bfwrepo/image/625e10c281dc9.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_600,h_600,/quality,q_90"
}, {
title: "标题",
titleimg: "http://repo.bfw.wiki/bfwrepo/image/5e62ef20b92ee.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_600,h_600,/quality,q_90"
}, {
title: "标题",
titleimg: "http://repo.bfw.wiki/bfwrepo/image/5e62ef20b92ee.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_300,h_600,/quality,q_90"
}, {
title: "标题",
titleimg: "http://repo.bfw.wiki/bfwrepo/image/5e62ef20b92ee.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_500,h_600,/quality,q_90"
}, {
title: "标题",
titleimg: "http://repo.bfw.wiki/bfwrepo/image/625e10c281dc9.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_400,h_600,/quality,q_90"
}],
}
},
onLoad() {
},
methods: {
}
}
</script>
<style>
</style> 网友回复
如何修改别人发给我的微信笔记内容?
fbx、obj、glb三维格式模型如何在浏览器中通过three相互转换格式?
python如何实现基于http隧道加密的正向代理服务?
有没有有专门针对 UI 界面截图进行智能标记(Set-of-Mark, SoM) 的开源库和工具?
如何用python实现Set-of-Mark (SoM) 技术?
python如何截取windows指定应用的窗口截图,不用管窗口是不是在最前面?
linux能不能给rm删除命令增加回收站功能,可恢复被删文件?
bfwsoa如何在命令行中执行控制器动作器方法?
RAG(检索增强生成)和 KG(知识图谱)有啥不同?
KVM硬件是啥?


