Compare commits

..

No commits in common. "xuebaoxin" and "master" have entirely different histories.

36 changed files with 412 additions and 1327 deletions

BIN
dist.zip Normal file

Binary file not shown.

View File

@ -11,13 +11,12 @@
"axios": "^0.19.0",
"babel-plugin-import": "^1.12.2",
"core-js": "^3.3.2",
"node-sass": "^4.13.1",
"node-sass": "^4.13.0",
"postcss-pxtorem": "^4.0.1",
"sass-loader": "^8.0.0",
"vant": "^2.2.14",
"vue": "^2.6.10",
"vue-router": "^3.1.3",
"weixin-js-sdk": "^1.4.0-test"
"vue-router": "^3.1.3"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.0.0",

View File

@ -5,29 +5,8 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<link rel="stylesheet" href="./normalize.css">
<script>
window.onload=function () {
document.addEventListener('touchstart',function (event) {
if(event.touches.length>1){
event.preventDefault();
}
});
var lastTouchEnd=0;
document.addEventListener('touchend',function (event) {
var now=(new Date()).getTime();
if(now-lastTouchEnd<=300){
event.preventDefault();
}
lastTouchEnd=now;
},false);
document.addEventListener('gesturestart', function (event) {
event.preventDefault();
});
}
</script>
<script>
//designWidth:设计稿的实际宽度值,需要根据实际设置
//maxWidth:制作稿的最大宽度值,需要根据实际设置
@ -44,9 +23,7 @@
maxWidth = maxWidth || 540;
width > maxWidth && (width = maxWidth);
var rem = width * 100 / designWidth;
// alert(rem)
remStyle.innerHTML = 'html{font-size:' + Math.floor(rem) + 'px;}';
// alert(window.getComputedStyle(window.document.documentElement)["fontSize"])
remStyle.innerHTML = 'html{font-size:' + rem + 'px;}';
}
if (docEl.firstElementChild) {
@ -82,7 +59,7 @@
})(750, 1024);
</script>
<script src="./jquery-3.4.1.min.js"></script>
<title>Lawpro社区</title>
<title>falv</title>
</head>
<body>

View File

