theluyuan/falvpingtai
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

点赞

Browse Source
This commit is contained in:
pplokijuhyg 2019-12-18 17:37:50 +08:00
parent 7296d226f4
commit 5195fcfa8a
15 changed files with 337 additions and 110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/IndexArticleDetail.vue
View File

@ -13,7 +13,10 @@
:nickname="item.nickname" :nickname="item.nickname"
:text="item.articlecontent" :text="item.articlecontent"
:comment="item.comment" :comment="item.comment"
:num="item.islike" :like="item.islike"
:collect="item.collect"
:islike="item.isClick"
:iscllect="item.isCollect"
></follow> ></follow>
</div> </div>

137
src/IndexFind.vue
View File

@ -6,7 +6,18 @@
</div> </div>
<div class="all" v-if="no==0"> <div class="all" v-if="no==0">
<div class="all1" v-for="(i,j) in list" :key="j" @click="todetail(i.id,i.type)"> <div class="all1" v-for="(i,j) in list" :key="j" @click="todetail(i.id,i.type)">
<indexfindall :title="i.title" :num="i.comment" :content="i.text" :right="'http://lawpro.earnest.pro/'+i.avatar"></indexfindall> <indexfindall
:title="i.title"
:num="i.comment"
:content="i.text"
:right="'http://lawpro.earnest.pro/'+i.avatar"
:islike="i.isClick"
:iscllect="i.isCollect"
:like="i.islike"
:collect="i.collect"
:id="i.id"
:type="i.type"
></indexfindall>
</div> </div>
<div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</div> <div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</div>
@ -73,8 +84,8 @@ export default {
indedfinduser indedfinduser
}, },
mounted() { mounted() {
this.getlist1() this.getlist1();
}, },
watch: { watch: {
no() { no() {
this.page = 0; this.page = 0;
@ -82,7 +93,7 @@ export default {
this.list = []; this.list = [];
this.lock = false; this.lock = false;
// this.getlist1(); // this.getlist1();
this.text="加载中" this.text = "加载中";
} }
}, },
beforeRouteLeave(a, b, c) { beforeRouteLeave(a, b, c) {
@ -90,41 +101,39 @@ export default {
c(); c();
}, },
methods: { methods: {
getlist1(){ getlist1() {
let t=this; let t = this;
t.list=[] t.list = [];
t.axios t.axios
.post("http://lawpro.earnest.pro/api/login_main/indexsearch", { .post("http://lawpro.earnest.pro/api/login_main/indexsearch", {
where: t.$route.query.word, where: t.$route.query.word,
type: t.no, type: t.no,
}).then((res)=>{ token: localStorage.getItem("token")
if(res.data.data){ })
.then(res => {
t.list=res.data.data if (res.data.data) {
window.console.log(t.list.length,"hfihaifohog") t.list = res.data.data;
if(t.list.length<5){ window.console.log(t.list.length, "hfihaifohog");
t.text="暂无数据" if (t.list.length < 5) {
t.text = "暂无数据";
} }
window.$(window).scroll(() => { window.$(window).scroll(() => {
var windowH = window.$(window).height(); //设备可见区域高度 var windowH = window.$(window).height(); //设备可见区域高度
var documentH = window.$(document).height(); //整个网页的高度（包括未显示的部分） var documentH = window.$(document).height(); //整个网页的高度（包括未显示的部分）
var scrollH = window.$(window).scrollTop(); //滚动条滚动上去的高度 var scrollH = window.$(window).scrollTop(); //滚动条滚动上去的高度
//或者 scrollH = $(document).scrollTop(); //或者 scrollH = $(document).scrollTop();
if (windowH + scrollH >= documentH) { if (windowH + scrollH >= documentH) {
// do something // do something
// alert(2); // alert(2);
window.console.log(1); window.console.log(1);
t.getlist(); t.getlist();
} }
}); });
} else {
}else{ window.console.log("errir");
window.console.log("errir") t.text = "暂无数据";
t.text="暂无数据"
} }
});
})
}, },
getlist() { getlist() {
if (this.lock) { if (this.lock) {
@ -142,36 +151,34 @@ export default {
.then(res => { .then(res => {
window.console.log(res); window.console.log(res);
if (res.data.code == 200) { if (res.data.code == 200) {
if(res.data.data){ if (res.data.data) {
t.list = t.list.concat(res.data.data); t.list = t.list.concat(res.data.data);
} }
t.lock = false; t.lock = false;
window.$(window).scroll(() => { window.$(window).scroll(() => {
var windowH = window.$(window).height(); //设备可见区域高度 var windowH = window.$(window).height(); //设备可见区域高度
var documentH = window.$(document).height(); //整个网页的高度（包括未显示的部分） var documentH = window.$(document).height(); //整个网页的高度（包括未显示的部分）
var scrollH = window.$(window).scrollTop(); //滚动条滚动上去的高度 var scrollH = window.$(window).scrollTop(); //滚动条滚动上去的高度
//或者 scrollH = $(document).scrollTop(); //或者 scrollH = $(document).scrollTop();
if (windowH + scrollH >= documentH) { if (windowH + scrollH >= documentH) {
// do something // do something
// alert(2); // alert(2);
window.console.log(1); window.console.log(1);
t.getlist(); t.getlist();
} }
}); });
} else { } else {
t.text = "暂无更多"; t.text = "暂无更多";
} }
// t.list=res.data.data // t.list=res.data.data
}); });
}, },
getno(e) { getno(e) {
window.console.log(e); window.console.log(e);
this.no = e; this.no = e;
this.list = []; this.list = [];
this.getlist1() this.getlist1();
window.console.log(this.list.length,"list") window.console.log(this.list.length, "list");
}, },
todetail(e, type) { todetail(e, type) {
window.console.log(e); window.console.log(e);
@ -198,21 +205,21 @@ export default {
// // res.data.data[i].avatar= "http://lawpro.earnest.pro/"+res.data.data[i].avatar // // res.data.data[i].avatar= "http://lawpro.earnest.pro/"+res.data.data[i].avatar
// // } // // }
// // t.list=res.data.data // // t.list=res.data.data
// if (res.data.code == 200) { // if (res.data.code == 200) {
// t.list = res.data.data; // t.list = res.data.data;
// window.$(window).scroll(() => { // window.$(window).scroll(() => {
// var windowH = window.$(window).height(); //设备可见区域高度 // var windowH = window.$(window).height(); //设备可见区域高度
// var documentH = window.$(document).height(); //整个网页的高度（包括未显示的部分） // var documentH = window.$(document).height(); //整个网页的高度（包括未显示的部分）
// var scrollH = window.$(window).scrollTop(); //滚动条滚动上去的高度 // var scrollH = window.$(window).scrollTop(); //滚动条滚动上去的高度
// //或者 scrollH = $(document).scrollTop(); // //或者 scrollH = $(document).scrollTop();
// if (windowH + scrollH >= documentH) { // if (windowH + scrollH >= documentH) {
// // do something // // do something
// // alert(2); // // alert(2);
// window.console.log(1); // window.console.log(1);
// t.getlist(); // t.getlist();
// } // }
// }); // });
// } else { // } else {
// t.text = "暂无数据"; // t.text = "暂无数据";
// } // }
// }) // })

16
src/PersonalHomepage.vue
View File

@ -22,7 +22,7 @@
<div :class="types == 3?'select':''" @click="types=3">回答</div> <div :class="types == 3?'select':''" @click="types=3">回答</div>
<div :class="types == 1?'select':''" @click="types=1">文章</div> <div :class="types == 1?'select':''" @click="types=1">文章</div>
<div :class="types == 2?'select':''" @click="types=2">提问</div> <div :class="types == 2?'select':''" @click="types=2">提问</div>
<!-- <div :class="types == 5?'select':''" @click="types=5">收藏</div> --> <div :class="types == 5?'select':''" @click="types=5">收藏</div>
</div> </div>
<div class="list"> <div class="list">
<div v-for="(item,index) in dynamiclist" :key="index"> <div v-for="(item,index) in dynamiclist" :key="index">
@ -31,7 +31,8 @@
<follow v-if="types == 3" operation="我发布了该回答" :day="item.time" :title="item.title" :nickname="item.nickname" :userimg="'http://lawpro.earnest.pro' + userimg" :num="item.islike" :img="'http://lawpro.earnest.pro' + item.avatar" :text="item.text" :comment="item.comment" :sid="item.id" :type="item.status"></follow> <follow v-if="types == 3" operation="我发布了该回答" :day="item.time" :title="item.title" :nickname="item.nickname" :userimg="'http://lawpro.earnest.pro' + userimg" :num="item.islike" :img="'http://lawpro.earnest.pro' + item.avatar" :text="item.text" :comment="item.comment" :sid="item.id" :type="item.status"></follow>
<answer v-if="types==1" operation="我发布了该文章" :day="item.time" :title="item.title" types="1" :sid="item.id" :type="item.status"></answer> <answer v-if="types==1" operation="我发布了该文章" :day="item.time" :title="item.title" types="1" :sid="item.id" :type="item.status"></answer>
<answer v-if="types==2" operation="我发布了该问题" :day="item.time" :title="item.title" types="2" :sid="item.id" :type="item.status"></answer> <answer v-if="types==2" operation="我发布了该问题" :day="item.time" :title="item.title" types="2" :sid="item.id" :type="item.status"></answer>
<follow v-if="types == 5 && item.type==2" operation="我收藏了该回答" :day="item.time" :title="item.title" :nickname="item.nickname" :userimg="'http://lawpro.earnest.pro' + userimg" :num="item.islike" :img="'http://lawpro.earnest.pro' + item.avatar" :text="item.text" :comment="item.comment" :sid="item.id" :type="item.status"></follow>
<answer v-if="types==5 && item.type ==1" operation="我收藏了该文章" :day="item.time" :title="item.title" types="1" :sid="item.id" :type="item.status"></answer>
</div> </div>
</div> </div>
@ -165,7 +166,7 @@ export default {
return ; return ;
} }
this.dynamiclist = this.dynamiclist.concat(res.data.data) this.dynamiclist = res.data.data
this.lock = false this.lock = false
} }
@ -183,12 +184,13 @@ export default {
}).then((res)=>{ }).then((res)=>{
window.console.log(res) window.console.log(res)
if(res.data.code == 200){ if(res.data.code == 200){
if(res.data.data.length == 0){ // if(res.data.data.length == 0){
// return ;
// }
// alert(1) // alert(1)
return ; this.dynamiclist = res.data.data
}
this.dynamiclist = this.dynamiclist.concat(res.data.data)
this.lock = false this.lock = false
} }

5
src/articledetail.vue
View File

@ -13,6 +13,10 @@
:text="list.data.articlecontent" :text="list.data.articlecontent"
:title="list.data.title" :title="list.data.title"
:guanzhu="ifgz" :guanzhu="ifgz"
:like = "list.data.islike"
:collect = "list.data.comment"
:islike="list.data.isClick"
:iscllect="list.data.isCollect"
@pinglun="pinglu" @pinglun="pinglu"
@guanzhu="gz" @guanzhu="gz"
></follow> ></follow>
@ -45,6 +49,7 @@
:img="'http://lawpro.earnest.pro/' + item.avatar" :img="'http://lawpro.earnest.pro/' + item.avatar"
:name="item.nickname" :name="item.nickname"
:text="item.text" :text="item.text"
></comment> ></comment>
</div> </div>
<div class="msg" v-show="msgs">{{msg}}</div> <div class="msg" v-show="msgs">{{msg}}</div>

BIN
src/assets/collect.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 255 B

BIN
src/assets/collects.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 278 B

BIN
src/assets/like.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 230 B

BIN
src/assets/likes.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 247 B

55
src/components/IndexList.vue
View File

@ -13,14 +13,22 @@
<p>{{text}}</p> <p>{{text}}</p>
</div> </div>
<div class="operation"> <div class="operation">
<div @click.stop="shar"> <!-- <div @click.stop="shar">
<img src="../assets/share.png" alt srcset /> <img src="../assets/share.png" alt srcset />
分享 分享
</div> </div> -->
<div> <div>
<img src="../assets/pl.png" alt srcset /> <img src="../assets/pl.png" alt srcset />
{{num}}回答 {{num}}回答
</div> </div>
<div @click.stop="clike">
<img :src="islike?plikes:plike" alt srcset />
{{like}}点赞
</div>
<div @click.stop="ccollect">
<img :src="iscllect?pcollects:pcollect" alt srcset />
{{collect}}收藏
</div>
<div v-show="false" class="more" @click="show = !show"> <div v-show="false" class="more" @click="show = !show">
<div></div> <div></div>
<div></div> <div></div>
@ -177,14 +185,22 @@
} }
</style> </style>
<script> <script>
import plike from "../assets/like.png"
import plikes from "../assets/likes.png"
import pcollect from '../assets/collect.png'
import pcollects from '../assets/collects.png'
export default { export default {
name: "PersonafFollow", name: "PersonafFollow",
data() { data() {
return { return {
show: false show: false,
plike,
plikes,
pcollect,
pcollects
}; };
}, },
props: ["title", "id", "img", "text", "num",'type'], props: ["title", "id", "img", "text", "num",'type','like','collect','islike','iscllect'],
methods: { methods: {
shar() { shar() {
const input = document.createElement("input"); const input = document.createElement("input");
@ -199,6 +215,37 @@ export default {
} }
document.body.removeChild(input); document.body.removeChild(input);
},
clike(){
this.axios.post("http://lawpro.earnest.pro/api/login_main/clickLike",{
token:localStorage.getItem("token"),
type:this.type,
id:this.id,
status: 1
}).then(()=>{
if(this.islike){
this.like = parseInt(this.like) - 1
}else{
this.like = parseInt(this.like) + 1
}
this.islike = !this.islike
})
},
ccollect(){
this.axios.post("http://lawpro.earnest.pro/api/login_main/plusCollect",{
token:localStorage.getItem("token"),
type:this.type,
id:this.id
}).then(()=>{
if(this.iscllect){
this.collect = parseInt(this.collect) - 1
}else{
this.collect = parseInt(this.collect) + 1
}
this.iscllect = !this.iscllect
})
} }
} }
}; };

4
src/components/PersonafFollow.vue
View File

@ -21,14 +21,14 @@
</p> </p>
</div> </div>
<div class="operation"> <div class="operation">
<div> <!-- <div>
<img src="../assets/share.png" alt="" srcset=""> <img src="../assets/share.png" alt="" srcset="">
分享 分享
</div> </div>
<div> <div>
<img src="../assets/pl.png" alt="" srcset=""> <img src="../assets/pl.png" alt="" srcset="">
{{comment}}评论 {{comment}}评论
</div> </div> -->
<div> <div>
</div> </div>

4
src/components/PersonafFollows.vue
View File

@ -21,10 +21,10 @@
</p> </p>
</div> </div>
<div class="operation"> <div class="operation">
<div> <!-- <div>
<img src="../assets/share.png" alt="" srcset=""> <img src="../assets/share.png" alt="" srcset="">
分享 分享
</div> </div> -->
<div> <div>
<img src="../assets/pl.png" alt="" srcset=""> <img src="../assets/pl.png" alt="" srcset="">
{{comment}}评论 {{comment}}评论

60
src/components/indexFollow.vue
View File

@ -15,13 +15,21 @@
<div class="gengduo" v-show="show" @click="shows">展开阅读全文</div> <div class="gengduo" v-show="show" @click="shows">展开阅读全文</div>
</div> </div>
<div class="operation"> <div class="operation">
<div @click="shar"> <!-- <div @click="shar">
<img src="../assets/share.png" alt srcset /> <img src="../assets/share.png" alt srcset />
分享 分享
</div> </div> -->
<div @click="pinglun"> <div @click="pinglun">
<img src="../assets/pl.png" alt srcset /> <img src="../assets/pl.png" alt srcset />
{{comment}}评论 {{comment}}评论
</div>
<div @click.stop="clike">
<img :src="islike?plikes:plike" alt srcset />
{{like}}点赞
</div>
<div @click.stop="ccollect">
<img :src="iscllect?pcollects:pcollect" alt srcset />
{{collect}}收藏
</div> </div>
<div v-show="!show && lang" @click="hadd">收起</div> <div v-show="!show && lang" @click="hadd">收起</div>
</div> </div>
@ -126,12 +134,20 @@
} }
</style> </style>
<script> <script>
import plike from "../assets/like.png"
import plikes from "../assets/likes.png"
import pcollect from '../assets/collect.png'
import pcollects from '../assets/collects.png'
export default { export default {
name: "PersonafFollow", name: "PersonafFollow",
data() { data() {
return { return {
show: false, show: false,
lang: true lang: true,
plike,
plikes,
pcollect,
pcollects
}; };
}, },
props: { props: {
@ -141,10 +157,13 @@ export default {
userimg: {}, userimg: {},
nickname: {}, nickname: {},
role: {}, role: {},
num: {}, like: {},
comment: {}, comment: {},
text: {}, text: {},
sid:{} sid:{},
collect:{},
islike:{},
iscllect:{}
}, },
methods: { methods: {
@ -174,6 +193,37 @@ export default {
} }
document.body.removeChild(input); document.body.removeChild(input);
},
clike(){
this.axios.post("http://lawpro.earnest.pro/api/login_main/clickLike",{
token:localStorage.getItem("token"),
type:3,
click_id:this.sid,
status: 1
}).then(()=>{
if(this.islike){
this.like = parseInt(this.like) - 1
}else{
this.like = parseInt(this.like) + 1
}
this.islike = !this.islike
})
},
ccollect(){
this.axios.post("http://lawpro.earnest.pro/api/login_main/plusCollect",{
token:localStorage.getItem("token"),
type:3,
id:this.sid
}).then(()=>{
if(this.iscllect){
this.collect = parseInt(this.collect) - 1
}else{
this.collect = parseInt(this.collect) + 1
}
this.iscllect = !this.iscllect
})
} }
}, },
mounted() { mounted() {

59
src/components/indexFollow1.vue
View File

@ -33,15 +33,23 @@
<!-- <div v-show="show" @click="shows">展开阅读全文</div> --> <!-- <div v-show="show" @click="shows">展开阅读全文</div> -->
</div> </div>
<div class="operation"> <div class="operation">
<div @click="shar"> <!-- <div @click="shar">
<img src="../assets/share.png" alt srcset /> <img src="../assets/share.png" alt srcset />
分享 分享
</div> </div> -->
<div @click="$emit('pinglun')"> <div @click="$emit('pinglun')">
<img src="../assets/pl.png" alt srcset /> <img src="../assets/pl.png" alt srcset />
{{num}}评论 {{num}}评论
</div> </div>
<div></div> <div @click.stop="clike">
<img :src="islike?plikes:plike" alt srcset />
{{like}}点赞
</div>
<div @click.stop="ccollect">
<img :src="iscllect?pcollects:pcollect" alt srcset />
{{collect}}收藏
</div>
<!-- <div></div> -->
<!-- <div v-show="!show && lang" @click="hadd">收起</div> --> <!-- <div v-show="!show && lang" @click="hadd">收起</div> -->
</div> </div>
</div> </div>
@ -166,7 +174,7 @@
} }
} }
> div:last-child { > div:last-child {
margin-left: 300px; // margin-left: 300px;
margin-right: 0; margin-right: 0;
} }
} }
@ -198,12 +206,20 @@
} }
</style> </style>
<script> <script>
import plike from "../assets/like.png"
import plikes from "../assets/likes.png"
import pcollect from '../assets/collect.png'
import pcollects from '../assets/collects.png'
export default { export default {
name: "PersonafFollow", name: "PersonafFollow",
data() { data() {
return { return {
show: false, show: false,
lang: true lang: true,
plike,
plikes,
pcollect,
pcollects
}; };
}, },
@ -235,6 +251,37 @@ export default {
} }
document.body.removeChild(input); document.body.removeChild(input);
},
clike(){
this.axios.post("http://lawpro.earnest.pro/api/login_main/clickLike",{
token:localStorage.getItem("token"),
type:1,
id:this.$route.query.id,
status: 1
}).then(()=>{
if(this.islike){
this.like = parseInt(this.like) - 1
}else{
this.like = parseInt(this.like) + 1
}
this.islike = !this.islike
})
},
ccollect(){
this.axios.post("http://lawpro.earnest.pro/api/login_main/plusCollect",{
token:localStorage.getItem("token"),
type:1,
id:this.$route.query.id
}).then(()=>{
if(this.iscllect){
this.collect = parseInt(this.collect) - 1
}else{
this.collect = parseInt(this.collect) + 1
}
this.iscllect = !this.iscllect
})
} }
}, },
mounted() { mounted() {
@ -253,6 +300,6 @@ export default {
} }
}); });
}, },
props:['img','nickname','sole','title','date','num','text','guanzhu'] props:['img','nickname','sole','title','date','num','text','guanzhu','like','collect','islike','iscllect']
}; };
</script> </script>

