<template>
<view class="content" style="flex: 1;">
<list style="width: 750rpx;height: 600rpx;transform: rotate(180deg)">
<cell v-for="(item, index) in dataList" :key="item.id">
<view class="" style="flex-direction: row;margin-top: 10px;align-items: center;justify-content: center;transform: rotate(180deg)">
<text>{{item.text+item.id}}</text>
<image :src="item.img" mode="aspectFill" style="width: 80rpx;height: 80rpx;margin-left: 10rpx;"></image>
</view>
</cell>
</list>
<view class="" style="flex-direction: row;">
<button @click="cz" type="default">重置数据</button>
<button @click="pushA" type="default">添加数据</button>
</view>
</view>
</template>
<script>
export default {
data() {
return {
scrollTop:0,
dataList:[
{
id:1,
img:'/static/logo.png',
text:'我是'
},
]
}
},
onLoad() {
},
methods: {
cz(){
this.dataList = [
{
id:1,
img:'/static/logo.png',
text:'我是'
}
]
},
pushA(){
let opt = {
id:this.dataList.length+1,
img:'/static/logo.png',
text:'我是'
}
this.dataList.unshift(opt)
}
}
} </script>
<style>
</style>
7***@qq.com (作者)
聊天页面 这种情况 ，体验极差，你想想，群聊的时候，收到消息速度有点快的时候， 就特别闪，
2022-02-13 23:39