@ -149,17 +149,8 @@ sup {
img {
border-style: none;
box-shadow: none;
border: none;
/* background-color: red; */
/* opacity:0 !important; */
}
img[src=""],img:not([src]){
opacity:0 !important;
border: none !important;
margin: -1px;
}
/* Forms
========================================================================== */

View File

@ -9,14 +9,11 @@
@pinglu="pinglu"
:sid="item.id"
:indexs="index"
:userimg="'https://admin.lawpro.cn' + item.avatar"
:userimg="'http://lawpro.earnest.pro' + item.avatar"
:nickname="item.nickname"
:text="item.articlecontent"
:comment="item.comment"
:like="item.islike"
:collect="item.collect"
:islike="item.isClick"
:iscllect="item.isCollect"
:num="item.islike"
></follow>
</div>
@ -29,21 +26,19 @@
v-for="(item,index) in list.correlation"
:key="index"
:title="item.title"
:img="'https://admin.lawpro.cn' +item.img"
:img="'http://lawpro.earnest.pro' +item.img"
:sid="item.id"
:type="item.type"
></articles>
<!-- <articles></articles> -->
<p class="title">热门推荐</p>
<p class="title" @click="show = true">热门推荐</p>
<!-- <privatets></privatets> -->
<privates
v-for="(item,index) in list.correlation"
:key="index"
:title="item.title"
:sid="item.id"
:type="item.type"
></privates>
<!-- <articles></articles> -->
@ -51,28 +46,24 @@
<van-popup v-model="show" position="bottom" :style="{ height: '100%' }" class="linshi">
<div class="top">
<p class="tiao">{{plist.length}}条评论</p>
<p class="qie" @click="qshot">
<img class="qiehuan" src="./assets/qiehuan.png" alt srcset />
切换为{{shot == 0 ? '时间' : "默认"}}排序
<p class="qie" @click="shot = shot == 0 ? 1 : 0">
<img class="qiehuan" src="./assets/qiehuan.png" alt srcset /> 切换为{{shot == 0 ? '时间' : "默认"}}排序
</p>
<img class="quit" src="./assets/quit.png" alt @click="qshow" />
<img class="quit" src="./assets/quit.png" alt @click="show = !show" />
</div>
<div class="bodys">
<div style="min-height:101%">
<comment
v-for="(item,index) in plist"
:key="index"
:img="'https://admin.lawpro.cn/' + item.avatar"
:img="'http://lawpro.earnest.pro/' + item.avatar"
:name="item.nickname"
:text="item.text"
></comment>
</div>
</div>
<div class="msg" v-show="msgs">{{msg}}</div>
<div class="reply">
<img @click="biaoqing = !biaoqing" src="./assets/baoqing.png" alt srcset />
<textarea placeholder="写下你的评论..." v-model="content" @blur="body"></textarea>
<textarea placeholder="写下你的评论..." v-model="content"></textarea>
<p @click="pfb">发布</p>
<div v-show="biaoqing">
<Emotion @emotion="handleEmotion" :height="4"></Emotion>
@ -103,7 +94,7 @@ export default {
pid: 0,
msg: "发布成功",
msgs: false,
shot: 0
shot:0
};
},
components: {
@ -116,31 +107,14 @@ export default {
Emotion
},
methods: {
body(){
// alert(1)
// let a = window.document.body.scrollTop
// window.document.body && (window.document.body.scrollTop = a);
// window.scroll(0,0);
window.$(window).scrollTop(window.$(window).scrollTop)
},
qshow(){
this.show = !this.show
},
qshot(){
this.shot = this.shot == 0 ? 1 : 0
},
pfb() {
this.msg= "发布中"
this.msgs = true;
window.$(window).scrollTop(window.$(window).scrollTop)
if (localStorage.getItem("token") == "") {
this.$router.push("/login");
} else {
window.console.log(this.content);
if (this.content != "") {
this.axios
.post("https://admin.lawpro.cn/api/login_main/appendComment", {
.post("http://lawpro.earnest.pro/api/login_main/appendComment", {
text: this.content,
token: localStorage.getItem("token"),
type_id: this.pid,
@ -150,12 +124,12 @@ window.$(window).scrollTop(window.$(window).scrollTop)
if (res.data.code == 200) {
this.pinglu(this.pid);
this.content = "";
this.msg="发布成功"
setTimeout(() => {
this.msgs = false;
}, 2000);
} else {
this.$router.push({ path: "/login" });
this.msgs = true
setTimeout(()=>{
this.msgs = false
},2000)
}else{
this.$router.push({path:"/login"})
}
});
}
@ -169,11 +143,11 @@ window.$(window).scrollTop(window.$(window).scrollTop)
this.show = true;
this.axios
.post("https://admin.lawpro.cn/api/login_main/CommentList", {
.post("http://lawpro.earnest.pro/api/login_main/CommentList", {
token: localStorage.getItem("token"),
type: 3,
type_id: id,
order: this.shot
order:this.shot
})
.then(res => {
window.console.log(res);
@ -182,27 +156,14 @@ window.$(window).scrollTop(window.$(window).scrollTop)
});
}
},
watch: {
shot() {
this.pinglu(this.pid);
watch:{
shot(){
this.pinglu(this.pid)
}
},
mounted() {
let sid = this.$route.query.sid ==undefined ? false : this.$route.query.sid
if(sid){
this.axios
.post("https://admin.lawpro.cn/api/main/plusTransmit ", {
transmitstatus: sid,
id: this.$route.query.id,
type: 2
})
.then(res => {
window.console.log(res);
});
}
this.axios
.post("https://admin.lawpro.cn/api/login_main/mainDetails", {
.post("http://lawpro.earnest.pro/api/login_main/mainDetails", {
token: localStorage.getItem("token"),
type: 2,
id: this.$route.query.id
@ -210,11 +171,9 @@ window.$(window).scrollTop(window.$(window).scrollTop)
.then(res => {
// window.console.log(res)
this.list = res.data.data;
document.title=this.list.data.title
});
this.axios
.post("https://admin.lawpro.cn/api/login_main/answerList", {
.post("http://lawpro.earnest.pro/api/login_main/answerList", {
token: localStorage.getItem("token"),
page: 1,
article_id: this.$route.query.id
@ -240,13 +199,13 @@ window.$(window).scrollTop(window.$(window).scrollTop)
border-radius: 5px;
background: #666;
box-sizing: border-box;
top: 50%;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
}
.top {
z-index: 9999;
background-color: #fff;
position: absolute;
top: 0;
@ -292,7 +251,6 @@ window.$(window).scrollTop(window.$(window).scrollTop)
}
}
.bodys {
z-index: 9900;
width: 100%;
height: 100%;
// background-color: #000;

View File

@ -6,27 +6,10 @@
</div>
<div class="all" v-if="no==0">
<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="'https://admin.lawpro.cn/'+i.avatar"
:islike="i.isClick"
:iscllect="i.isCollect"
:like="i.islike"
:collect="i.collect"
:id="i.id"
:type="i.type"
:keys="keys"
></indexfindall>
<indexfindall :title="i.title" :num="i.comment" :right="i.avatar" :content="i.text"></indexfindall>
</div>
<div
style="width:100%;height:0.5rem;text-align:center;line-height:0.5rem;display:flex; flex-direction: column; align-items: center;font-size:0.2rem;"
>
<img :src="login" style="width:0.5rem" alt v-if="text == '加载中' " />
{{text}}
</div>
<div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</div>
<!-- <div class="all1">
<indexfindall title="学法律后,对你最大的影响或改变是什么?" num="1532" :right="pics"></indexfindall>
</div>-->
@ -38,16 +21,11 @@
:article="i.article"
:attention="i.attention"
:username="i.topic_name"
:pic="'https://admin.lawpro.cn/'+i.img"
:pic="'http://lawpro.earnest.pro/'+i.img"
></indedfinduser>
</div>
<div
style="width:100%;height:0.5rem;text-align:center;line-height:0.5rem;display:flex; flex-direction: column; align-items: center;font-size:0.2rem;"
>
<img :src="login" style="width:0.5rem" alt v-if="text == '加载中' " />
{{text}}
</div>
<div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</div>
<!-- <div class="user1">
<indedfinduser></indedfinduser>
</div>
@ -61,21 +39,16 @@
<div class="user" v-if="no==5">
<div class="user1" v-for="(i,j) in list" :key="j">
<!-- klmklvnklnkvl -->
<!-- <indedfinduser :username="i.topic_name" :pic="'https://admin.lawpro.cn/'+i.img" :desc="i.text" :ifnum="false" v-if="i.img"></indedfinduser> -->
<!-- <indedfinduser :username="i.topic_name" :pic="'http://lawpro.earnest.pro/'+i.img" :desc="i.text" :ifnum="false" v-if="i.img"></indedfinduser> -->
<indedfinduser
:username="i.nickname"
:pic="'https://admin.lawpro.cn/'+i.avatar"
:pic="'http://lawpro.earnest.pro/'+i.avatar"
:desc="i.text"
:ifnum="false"
></indedfinduser>
</div>
<div
style="width:100%;height:0.5rem;text-align:center;line-height:0.5rem;display:flex; flex-direction: column; align-items: center;font-size:0.2rem;"
>
<img :src="login" style="width:0.5rem" alt v-if="text == '加载中' " />
{{text}}
</div>
<div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</div>
<!-- <div class="user1">
<indedfinduser></indedfinduser>
</div>-->
@ -90,7 +63,6 @@
import indexfindhead from "./components/indexfindhead";
import indexfindtab from "./components/indexfindtab";
import indexfindall from "./components/indexfindall";
import login from "./assets/login.gif";
import pics from "./assets/ad.png";
import indedfinduser from "./components/indexfinduser";
export default {
@ -101,49 +73,37 @@ export default {
indedfinduser
},
mounted() {
document.title = this.$route.query.word + "-搜索";
this.getlist1(0);
this.getlist1()
},
watch: {
no() {
this.page = 1;
this.page = 0;
this.dynamiclist = [];
this.list = [];
this.lock = false;
// this.getlist1();
this.text = "加载中";
this.text="加载中"
}
},
beforeRouteLeave(a, b, c) {
window.$(window).scroll(() => {});
c();
},
computed: {
keys() {
return this.$route.query.word;
}
},
methods: {
getlist1(e) {
let t = this;
t.list = [];
getlist1(){
let t=this;
t.list=[]
t.axios
.post("https://admin.lawpro.cn/api/login_main/indexsearch", {
.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {
where: t.$route.query.word,
type: t.no,
token: localStorage.getItem("token")
})
.then(res => {
if (res.data.data) {
if(t.no == e){
t.list = res.data.data;
}else{
return ;
}
window.console.log(t.list.length, "hfihaifohog");
if (t.list.length < 5) {
t.text = "暂无相关数据";
}).then((res)=>{
if(res.data.data){
t.list=res.data.data
window.console.log(t.list.length,"hfihaifohog")
if(t.list.length<5){
t.text="暂无数据"
}
window.$(window).scroll(() => {
var windowH = window.$(window).height(); //
@ -154,16 +114,19 @@ export default {
// do something
// alert(2);
window.console.log(1);
t.getlist(e);
t.getlist();
}
});
} else {
window.console.log("errir");
t.text = "暂无相关数据";
}else{
window.console.log("errir")
t.text="暂无数据"
}
});
})
},
getlist(e) {
getlist() {
if (this.lock) {
return "lock";
}
@ -171,7 +134,7 @@ export default {
var t = this;
t.page += 1;
t.axios
.post("https://admin.lawpro.cn/api/login_main/indexsearch", {
.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {
where: t.$route.query.word,
type: t.no,
page: t.page
@ -179,15 +142,10 @@ export default {
.then(res => {
window.console.log(res);
if (res.data.code == 200) {
if (res.data.data) {
if(t.no == e){
if(res.data.data){
t.list = t.list.concat(res.data.data);
}else{
return ;
}
}
t.lock = false;
window.$(window).scroll(() => {
var windowH = window.$(window).height(); //
@ -202,17 +160,18 @@ export default {
}
});
} else {
t.text = "暂无相关数据";
t.text = "暂无更多";
}
// t.list=res.data.data
});
},
getno(e) {
window.console.log(e);
this.no = e;
this.list = [];
this.getlist1(e);
window.console.log(this.list.length, "list");
this.getlist1()
window.console.log(this.list.length,"list")
},
todetail(e, type) {
window.console.log(e);
@ -232,11 +191,11 @@ export default {
});
// let t=this;
// window.console.log(e)
// t.axios.post("https://admin.lawpro.cn/api/login_main/indexsearch", {where:e,type:this.no}).then((res)=>{
// t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:e,type:this.no}).then((res)=>{
// // window.console.log(res)
// // for(let i in res.data.data){
// // res.data.data[i].avatar= res.data.data[i].avatar.substr(1)
// // res.data.data[i].avatar= "https://admin.lawpro.cn/"+res.data.data[i].avatar
// // res.data.data[i].avatar= "http://lawpro.earnest.pro/"+res.data.data[i].avatar
// // }
// // t.list=res.data.data
// if (res.data.code == 200) {
@ -257,28 +216,28 @@ export default {
// t.text = "";
// }
// })
// t.axios.post("https://admin.lawpro.cn/api/login_main/indexsearch", {where:e,type:0}).then((res)=>{
// t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:e,type:0}).then((res)=>{
// window.console.log(res)
// for(let i in res.data.data){
// res.data.data[i].avatar= res.data.data[i].avatar.substr(1)
// res.data.data[i].avatar= "https://admin.lawpro.cn/"+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.axios.post("https://admin.lawpro.cn/api/login_main/indexsearch", {where:e,type:2}).then((res)=>{
// t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:e,type:2}).then((res)=>{
// window.console.log(res)
// for(let i in res.data.data){
// res.data.data[i].img= res.data.data[i].img.substr(1)
// res.data.data[i].img= "https://admin.lawpro.cn/"+res.data.data[i].img
// res.data.data[i].img= "http://lawpro.earnest.pro/"+res.data.data[i].img
// }
// t.list3=res.data.data
// })
// t.axios.post("https://admin.lawpro.cn/api/login_main/indexsearch", {where:e,type:5}).then((res)=>{
// t.axios.post("http://lawpro.earnest.pro/api/login_main/indexsearch", {where:e,type:5}).then((res)=>{
// window.console.log(res)
// for(let i in res.data.data){
// res.data.data[i].avatar= res.data.data[i].avatar.substr(1)
// res.data.data[i].avatar= "https://admin.lawpro.cn/"+res.data.data[i].avatar
// res.data.data[i].avatar= "http://lawpro.earnest.pro/"+res.data.data[i].avatar
// }
// t.list2=res.data.data
// })
@ -292,10 +251,9 @@ export default {
list1: [],
list2: [],
list3: [],
page: 1,
page: 0,
lock: false,
text: "加载中",
login
text: "加载中"
};
}
};

View File

@ -1,19 +1,10 @@
<template>
<div class="box">
<!-- <img :src="'https://api.luyuan.tk/getdata?data=' + imgurl" alt=""> -->
<div class="header">
<img class="portrait" :src="'https://admin.lawpro.cn' + userimg" alt />
<img class="portrait" :src="'http://lawpro.earnest.pro' + userimg" alt />
<div class="introduce">
<p class="name">
<span>{{username}}</span>
<img
:src="home"
alt
style="width:0.5rem;position: absolute;right:0.5rem;top:0.3rem"
@click="gohome"
/>
</p>
<div class="follow">
<p class="name">{{username}}</p>
<!-- <div class="follow">
<p>
<span>{{attention}}</span>
关注我的
@ -22,7 +13,7 @@
<span>{{myfollow}}</span>
我关注的
</p>
</div>
</div> -->
</div>
</div>
<div class="classification">
@ -35,93 +26,14 @@
</div>
<div class="list">
<div v-for="(item,index) in dynamiclist" :key="index">
<follow
v-if="item.status == 3 "
:operation="type[item.type] + '了该' + status[item.status]"
:day="item.time + '前'"
:title="item.title"
:nickname="item.nickname"
:userimg="'https://admin.lawpro.cn' + item.avatar"
:num="item.islike"
:img="'https://admin.lawpro.cn' + item.img"
:text="item.text"
:comment="item.comment"
:sid="item.id"
:type="item.status"
></follow>
<answer
v-if="item.status == 1 || item.status == 2"
:operation="type[item.type] + '了该' + status[item.status]"
:day="item.time + '前'"
:title="item.title"
:types="item.status"
:id="item.id"
:sid="item.id"
:type="item.status"
></answer>
<follow
v-if="types == 3"
operation="我发布了该回答"
:day="item.time"
:title="item.title"
:nickname="item.nickname"
:userimg="'https://admin.lawpro.cn' + userimg"
:num="item.islike"
:img="'https://admin.lawpro.cn' + 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="1"
></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==3"
:operation="'我收藏了该'+ status[item.type]"
:day="item.time"
:title="item.title"
:nickname="item.nickname"
:userimg="'https://admin.lawpro.cn' + userimg"
:num="item.islike"
:img="'https://admin.lawpro.cn' + item.avatar"
:text="item.text"
:comment="item.comment"
:sid="item.id"
:type="item.type"
:types="item.type"
></follow>
<answer
v-if="types==5 && (item.type == 1|| item.type == 2)"
:operation="'我收藏了该'+ status[item.type]"
:day="item.time"
:title="item.title"
:types="item.type"
:sid="item.id"
:type="item.type"
></answer>
</div>
<div
style="width:100%;height:0.5rem;text-align:center;line-height:0.5rem;display:flex; flex-direction: column; align-items: center;font-size:0.2rem;"
>
<img :src="login" style="width:0.5rem" alt v-if="text == '加载中' " />
{{text}}
<follow v-if="item.status == 3 " :operation="type[item.type] + '了该' + status[item.status]" :day="item.time + '前'" :title="item.title" :nickname="item.nickname" :userimg="'http://lawpro.earnest.pro' + item.img" :num="item.islike" :img="'http://lawpro.earnest.pro' + item.avatar" :text="item.text" :comment="item.comment"></follow>
<answer v-if="item.status == 1 || item.status == 2" :operation="type[item.type] + '了该' + status[item.status]" :day="item.time + '前'" :title="item.title" :types="item.status" :id="item.id"></answer>
<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"></follow>
<answer @wz="wzs" v-if="types==1" operation="发布了该文章" :day="item.time" :title="item.title" types="1" :id="item.id"></answer>
<answer v-if="types==2" operation="发布了该问题" :day="item.time" :title="item.title" types="2" :id="item.id"></answer>
</div>
</div>
</div>
</div>
@ -187,189 +99,129 @@
border-bottom: 1px solid #dfdfdf;
> div {
width: 100%;
font-size: 28px;
font-size: 32px;
text-align: center;
}
.select {
border-bottom: 4px solid #6b9147;
.select{
border-bottom: 4px solid #6B9147;
}
}
.list {
.list{
width: 100%;
}
}
}
</style>
<script>
import follow from "./components/PersonafFollow";
import follow from "./components/PersonafFollow"
// import follows from "./components/PersonafFollows"
import answer from "./components/PersonalAnswer";
import login from "./assets/login.gif";
import home from "./assets/home.png";
import answer from "./components/PersonalAnswer"
// import { log } from 'util';
export default {
name: "Personal-homepage",
data() {
return {
home,
userimg: "",
username: "",
myfollow: "",
attention: "",
dynamiclist: [],
status: ["", "文章", "问题", "回答"],
type: ["", "我点赞", "我收藏", "我关注", "我评论", "我回答"],
types: 4,
page: 0,
lock: false,
text: "加载中",
login
// imgurl:""
userimg:"",
username:"",
myfollow:"",
attention:"",
dynamiclist:[],
status:['','文章','问题','回答'],
type:['','点赞','收藏','关注','评论','回答'],
types:4,
page:1,
lock:false
};
},
components: {
components:{
follow,
answer
},
methods: {
wzs(a, b) {
methods:{
wzs(a,b){
// console.log(a,b,12)
// this.$router.replace('/')
this.$router.push({
path: "/articledetail?id=" + b
});
},
gohome() {
this.$router.push({
path: "/"
});
},
getlist(types) {
if (this.lock) {
return;
}
this.text = "加载中";
this.lock = true;
this.page += 1;
this.axios
.post("https://admin.lawpro.cn/api/login_main/getUserListDetails", {
token: localStorage.getItem("token"),
type: this.types,
page: this.page
path:'/articledetail?id=' + b
})
.then(res => {
this.lock = false;
window.console.log(res);
if (res.data.code == 200) {
if (types != this.types) {
},
getlist(){
if(this.lock){
return ;
}
this.lock = true
this.page += 1
this.axios.post("http://lawpro.earnest.pro/api/login_main/getUserListDetails",{
token:localStorage.getItem("token"),
type:this.types,
page:this.page
}).then((res)=>{
window.console.log(res)
if(res.data.code == 200){
if(res.data.data.length == 0){
// alert(1)
return;
return ;
}
window.console.log(this.page, 261);
if (this.page == 1) {
this.dynamiclist = res.data.data;
if (res.data.data.length < 20) {
this.text = "暂无更多数据";
this.dynamiclist = this.dynamiclist.concat(res.data.data)
this.lock = false
}
window.console.log(1, res.data.data.length);
} else if (res.data.data.length > 0) {
this.dynamiclist.push(...res.data.data);
window.console.log(2);
if (res.data.data.length < 20) {
this.text = "暂无更多数据";
}
} else {
this.lock = true;
window.console.log(3, res.data.data.length > 0);
this.text = "暂无更多数据";
}
window.console.log(this.lock);
}
});
},
getlists(types) {
if (this.lock) {
return;
}
this.text = "加载中";
this.lock = true;
this.page += 1;
this.axios
.post("https://admin.lawpro.cn/api/login_main/getCollectList", {
token: localStorage.getItem("token"),
page: this.page
})
.then(res => {
this.lock = false;
if (types != this.types) window.console.log(res);
if (res.data.code == 200) {
// if(res.data.data.length == 0){
// return ;
// }
},
getlists(){
if(this.lock){
return ;
}
this.lock = true
this.page += 1
this.axios.post("http://lawpro.earnest.pro/api/login_main/getUserListDetails",{
token:localStorage.getItem("token"),
page:this.page
}).then((res)=>{
window.console.log(res)
if(res.data.code == 200){
if(res.data.data.length == 0){
// alert(1)
window.console.log(this.page, 299);
if (this.page == 1) {
this.dynamiclist = res.data.data;
window.console.log(1, res.data.data.length);
if (res.data.data.length < 20) {
this.text = "暂无更多数据";
return ;
}
} else if (res.data.data.length > 0) {
this.dynamiclist.push(...res.data.data);
if (res.data.data.length < 20) {
this.text = "暂无更多数据";
this.dynamiclist = this.dynamiclist.concat(res.data.data)
this.lock = false
}
window.console.log(2);
} else {
this.lock = true;
window.console.log(3);
this.text = "暂无更多数据";
}
window.console.log(this.lock);
}
});
})
}
},
mounted() {
document.title = "个人中心";
if (localStorage.getItem("token") == "") {
this.$router.push({ path: "/login" });
mounted(){
if(localStorage.getItem('token') == ""){
this.$router.push("/login")
}
this.axios
.post("https://admin.lawpro.cn/api/login_main/getUserDetails", {
token: localStorage.getItem("token")
})
.then(res => {
// this.imgurl = JSON.stringify(res)
this.axios.post('http://lawpro.earnest.pro/api/login_main/getUserDetails',{
token:localStorage.getItem("token")
}).then((res)=>{
// window.console.log(res.data)
if (res.data.code == 200) {
(this.userimg = res.data.data.user.avatar),
(this.username = res.data.data.user.nickname),
(this.myfollow = res.data.data.myfollow),
(this.attention = res.data.data.user.attention);
if(res.data.code == 200){
this.userimg = res.data.data.user.avatar,
this.username = res.data.data.user.nickname,
this.myfollow = res.data.data.myfollow,
this.attention = res.data.data.user.attention
}
});
// this.axios
// .post("https://admin.lawpro.cn/api/login_main/getUserListDetails", {
// token: localStorage.getItem("token"),
// type: 4,
// page: 1
// })
// .then(res => {
// window.console.log(res);
// if (res.data.code == 200) {
// this.dynamiclist = res.data.data;
// }
// });
this.getlist(4);
var t = this;
})
this.axios.post("http://lawpro.earnest.pro/api/login_main/getUserListDetails",{
token:localStorage.getItem("token"),
type:4,
page:1
}).then((res)=>{
window.console.log(res)
if(res.data.code == 200){
this.dynamiclist = res.data.data
}
})
var t = this
window.$(window).scroll(() => {
var windowH = window.$(window).height(); //
var documentH = window.$(document).height(); //
@ -378,35 +230,29 @@ export default {
if (windowH + scrollH >= documentH) {
// do something
// alert(2);
// window.console.log(1);
if (this.types == 5) {
t.getlists(this.types);
} else {
t.getlist(this.types);
window.console.log(1)
if(this.types == 5){
t.getlists(0)
}else{
t.getlist()
}
}
});
},
watch: {
types() {
// window.console.log(a,b)
// if(this.lock == true){
// this.types = b
// return ;
// }
this.page = 0;
this.dynamiclist = [];
watch:{
types(){
this.page = 0
this.dynamiclist = []
this.lock = false;
if (this.types == 5) {
this.getlists(this.types);
} else {
this.getlist(this.types);
}
this.getlist()
}
},
beforeRouteLeave(a, b, c) {
window.$(window).scroll(() => {});
c();
beforeRouteLeave(a,b,c){
window.$(window).scroll(() => {
});
c()
}
};
</script>

View File

@ -2,21 +2,17 @@
<div style="padding-top:0.88rem">
<heads></heads>
<div class="picbox">
<img :src=" 'https://admin.lawpro.cn' +list.data.img" alt class="toppic" v-if="list.data.img" />
<img :src=" 'http://lawpro.earnest.pro' +list.data.img" alt class="toppic" />
</div>
<follow
class="follow"
:img="'https://admin.lawpro.cn' + list.user.avatar"
:img="'http://lawpro.earnest.pro' + list.user.avatar"
:nickname="list.user.nickname"
:sole="list.user.industry_name"
:text="list.data.articlecontent"
:title="list.data.title"
:guanzhu="ifgz"
:like="list.data.islike"
:collect="list.data.collect"
:islike="list.data.isClick"
:iscllect="list.data.isCollect"
@pinglun="pinglu"
@guanzhu="gz"
></follow>
@ -36,27 +32,17 @@
<van-popup v-model="show" position="bottom" :style="{ height: '100%' }" class="linshi">
<div class="top">
<p class="tiao">{{plist.length}}条评论</p>
<p class="qie" @click="qshot">
<img class="qiehuan" src="./assets/qiehuan.png" alt srcset />
切换为{{shot == 0 ? '时间' : "默认"}}排序
<p class="qie">
<img class="qiehuan" src="./assets/qiehuan.png" alt srcset /> 切换为时间排序
</p>
<img class="quit" src="./assets/quit.png" alt @click="qshow" />
<img class="quit" src="./assets/quit.png" alt @click="show = !show" />
</div>
<div class="bodys">
<comment
v-for="(item,index) in plist"
:key="index"
:img="'https://admin.lawpro.cn/' + item.avatar"
:name="item.nickname"
:text="item.text"
></comment>
<comment v-for="(item,index) in plist" :key="index"></comment>
</div>
<div class="msg" v-show="msgs">{{msg}}</div>
<div class="reply">
<img @click="biaoqing = !biaoqing" src="./assets/baoqing.png" alt srcset />
<textarea placeholder="写下你的评论..." v-model="content" @blur="body"></textarea>
<textarea placeholder="写下你的评论..." v-model="content"></textarea>
<p @click="pfb">发布</p>
<div v-show="biaoqing">
<Emotion @emotion="handleEmotion" :height="4"></Emotion>
@ -83,11 +69,8 @@ export default {
biaoqing: false,
list: [],
plist: [],
userid: 0,
ifgz: false,
shot: 0,
msg:"",
msgs:false
userid:0,
ifgz:false
};
},
components: {
@ -100,71 +83,44 @@ export default {
Emotion
},
methods: {
body(){
// alert(1)
// let a = window.document.body.scrollTop
// window.document.body && (window.document.body.scrollTop = a);
// window.scroll(0,0);
window.$(window).scrollTop(window.$(window).scrollTop)
},
qshow(){
window.console.log(window.$(window).scrollTop(window.$(window).scrollTop),1234)
this.show = !this.show
},
qshot(){
this.shot = this.shot == 0 ? 1 : 0
},
gz(e) {
if (e == 1) {
let t = this;
gz(e){
if(e==1){
let t=this;
this.axios
.post("https://admin.lawpro.cn/api/login_main/plusAttention", {
token: localStorage.getItem("token"),
passivity_id: t.userid,
type: 2
.post("http://lawpro.earnest.pro/api/login_main/plusAttention", {
token:localStorage.getItem("token"),
passivity_id:t.userid,
type:2
}).then((res)=>{
window.console.log(res)
if(res.data.code==200){
this.ifgz=true
}
})
.then(res => {
window.console.log(res);
if (res.data.code == 200) {
this.ifgz = true;
}
});
}
},
handleEmotion(i) {
this.content += i;
},
pfb() {
// alert(window.document.body.scrollTop)
this.msg = "发布中"
this.msgs= true
window.$(window).scrollTop(window.$(window).scrollTop)
if (localStorage.getItem("token") == "") {
this.$router.push("/login");
} else {
window.console.log(this.content);
if (this.content != "") {
this.axios
.post("https://admin.lawpro.cn/api/login_main/appendComment", {
.post("http://lawpro.earnest.pro/api/login_main/appendComment", {
text: this.content,
token: localStorage.getItem("token"),
type_id: this.$route.query.id,
type: 1
type: 3
})
.then(res => {
if (res.data.code == 200) {
this.pinglu(this.$route.query.id);
this.content = "";
this.msg="发布成功"
setTimeout(() => {
this.msgs = false;
}, 2000);
} else {
this.$router.push({
path: "/login"
});
}
});
}
@ -172,48 +128,25 @@ window.$(window).scrollTop(window.$(window).scrollTop)
},
pinglu() {
// this.pid = id;
this.axios
.post("https://admin.lawpro.cn/api/login_main/CommentList", {
.post("http://lawpro.earnest.pro/api/login_main/CommentList", {
token: localStorage.getItem("token"),
type: 1,
type_id: this.$route.query.id,
order: this.shot
type: 2,
type_id: this.$route.query.id
})
.then(res => {
window.console.log(res);
this.plist = res.data.data.data;
// this.list = res.data.data;
this.show = true;
// alert(window.document.body.scrollTop)
});
}
},
watch: {
shot() {
this.pinglu();
}
},
mounted() {
window.console.log(window.document.body.scrollTop,123)
let sid = this.$route.query.sid ==undefined ? false : this.$route.query.sid
if(sid){
this.axios
.post("https://admin.lawpro.cn/api/main/plusTransmit ", {
transmitstatus: sid,
id: this.$route.query.id,
type: 1
})
.then(res => {
window.console.log(res);
});
}
// window.console.log(this.$route.query.userid,7946 )
this.userid = this.$route.query.userid;
this.userid=this.$route.query.userid
this.axios
.post("https://admin.lawpro.cn/api/login_main/mainDetails", {
.post("http://lawpro.earnest.pro/api/login_main/mainDetails", {
token: localStorage.getItem("token"),
id: this.$route.query.id,
type: 1
@ -221,8 +154,6 @@ window.$(window).scrollTop(window.$(window).scrollTop)
.then(res => {
window.console.log(res);
this.list = res.data.data;
document.title=this.list.data.title
});
}
};
@ -234,23 +165,9 @@ window.$(window).scrollTop(window.$(window).scrollTop)
}
.linshi {
z-index: 999999 !important;
.msg {
position: absolute;
padding: 10px;
max-width: 60%;
max-height: 70px;
border-radius: 5px;
background: #666;
box-sizing: border-box;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
}
.top {
background-color: #fff;
position: absolute;
z-index: 9999;
top: 0;
width: 100%;
height: 98px;
@ -294,7 +211,6 @@ window.$(window).scrollTop(window.$(window).scrollTop)
}
}
.bodys {
z-index: 9000;
width: 100%;
height: 100%;
// background-color: #000;
@ -348,9 +264,9 @@ window.$(window).scrollTop(window.$(window).scrollTop)
width: 100%;
color: #333333;
font-size: 0.36rem;
// text-indent: 0.3rem;
text-indent: 0.3rem;
line-height: 1rem;
font-weight: 600;
font-weight: 500;
}
.title {
color: #333333;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 255 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 278 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.2 KiB

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 230 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 247 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 132 KiB

After

Width:  |  Height:  |  Size: 7.4 KiB

View File

@ -3,31 +3,17 @@
<div class="center">{{title}}</div>
<div class="answer">
<div class="content">
<img
v-if="img == ''?false : true "
class="img"
:src="'https://admin.lawpro.cn' + img"
alt
srcset
/>
<p v-html="text" style="white-space: pre-wrap;" ></p>
<img v-if="img == ''?false : true " class="img" :src="'http://lawpro.earnest.pro' + img" alt srcset />
<p>{{text}}</p>
</div>
<div class="operation">
<!-- <div @click.stop="shar">
<div>
<img src="../assets/share.png" alt srcset />
分享
</div> -->
</div>
<div>
<img src="../assets/pl.png" alt srcset />
{{num}}{{type == 1 ? '评论':'回答'}}
</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}}收藏
{{num}}回答
</div>
<div v-show="false" class="more" @click="show = !show">
<div></div>
@ -54,7 +40,7 @@
.title {
display: flex;
justify-content: space-between;
font-size: 16px;
font-size: 26px;
color: #95998f;
margin-bottom: 28px;
}
@ -62,20 +48,6 @@
font-size: 30px;
color: #000;
line-height: 46px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow:hidden;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
}
.answer {
.user {
@ -158,7 +130,7 @@ overflow:hidden;
height: 101px;
position: absolute;
top: 55px;
background-color: #ffffff;
background-color: #FFFFFF;
left: -50px;
display: flex;
flex-direction: column;
@ -166,9 +138,10 @@ overflow:hidden;
padding-left: 20px;
box-sizing: border-box;
> p {
>p{
font-size: 22px;
color: #95998f;
color: #95998F;
}
&::after {
position: absolute;
@ -178,7 +151,7 @@ overflow:hidden;
width: 0;
height: 0;
border-right: 7px solid transparent;
border-bottom: 10px solid #ffffff;
border-bottom: 10px solid #FFFFFF;
border-left: 7px solid transparent;
}
&::before {
@ -199,78 +172,13 @@ overflow:hidden;
}
</style>
<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 {
name: "PersonafFollow",
data() {
return {
show: false,
plike,
plikes,
pcollect,
pcollects
show:false
};
},
props: ["title", "id", "img", "text", "num",'type','like','collect','islike','iscllect'],
methods: {
shar() {
const input = document.createElement("input");
document.body.appendChild(input);
var url = this.type==1?`http://mobile.lawpro.cn/articledetail?id=${this.id}` : `http://mobile.lawpro.cn/IndexArticleDetaill?id=${this.id}`
input.setAttribute("value", url);
input.select();
if (document.execCommand("copy")) {
document.execCommand("copy");
// window.console.log("");
alert("已复制链接,请到对应平台粘贴发布")
}
document.body.removeChild(input);
},
clike(){
this.axios.post("https://admin.lawpro.cn/api/login_main/clickLike",{
token:localStorage.getItem("token"),
type:this.type,
click_id:this.id,
status: 1
}).then((res)=>{
if(res.data.code != 200){
this.$router.push({
path:"/login"
})
}
if(this.islike){
this.like = parseInt(this.like) - 1
}else{
this.like = parseInt(this.like) + 1
}
this.islike = !this.islike
})
},
ccollect(){
this.axios.post("https://admin.lawpro.cn/api/login_main/plusCollect",{
token:localStorage.getItem("token"),
type:this.type,
id:this.id
}).then((res)=>{
if(res.data.code != 200){
this.$router.push({
path:"/login"
})
}
if(this.iscllect){
this.collect = parseInt(this.collect) - 1
}else{
this.collect = parseInt(this.collect) + 1
}
this.iscllect = !this.iscllect
})
}
}
props:["title",'id','img','text','num']
};
</script>

View File

@ -1,5 +1,5 @@
<template>
<div class="PersonafFollow" @click="tiaozhuan">
<div class="PersonafFollow">
<div class="title">
<p>{{operation}}</p>
<p>{{day}}</p>
@ -15,20 +15,20 @@
</div>
<div class="agree">{{num}}人赞同了该回答</div>
<div class="content">
<img :src="img" v-if="!img" alt srcset />
<img :src="img" alt srcset />
<p>
{{text}}
</p>
</div>
<div class="operation">
<!-- <div>
<div>
<img src="../assets/share.png" alt="" srcset="">
分享
</div>
<div>
<img src="../assets/pl.png" alt="" srcset="">
{{comment}}评论
</div> -->
</div>
<div>
</div>
@ -125,20 +125,6 @@ export default {
data() {
return {};
},
props:['operation','day','title','userimg','nickname','img','role','num','text','comment','type','sid'],
methods:{
tiaozhuan(){
// alert(this.type)
if(this.type == 1){
this.$router.push({
path:"/articledetail?id=" + this.sid
})
}else{
this.$router.push({
path:"/IndexArticleDetaill?id=" + this.sid
})
}
}
}
props:['operation','day','title','userimg','nickname','img','role','num','text','comment']
};
</script>

View File

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

View File

@ -33,24 +33,12 @@ export default {
data() {
return {};
},
props:['operation','day','title',"types","sid","type"],
props:['operation','day','title',"types","id"],
methods:{
tab(){
// window.console.log(this.types,"llk")
// this.$emit("wz",this.types,this.id)
// window.console.log( this.$router)
// }
// alert(this.type)
if(this.type == 1){
this.$router.push({
path:"/articledetail?id=" + this.sid
})
}else{
this.$router.push({
path:"/IndexArticleDetaill?id=" + this.sid
})
}
window.console.log(this.types,"llk")
this.$emit("wz",this.types,this.id)
window.console.log( this.$router)
}
}

View File

@ -11,25 +11,17 @@
<div class="agree">{{num}}人赞同了该回答</div>
<div class="content" style="max-height: 6.1rem;">
<div v-html="text" style="white-space: pre-wrap;"></div>
<div v-html="text"></div>
<div class="gengduo" v-show="show" @click="shows">展开阅读全文</div>
</div>
<div class="operation">
<!-- <div @click="shar">
<div>
<img src="../assets/share.png" alt srcset />
分享
</div> -->
</div>
<div @click="pinglun">
<img src="../assets/pl.png" alt srcset />
{{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 v-show="!show && lang" @click="hadd">收起</div>
</div>
@ -87,7 +79,7 @@
line-height: 40px;
font-size: 26px;
overflow: hidden;
/deep/ img {
img {
max-width: 690px;
// height: 374px;
// background-color: #000;
@ -95,10 +87,6 @@
margin-top: 39px;
margin-bottom: 32px;
}
/deep/ *{
line-height: 1.5;
font-size:26rpx;
}
// p {
// }
@ -130,7 +118,7 @@
}
}
> div:last-child {
margin-left: 150px;
margin-left: 300px;
margin-right: 0;
}
}
@ -138,20 +126,12 @@
}
</style>
<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 {
name: "PersonafFollow",
data() {
return {
show: false,
lang: true,
plike,
plikes,
pcollect,
pcollects
lang: true
};
},
props: {
@ -161,13 +141,10 @@ export default {
userimg: {},
nickname: {},
role: {},
like: {},
num: {},
comment: {},
text: {},
sid:{},
collect:{},
islike:{},
iscllect:{}
sid:{}
},
methods: {
@ -183,61 +160,6 @@ export default {
},
pinglun(){
this.$emit("pinglu",this.sid)
},
shar() {
const input = document.createElement("input");
document.body.appendChild(input);
var url = `http://mobile.lawpro.cn/IndexArticleDetaill?id=${this.$route.query.id}`
input.setAttribute("value", url);
input.select();
if (document.execCommand("copy")) {
document.execCommand("copy");
// window.console.log("");
alert("已复制链接,请到对应平台粘贴发布")
}
document.body.removeChild(input);
},
clike(){
this.axios.post("https://admin.lawpro.cn/api/login_main/clickLike",{
token:localStorage.getItem("token"),
type:3,
click_id:this.sid,
status: 1
}).then((res)=>{
if(res.data.code != 200){
this.$router.push({
path:"/login"
})
}
if(this.islike){
this.like = parseInt(this.like) - 1
}else{
this.like = parseInt(this.like) + 1
}
this.islike = !this.islike
})
},
ccollect(){
this.axios.post("https://admin.lawpro.cn/api/login_main/plusCollect",{
token:localStorage.getItem("token"),
type:3,
id:this.sid
}).then((res)=>{
if(res.data.code != 200){
this.$router.push({
path:"/login"
})
}
if(this.iscllect){
this.collect = parseInt(this.collect) - 1
}else{
this.collect = parseInt(this.collect) + 1
}
this.iscllect = !this.iscllect
})
}
},
mounted() {

View File

@ -28,28 +28,20 @@
<!-- <div class="line"></div> -->
<!-- <div class="agree">1345人赞同了该回答</div> -->
<div class="agree">{{date}}</div>
<div class="content" v-html="text" style="white-space: pre-wrap;">
<div class="content" v-html="text">
<!-- <div v-ho></div> -->
<!-- <div v-show="show" @click="shows">展开阅读全文</div> -->
</div>
<div class="operation">
<!-- <div @click="shar">
<div>
<img src="../assets/share.png" alt srcset />
分享
</div> -->
</div>
<div @click="$emit('pinglun')">
<img src="../assets/pl.png" alt srcset />
{{num}}评论
</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></div>
<!-- <div v-show="!show && lang" @click="hadd">收起</div> -->
</div>
</div>
@ -66,10 +58,10 @@
height: auto;
width: 100%;
color: #333333;
font-size: 0.3rem;
// text-indent: 0.3rem;
font-size: 0.36rem;
text-indent: 0.3rem;
line-height: 0.45rem;
font-weight: 600;
font-weight: 500;
}
.title {
color: #333333;
@ -142,10 +134,6 @@
margin-top: 39px;
margin-bottom: 32px;
}
/deep/ *{
line-height: 1.5;
font-size: 26px;
}
> p {
line-height: 40px;
font-size: 26px;
@ -178,7 +166,7 @@
}
}
> div:last-child {
// margin-left: 300px;
margin-left: 300px;
margin-right: 0;
}
}
@ -210,20 +198,12 @@
}
</style>
<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 {
name: "PersonafFollow",
data() {
return {
show: false,
lang: true,
plike,
plikes,
pcollect,
pcollects
lang: true
};
},
@ -241,61 +221,6 @@ export default {
var a = window.document.getElementsByClassName("content")[this.indexs];
a.style.setProperty("max-height", "6.1rem", "important");
this.show = true;
},
shar() {
const input = document.createElement("input");
document.body.appendChild(input);
var url = `http://mobile.lawpro.cn/articledetail?id=${this.$route.query.id}`
input.setAttribute("value", url);
input.select();
if (document.execCommand("copy")) {
document.execCommand("copy");
// window.console.log("");
alert("已复制链接,请到对应平台粘贴发布")
}
document.body.removeChild(input);
},
clike(){
this.axios.post("https://admin.lawpro.cn/api/login_main/clickLike",{
token:localStorage.getItem("token"),
type:1,
click_id:this.$route.query.id,
status: 1
}).then((res)=>{
if(res.data.code != 200){
this.$router.push({
path:"/login"
})
}
if(this.islike){
this.like = parseInt(this.like) - 1
}else{
this.like = parseInt(this.like) + 1
}
this.islike = !this.islike
})
},
ccollect(){
this.axios.post("https://admin.lawpro.cn/api/login_main/plusCollect",{
token:localStorage.getItem("token"),
type:1,
id:this.$route.query.id
}).then((res)=>{
if(res.data.code != 200){
this.$router.push({
path:"/login"
})
}
if(this.iscllect){
this.collect = parseInt(this.collect) - 1
}else{
this.collect = parseInt(this.collect) + 1
}
this.iscllect = !this.iscllect
})
}
},
mounted() {
@ -314,6 +239,6 @@ export default {
}
});
},
props:['img','nickname','sole','title','date','num','text','guanzhu','like','collect','islike','iscllect']
props:['img','nickname','sole','title','date','num','text','guanzhu']
};
</script>

View File

@ -1,11 +1,11 @@
<template>
<div class="recommend" @click="link">
<div class="recommend">
<div>
<p class="articlename">{{title}}</p>
<!-- <p class="articlecontent">在信息唾手可得的时代拉开人与人差距的不是知识含</p> -->
<div class="author"></div>
</div>
<img :src="img" v-if="img != 'https://admin.lawpro.cn' " alt class="pic" />
<img :src="img" alt class="pic" />
</div>
</template>
<style lang="scss" scoped>
@ -61,19 +61,6 @@ export default {
data() {
return {};
},
props: ["title", "img", "sid", "type"],
methods: {
link() {
if (this.type == 1) {
this.$router.push({
path: "/articledetail?id=" + this.sid
});
} else {
this.$router.push({
path: "/detaillurl?id=" + this.sid
});
}
}
}
props:['title','img']
};
</script>

View File

@ -1,26 +1,18 @@
<template>
<div class="indexfindall">
<p class="title" v-html="titles" ></p>
<p class="title">{{title}}</p>
<div class="content">
<div class="left">
<!-- <p class="text"> <b>职问</b>因为学习工作而在不同程度上变得麻木实际上长期从事法律</p> -->
<p class="text" v-html="contents" style="white-space: pre-wrap;"></p>
<p class="text">{{content}}</p>
<div class="operation">
<!-- <div>
<div>
<img src="../assets/share.png" alt class="icon" />
<p>分享</p>
</div> -->
</div>
<div>
<img src="../assets/pl.png" alt class="icon" />
<p>{{num}}{{type == 1 ? '评论':'回答'}}</p>
</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>
<p>{{num}}条评论</p>
</div>
</div>
</div>
@ -30,19 +22,11 @@
</template>
<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 {
name: "indexfindall",
data() {
return {
aaa: "../assets/ad.png",
plike,
plikes,
pcollect,
pcollects
aaa: "../assets/ad.png"
};
},
props: {
@ -55,67 +39,7 @@ export default {
content: {
type: String
},
right: {},
like:{},
collect:{},
islike:{},
iscllect:{},
id:{},
type:{},
keys:{}
},
methods:{
clike(){
this.axios.post("https://admin.lawpro.cn/api/login_main/clickLike",{
token:localStorage.getItem("token"),
type:this.type,
click_id:this.id,
status: 1
}).then((res)=>{
if(res.data.code != 200){
this.$router.push({
path:"/login"
})
}
if(this.islike){
this.like = parseInt(this.like) - 1
}else{
this.like = parseInt(this.like) + 1
}
this.islike = !this.islike
})
},
ccollect(){
this.axios.post("https://admin.lawpro.cn/api/login_main/plusCollect",{
token:localStorage.getItem("token"),
type:this.type,
id:this.id
}).then((res)=>{
if(res.data.code != 200){
this.$router.push({
path:"/login"
})
}
if(this.iscllect){
this.collect = parseInt(this.collect) - 1
}else{
this.collect = parseInt(this.collect) + 1
}
this.iscllect = !this.iscllect
})
}
},
computed:{
titles(){
return this.title.replace(new RegExp(this.keys,'gm'),"<span>"+this.keys+"</span>")
},
contents(){
return this.content.replace(new RegExp(this.keys,'gm'),"<span>"+this.keys+"</span>")
}
right: {}
}
};
</script>
@ -127,15 +51,10 @@ export default {
background-color: white;
.title {
color: #333333;
font-size: 30px;
font-weight: bold;
padding: 0 41px;
text-indent: 0;
font-size: 34px;
font-weight: 500;
padding-top: 34px;
padding-bottom: 23px;
>span{
color: red;
}
}
.content {
width: 689px;
@ -143,23 +62,19 @@ export default {
margin: 0 auto;
display: flex;
padding-bottom: 41px;
// justify-content: center;
.left {
width: 457px;
.text {
color: #333333;
font-size: 21px;
font-size: 28px;
line-height: 35px;
overflow: hidden; //
display: -webkit-box; //
-webkit-box-orient: vertical; //--
-webkit-line-clamp: 2; //
text-overflow: ellipsis; //
>span{
color: red;
}
}
.operation {
// width: 271px;
@ -171,13 +86,9 @@ export default {
> div {
display: flex;
> p {
margin-right: 10px;
margin-right: 60px;
margin-left: 10px;
}
>img{
width: 18px;
height: 18px;
}
}
// justify-content: space-between;
@ -192,7 +103,6 @@ export default {
height: 139px;
border-radius: 5px;
margin-left: 23px;
object-fit: cover;
}
}
}

View File

@ -2,7 +2,7 @@
<div class="indexfindtab">
<p @click="change(0)" :class="no==0?'text':''">综合</p>
<p @click="change(5)" :class="no==5?'text':''">用户</p>
<!-- <p @click="change(2)" :class="no==2?'text':''">话题</p> -->
<p @click="change(2)" :class="no==2?'text':''">话题</p>
</div>
</template>

View File

@ -5,7 +5,7 @@
<div class="userinfo">
<div class="username">
<p>{{username}}</p>
<img :src="pic" alt class="icon" />
<img src="../assets/renzheng.png" alt class="icon" />
</div>
<p class="desc">{{desc}}</p>
<p class="desc1" v-if="ifnum">{{answer}} 回答·{{article}} 文章</p>

View File

@ -4,17 +4,14 @@
<div style="height:0.88rem"></div>
<div class="mnuelist">
<div @click="tab(0)">
<img src="../assets/index.png" alt class="icon" />
首页
</div>
<img src="../assets/index.png" alt="" class="icon">
首页</div>
<div @click="tab(1)">
<img src="../assets/mine.png" alt class="icon" />
我的主页
</div>
<img src="../assets/mine.png" alt="" class="icon">
我的主页</div>
<div @click="tab(2)">
<img src="../assets/logout.png" alt class="icon" />
{{token=='' || token == null?'登录':'退出登录'}}
</div>
<img src="../assets/logout.png" alt="" class="icon">
{{token==''?'登录':'退出登录'}}</div>
</div>
</van-popup>
<div class="head">
@ -42,7 +39,7 @@
flex-direction: column;
color: #333;
font-size: 24px;
.icon {
.icon{
width: 26px;
height: 30px;
margin-right: 15px;
@ -59,7 +56,7 @@
align-items: center;
.logo {
width: 115px;
// height: 37px;
height: 37px;
// background-color: #000;
display: block;
margin-left: 30px;
@ -111,12 +108,12 @@ export default {
return {
show: false,
serch: "",
token: ""
token:""
};
},
mounted() {
window.console.log(localStorage.getItem("token") == "", 465);
this.token = localStorage.getItem("token");
mounted(){
window.console.log(localStorage.getItem("token")=='',465)
this.token=localStorage.getItem("token")
// if (localStorage.getItem("token") == ""){
// this.menu3=""
// }else{
@ -137,25 +134,18 @@ export default {
switch (e) {
case 0:
this.$router.push({
path: "/"
path: '/'
});
break;
case 1:
if (this.token == "" || this.token == null) {
this.$router.push({
path: "/login"
path: '/PersonalHomepage'
});
} else {
this.$router.push({
path: "/PersonalHomepage"
});
}
break;
case 2:
localStorage.clear();
localStorage.setItem('toekn',"")
this.$router.push({
path: "/login"
path: '/login'
});
break;
}

View File

@ -1,5 +1,5 @@
<template>
<div class="recommend" @click="link">
<div class="recommend">
<div>
<p class="articlename" style="width:100%">{{title}}</p>
<!-- <p class="articlecontent">在信息唾手可得的时代拉开人与人差距的不是知识含</p> -->
@ -62,20 +62,6 @@ export default {
}
},
props:['title','sid','type'],
methods:{
link(){
if(this.type == 1){
this.$router.push({
path:"articledetail?id=" + this.sid
})
}else{
this.$router.push({
path:"IndexArticleDetaill?id=" + this.sid
})
}
}
}
props:['title']
};
</script>

View File

@ -1,22 +0,0 @@
<template>
<div></div>
</template>
<style scoped>
</style>
<script>
export default {
name:"url",
data(){
return {
}
},
mounted(){
this.$router.replace({
path:"/IndexArticleDetaill?id=" + this.$route.query.id
})
}
}
</script>

View File

@ -2,31 +2,17 @@
<div class="box">
<heads></heads>
<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
:title="item.title"
:id="item.id"
:num="item.type == 1 ?item.comment:item.answer"
:num="item.comment"
:img="item.img"
:text="item.text"
:type="item.type"
:like="item.islike"
:collect="item.collect"
:islike="item.isClick"
:iscllect="item.isCollect"
></list>
</div>
<div
style="width:100%;height:0.5rem;text-align:center;line-height:0.5rem;display:flex; flex-direction: column; align-items: center;font-size:0.2rem;"
>
<img :src="login" style="width:0.5rem" alt v-if="text == '加载中' " />
{{text}}
</div>
<div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</div>
<!-- <list></list>
<list></list>-->
</div>
@ -47,7 +33,6 @@
<script>
import list from "./components/IndexList";
import heads from "./components/indexhead";
import login from "./assets/login.gif"
export default {
name: "index",
data() {
@ -55,11 +40,11 @@ export default {
list: [],
page: 1,
lock: false,
text: "加载中",
login
text: "加载中"
};
},
methods: {
getlist() {
if (this.lock) {
return "lock";
@ -68,8 +53,7 @@ export default {
var t = this;
this.page += 1;
this.axios
.post("https://admin.lawpro.cn/api/Login_main/articleList", {
token: localStorage.getItem("token"),
.post("http://lawpro.earnest.pro/api/login_main/articleList", {
page: t.page
})
.then(res => {
@ -77,11 +61,11 @@ export default {
t.list = t.list.concat(res.data.data);
t.lock = false;
} else {
t.text = "暂无更多数据";
t.text = "暂无更多";
}
});
},
todetail(e, type, userid) {
todetail(e, type,userid) {
window.console.log(e);
if (type == 2) {
this.$router.push({
@ -89,7 +73,7 @@ export default {
});
} else {
this.$router.push({
path: `/articledetail?id=` + e + `&userid=` + userid
path: `/articledetail?id=` + e+`&userid=`+userid
});
}
}
@ -99,12 +83,10 @@ export default {
heads
},
mounted() {
document.title="Lawpro社区"
var t = this;
this.axios
.post("https://admin.lawpro.cn/api/Login_main/articleList", {
page: t.page,
token: localStorage.getItem("token")
.post("http://lawpro.earnest.pro/api/login_main/articleList", {
page: t.page
})
.then(res => {
window.console.log(res.data);
@ -126,11 +108,12 @@ export default {
t.text = "暂无数据";
}
});
window.console.log(this.wxcfg)
},
beforeRouteLeave(a, b, c) {
window.$(window).scroll(() => {});
c();
beforeRouteLeave(a,b,c){
window.$(window).scroll(() => {
});
c()
}
};
</script>

View File

@ -7,7 +7,7 @@
<p>+86</p>
<img src="./assets/order.png" alt class="order" />
<div class="line"></div>
<input type="number" class="shuru" placeholder="输入手机号" v-model="tel" />
<input type="text" class="shuru" placeholder="输入手机号" v-model="tel" />
</div>
<div class="tel yzm">
@ -76,7 +76,6 @@ export default {
},
mounted(){
window.localStorage.setItem('token','')
// alert(this.yzs)
},
methods: {
open() {
@ -93,13 +92,11 @@ export default {
yz() {
let yz = "";
if (this.tel != "" && (/^1[3456789]\d{9}$/.test(this.tel))) {
if (this.tel != "") {
if (this.yzs != "获取验证码") {
return;
} else {
let t = this;
t.yzs = t.miao + "秒";
t.miao = t.miao - 1;
let a = setInterval(() => {
t.yzs = t.miao + "秒";
t.miao = t.miao - 1;
@ -113,12 +110,11 @@ export default {
window.console.log("aaaa");
var t = this;
this.axios
.post("https://admin.lawpro.cn/api/Main/Verification", {
.post("http://lawpro.earnest.pro/api/Main/Verification", {
mobile: this.tel
})
.then(function(res) {
window.console.log(res.data.data);
yz = res.data.data.yz;
t.yztoken = yz;
t.ifsign = res.data.data.register;
@ -127,7 +123,7 @@ export default {
window.console.log(error);
});
} else {
alert("请输入正确的手机号");
window.console.log("请输入正确的手机号");
}
},
sub() {
@ -137,7 +133,7 @@ export default {
if (t.ifsign) {
if (t.tel && t.yzm) {
this.axios
.post("https://admin.lawpro.cn/api/Main/isVerification", {
.post("http://lawpro.earnest.pro/api/Main/isVerification", {
Verification: t.yzm,
yz: this.yztoken,
mobile: this.tel
@ -145,7 +141,7 @@ export default {
.then(res => {
if (res.data.code == 200) {
this.axios
.post("https://admin.lawpro.cn/api/Main/sign", {
.post("http://lawpro.earnest.pro/api/Main/sign", {
yz: t.yztoken,
Verification: t.yzm,
mobile: this.tel
@ -253,9 +249,8 @@ export default {
background-color: white;
margin: auto 0;
color: #6b9147;
font-size: 22px;
font-size: 24px;
line-height: 54px;
white-space:nowrap;
}
.ale {
height: 58px;

View File

@ -1,7 +1,7 @@
<template>
<div class="login">
<div class="logo">
<!-- <img src="./assets/quit.png" alt class="close" /> -->
<img src="./assets/quit.png" alt class="close" />
</div>
<!-- <div class="tel">
<p>+86</p>
@ -18,15 +18,15 @@
<!-- <button class="getyzm">发送验证码</button> -->
</div>
<div class="ale">
<!-- <p class="alert">未注册手机验证后自动登录</p> -->
<!-- <p>注册即同意隐私保护指引</p> -->
<p class="alert">未注册手机验证后自动登录</p>
<p>注册即同意隐私保护指引</p>
</div>
<button class="submit" @click="sub">登录</button>
<div class="other">
<!-- <p>密码登录</p> -->
<!-- <p @click="open">需要帮助</p> -->
<p>密码登录</p>
<p @click="open">需要帮助</p>
</div>
<!-- <div class="ways">
<div class="ways">
<div class="top">
<div class="line"></div>
<p class="text">社交帐号登录</p>
@ -37,7 +37,7 @@
<img src="./assets/weibo.png" alt class="icon" />
<img src="./assets/qq.png" alt class="icon" />
</div>
</div> -->
</div>
<div class="tanchuangbox" v-if="ifshow">
<div class="tanchuang">
<p class="desc desc1">找回密码</p>
@ -57,9 +57,6 @@ export default {
pwd:""
};
},
mounted(){
document.title = "登录"
},
methods: {
open() {
this.ifshow=true
@ -70,17 +67,11 @@ export default {
sub(){
let t=this;
this.axios.post("https://admin.lawpro.cn/api/Main/login",{uname:t.username,password:t.pwd}).then((res)=>{
if(res.data.code == 200){
localStorage.setItem('token', res.data.data)
this.axios.post("http://lawpro.earnest.pro/api/Main/login",{uname:t.username,password:t.pwd}).then((res)=>{
localStorage.setItem('token', res.data.data)
this.$router.push({
path: `/PersonalHomepage`,
path: `/index`,
})
}else{
alert("登录失败,请重试")
}
})
}
}
@ -112,7 +103,6 @@ localStorage.setItem('token', res.data.data)
display: flex;
border-bottom: 2px solid #dfdfdf;
margin-left: 30px;
padding: 10px 0;
.order {
width: 13px;
height: 24px;
@ -128,7 +118,7 @@ localStorage.setItem('token', res.data.data)
}
.shuru {
width: 75%;
height: 44px;
height: 74px;
color: #333333;
font-size: 28px;
margin: auto 0;

View File

@ -1,92 +1,13 @@
import Vue from 'vue'
import App from './App.vue'
import router from "./router"
// import wx from "./assets/jweixin-1.6.0"
import wx from 'weixin-js-sdk'
// let wx = require("./assets/jweixin-1.6.0")
import { Popup } from 'vant';
Vue.use(Popup);
Vue.config.productionTip = false
import axios from "axios"
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
Vue.prototype.axios = axios
let el = new Vue({
new Vue({
render: h => h(App),
router
}).$mount('#app')
let gettitle = () => {
return new Promise((res) => {
setInterval(() => {
if (document.title != 'Lawpro社区' || GetUrlRelativePath() == "/") {
res(document.title)
}
}, 200)
})
}
function GetUrlRelativePath() {
var url = document.location.toString();
var arrUrl = url.split("//");
var start = arrUrl[1].indexOf("/");
var relUrl = arrUrl[1].substring(start);//stop省略截取从start开始到结尾的所有字符
if (relUrl.indexOf("?") != -1) {
relUrl = relUrl.split("?")[0];
}
return relUrl;
}
el.axios({url:"https://admin.lawpro.cn/api/main/wxfx",method:'POST',data:"url="+window.location.href.replace(/&/g, '#')}).then((res) => {
// window.console.log(res)
// alert(JSON.stringify(res.data.data))
if (res.data.code == 200) {
let data = res.data.data
let wxcfg = {
debug: false,
appId: data.appId,
timestamp: data.timestamp,
nonceStr: data.nonceStr,
signature: data.signature,
jsApiList: [
// 所有要调用的 API 都要加到这个列表中
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
'onMenuShareQZone'
]
}
gettitle().then((res) => {
// window.console.log(res)
// el.wxcfg.
wx.config({
...wxcfg
});
let href = window.location.href
wx.ready(function () {
//分享到朋友圈
wx.onMenuShareTimeline({
title: res + " -Lawpro.cn", // 分享标题
link: href,
imgUrl: 'https://admin.lawpro.cn/uploads/image/logo.jpg'
});
//分享给朋友
wx.onMenuShareAppMessage({
title: res,
desc: '',
link: href,
imgUrl: 'https://admin.lawpro.cn/uploads/image/logo.jpg', // 分享图标
trigger: function () {
// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容因为客户端分享操作是一个同步操作这时候使用ajax的回包会还没有返回
},
fail: function (res) {
alert(JSON.stringify(res));
}
});
});
})
}
})

View File

@ -7,7 +7,7 @@ import index from "./index"
// import PersonalHomepage from "./PersonalHomepage"
import ManualAppeal from "./ManualAppeal"
import IndexArticleDetail from "./IndexArticleDetail"
// import login from "./login"
import login from "./login"
import loginpwd from "./loginpwd"
import indexfind from "./IndexFind"
import IndexReport from "./IndexReport"
@ -16,10 +16,9 @@ import IndexReport2 from "./IndexReport2"
import Answer from "./Answer"
import sign from "./sign"
import ArticleDetail from "./articledetail.vue"
import detaillurl from "./detaillurl"
Vue.use(Router)
const router=new Router({
mode:"history",
mode:'hash',
routes: [
{
path: '/articledetail',
@ -51,11 +50,11 @@ const router=new Router({
},
{
path: '/login',
component: loginpwd
component: login
},
{
path: '/',
component: index,
component: index
},
{
path: '/IndexArticleDetaill',
@ -73,22 +72,8 @@ const router=new Router({
{
path: '/Answer',
component: Answer
},
{
path:"/detaillurl",
component:detaillurl
}
]
});
router.beforeEach((to, from, next) => {
// window.console.log(to,from);
// location.href = "loaclhost:8080" + to.fullPath
window.console.log(to,from,88)
next()
if(from.name !== null){
window.location.reload();
}
})
export default router;

View File

@ -44,16 +44,8 @@ export default {
sign(){
let t=this;
window.console.log(t. $route.query.yztoken,t.$route.query.yzm)
this.axios.post("https://admin.lawpro.cn/api/Main/sign",{yz:t. $route.query.yztoken,Verification:t.$route.query.yzm,mobile:t.$route.query.tel,username:t.username,password:t.pwd}).then((res)=>{
this.axios.post("http://lawpro.earnest.pro/api/Main/sign",{yz:t. $route.query.yztoken,Verification:t.$route.query.yzm,mobile:t.$route.query.tel,username:t.username,password:t.pwd}).then((res)=>{
localStorage.setItem('token', res.data.data)
}).then((res)=>{
if(res.data.code == 200){
this.$router({
path:"/"
})
}else{
alert(this.data.msg)
}
})
}
}

View File

@ -5561,10 +5561,10 @@ node-releases@^1.1.40:
dependencies:
semver "^6.3.0"
node-sass@^4.13.1:
version "4.13.1"
resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.13.1.tgz#9db5689696bb2eec2c32b98bfea4c7a2e992d0a3"
integrity sha512-TTWFx+ZhyDx1Biiez2nB0L3YrCZ/8oHagaDalbuBSlqXgUPsdkUSzJsVxeDO9LtPB49+Fh3WQl3slABo6AotNw==
node-sass@^4.13.0:
version "4.13.0"
resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.13.0.tgz#b647288babdd6a1cb726de4545516b31f90da066"
integrity sha512-W1XBrvoJ1dy7VsvTAS5q1V45lREbTlZQqFbiHb3R3OTTCma0XBtuG6xZ6Z4506nR4lmHPTqVRwxT6KgtWC97CA==
dependencies:
async-foreach "^0.1.3"
chalk "^1.1.1"
@ -8598,11 +8598,6 @@ websocket-extensions@>=0.1.1:
resolved "https://registry.npm.taobao.org/websocket-extensions/download/websocket-extensions-0.1.3.tgz#5d2ff22977003ec687a4b87073dfbbac146ccf29"
integrity sha1-XS/yKXcAPsaHpLhwc9+7rBRszyk=
weixin-js-sdk@^1.4.0-test:
version "1.4.0-test"
resolved "https://registry.npm.taobao.org/weixin-js-sdk/download/weixin-js-sdk-1.4.0-test.tgz#612bbafcc97ad84f5afe6dc84701534cc59fc3ca"
integrity sha1-YSu6/Ml62E9a/m3IRwFTTMWfw8o=
which-module@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/which-module/-/which-module-1.0.0.tgz#bba63ca861948994ff307736089e3b96026c2a4f"