71
src/components/indexfindall.vue
View File

@ -6,14 +6,22 @@
<!-- <p class="text"> <b>职问：</b>因为学习工作而在不同程度上变得“麻木”。实际上，长期从事法律</p> --> <!-- <p class="text"> <b>职问：</b>因为学习工作而在不同程度上变得“麻木”。实际上，长期从事法律</p> -->
<p class="text">{{content}}</p> <p class="text">{{content}}</p>
<div class="operation"> <div class="operation">
<div> <!-- <div>
<img src="../assets/share.png" alt class="icon" /> <img src="../assets/share.png" alt class="icon" />
<p>分享</p> <p>分享</p>
</div> </div> -->
<div> <div>
<img src="../assets/pl.png" alt class="icon" /> <img src="../assets/pl.png" alt class="icon" />
<p>{{num}}条评论</p> <p>{{num}}条评论</p>
</div> </div>
<div @click.stop="clike">
<img :src="islike?plikes:plike" alt srcset />
<p>{{like}}点赞</p>
</div>
<div @click.stop="ccollect">
<img :src="iscllect?pcollects:pcollect" alt srcset />
<p>{{collect}}收藏</p>
</div>
</div> </div>
</div> </div>
<img :src="right" alt class="right" /> <img :src="right" alt class="right" />
@ -22,11 +30,19 @@
</template> </template>
<script> <script>
import plike from "../assets/like.png"
import plikes from "../assets/likes.png"
import pcollect from '../assets/collect.png'
import pcollects from '../assets/collects.png'
export default { export default {
name: "indexfindall", name: "indexfindall",
data() { data() {
return { return {
aaa: "../assets/ad.png" aaa: "../assets/ad.png",
plike,
plikes,
pcollect,
pcollects
}; };
}, },
props: { props: {
@ -39,7 +55,46 @@ export default {
content: { content: {
type: String type: String
}, },
right: {} right: {},
like:{},
collect:{},
islike:{},
iscllect:{},
id:{},
type:{}
},
methods:{
clike(){
this.axios.post("http://lawpro.earnest.pro/api/login_main/clickLike",{
token:localStorage.getItem("token"),
type:this.type,
click_id:this.id,
status: 1
}).then(()=>{
if(this.islike){
this.like = parseInt(this.like) - 1
}else{
this.like = parseInt(this.like) + 1
}
this.islike = !this.islike
})
},
ccollect(){
this.axios.post("http://lawpro.earnest.pro/api/login_main/plusCollect",{
token:localStorage.getItem("token"),
type:this.type,
id:this.id
}).then(()=>{
if(this.iscllect){
this.collect = parseInt(this.collect) - 1
}else{
this.collect = parseInt(this.collect) + 1
}
this.iscllect = !this.iscllect
})
}
} }
}; };
</script> </script>
@ -54,7 +109,7 @@ export default {
font-size: 34px; font-size: 34px;
font-weight: 500; font-weight: 500;
padding: 0 41px; padding: 0 41px;
text-indent:0; text-indent: 0;
padding-top: 34px; padding-top: 34px;
padding-bottom: 23px; padding-bottom: 23px;
} }
@ -88,9 +143,13 @@ export default {
> div { > div {
display: flex; display: flex;
> p { > p {
margin-right: 60px; margin-right: 10px;
margin-left: 10px; margin-left: 10px;
} }
>img{
width: 18px;
height: 18px;
}
} }
// justify-content: space-between; // justify-content: space-between;

31
src/index.vue
View File

@ -2,7 +2,11 @@
<div class="box"> <div class="box">
<heads></heads> <heads></heads>
<div class="list"> <div class="list">
<div v-for="(item,index) in list" :key="index" @click="todetail(item.id,item.type,item.user_id)" > <div
v-for="(item,index) in list"
:key="index"
@click="todetail(item.id,item.type,item.user_id)"
>
<list <list
:title="item.title" :title="item.title"
:id="item.id" :id="item.id"
@ -10,6 +14,10 @@
:img="item.img" :img="item.img"
:text="item.text" :text="item.text"
:type="item.type" :type="item.type"
:like="item.islike"
:collect="item.collect"
:islike="item.isClick"
:iscllect="item.isCollect"
></list> ></list>
</div> </div>
@ -45,7 +53,6 @@ export default {
}; };
}, },
methods: { methods: {
getlist() { getlist() {
if (this.lock) { if (this.lock) {
return "lock"; return "lock";
@ -54,7 +61,8 @@ export default {
var t = this; var t = this;
this.page += 1; this.page += 1;
this.axios this.axios
.post("http://lawpro.earnest.pro/api/login_main/articleList", { .post("http://lawpro.earnest.pro/api/Login_main/articleList", {
token: localStorage.getItem("token"),
page: t.page page: t.page
}) })
.then(res => { .then(res => {
@ -66,7 +74,7 @@ export default {
} }
}); });
}, },
todetail(e, type,userid) { todetail(e, type, userid) {
window.console.log(e); window.console.log(e);
if (type == 2) { if (type == 2) {
this.$router.push({ this.$router.push({
@ -74,7 +82,7 @@ export default {
}); });
} else { } else {
this.$router.push({ this.$router.push({
path: `/articledetail?id=` + e+`&userid=`+userid path: `/articledetail?id=` + e + `&userid=` + userid
}); });
} }
} }
@ -86,8 +94,9 @@ export default {
mounted() { mounted() {
var t = this; var t = this;
this.axios this.axios
.post("http://lawpro.earnest.pro/api/login_main/articleList", { .post("http://lawpro.earnest.pro/api/Login_main/articleList", {
page: t.page page: t.page,
token: localStorage.getItem("token")
}) })
.then(res => { .then(res => {
window.console.log(res.data); window.console.log(res.data);
@ -110,11 +119,9 @@ export default {
} }
}); });
}, },
beforeRouteLeave(a,b,c){ beforeRouteLeave(a, b, c) {
window.$(window).scroll(() => { window.$(window).scroll(() => {});
c();
});
c()
} }
}; };
</script> </script>