From 4c04fa8bcaf877aea48a64846d6ab0ff902c013f Mon Sep 17 00:00:00 2001
From: kimi <kimi42345@gmail.com>
Date: 星期二, 21 一月 2020 14:21:40 +0800
Subject: [PATCH] no message
---
src/components/square.vue | 30 +++++++++++++++++++++++-------
1 files changed, 23 insertions(+), 7 deletions(-)
diff --git a/src/components/square.vue b/src/components/square.vue
index a078581..cf30081 100644
--- a/src/components/square.vue
+++ b/src/components/square.vue
@@ -2,7 +2,15 @@
<div class="infinite-list-wrapper" style="overflow:auto">
<ul class="list" v-infinite-scroll="load" infinite-scroll-disabled="disabled">
- <li v-for="i in count" class="list-item">{{ i }}</li>
+ <li v-for="item in dataList" :key = "item.id" class="list-item">
+ <el-row>
+ <el-col :span="8"><div class="grid-content">{{item.title}}</div></el-col>
+ <el-col :span="4" :><div class="grid-content">{{item.time}}</div></el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="20"><div class="grid-content">{{item.desp}}</div></el-col>
+ </el-row>
+ </li>
</ul>
<p v-if="loading">鍔犺浇涓�...</p>
<p v-if="noMore">娌℃湁鏇村浜�</p>
@@ -10,10 +18,18 @@
</template>
<script>
+ import squareList from "./squareList.vue";
+
export default {
data() {
return {
- count: 10,
+ dataList: [
+ {id:1,title:"11",desp:"111",time:"11-11"},
+ {id:1,title:"11",desp:"111",time:"11-11"},
+ {id:1,title:"11",desp:"111",time:"11-11"},
+ {id:1,title:"11",desp:"111",time:"11-11"},
+ {id:1,title:"11",desp:"111",time:"11-11"},
+ ],
loading: false
}
},
@@ -27,11 +43,11 @@
},
methods: {
load() {
- this.loading = true
- setTimeout(() => {
- this.count += 2
- this.loading = false
- }, 2000)
+ // this.loading = true
+ // setTimeout(() => {
+ // this.count += 2
+ // this.loading = false
+ // }, 2000)
}
}
}
--
Gitblit v1.8.0