Compare commits
No commits in common. "xuebaoxin" and "master" have entirely different histories.
@ -11,13 +11,12 @@
|
|||||||
"axios": "^0.19.0",
|
"axios": "^0.19.0",
|
||||||
"babel-plugin-import": "^1.12.2",
|
"babel-plugin-import": "^1.12.2",
|
||||||
"core-js": "^3.3.2",
|
"core-js": "^3.3.2",
|
||||||
"node-sass": "^4.13.1",
|
"node-sass": "^4.13.0",
|
||||||
"postcss-pxtorem": "^4.0.1",
|
"postcss-pxtorem": "^4.0.1",
|
||||||
"sass-loader": "^8.0.0",
|
"sass-loader": "^8.0.0",
|
||||||
"vant": "^2.2.14",
|
"vant": "^2.2.14",
|
||||||
"vue": "^2.6.10",
|
"vue": "^2.6.10",
|
||||||
"vue-router": "^3.1.3",
|
"vue-router": "^3.1.3"
|
||||||
"weixin-js-sdk": "^1.4.0-test"
|
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@vue/cli-plugin-babel": "^4.0.0",
|
"@vue/cli-plugin-babel": "^4.0.0",
|
||||||
|
|||||||
@ -5,29 +5,8 @@
|
|||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
<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="icon" href="<%= BASE_URL %>favicon.ico">
|
||||||
<link rel="stylesheet" href="./normalize.css">
|
<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>
|
<script>
|
||||||
//designWidth:设计稿的实际宽度值，需要根据实际设置
|
//designWidth:设计稿的实际宽度值，需要根据实际设置
|
||||||
//maxWidth:制作稿的最大宽度值，需要根据实际设置
|
//maxWidth:制作稿的最大宽度值，需要根据实际设置
|
||||||
@ -44,9 +23,7 @@
|
|||||||
maxWidth = maxWidth || 540;
|
maxWidth = maxWidth || 540;
|
||||||
width > maxWidth && (width = maxWidth);
|
width > maxWidth && (width = maxWidth);
|
||||||
var rem = width * 100 / designWidth;
|
var rem = width * 100 / designWidth;
|
||||||
// alert(rem)
|
remStyle.innerHTML = 'html{font-size:' + rem + 'px;}';
|
||||||
remStyle.innerHTML = 'html{font-size:' + Math.floor(rem) + 'px;}';
|
|
||||||
// alert(window.getComputedStyle(window.document.documentElement)["fontSize"])
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (docEl.firstElementChild) {
|
if (docEl.firstElementChild) {
|
||||||
@ -82,7 +59,7 @@
|
|||||||
})(750, 1024);
|
})(750, 1024);
|
||||||
</script>
|
</script>
|
||||||
<script src="./jquery-3.4.1.min.js"></script>
|
<script src="./jquery-3.4.1.min.js"></script>
|
||||||
<title>Lawpro社区</title>
|
<title>falv</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
9
public/normalize.css
vendored
9
public/normalize.css
vendored
@ -149,17 +149,8 @@ sup {
|
|||||||
|
|
||||||
img {
|
img {
|
||||||
border-style: none;
|
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
|
/* Forms
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|||||||
@ -9,14 +9,11 @@
|
|||||||
@pinglu="pinglu"
|
@pinglu="pinglu"
|
||||||
:sid="item.id"
|
:sid="item.id"
|
||||||
:indexs="index"
|
:indexs="index"
|
||||||
:userimg="'https://admin.lawpro.cn' + item.avatar"
|
:userimg="'http://lawpro.earnest.pro' + item.avatar"
|
||||||
:nickname="item.nickname"
|
:nickname="item.nickname"
|
||||||
:text="item.articlecontent"
|
:text="item.articlecontent"
|
||||||
:comment="item.comment"
|
:comment="item.comment"
|
||||||
:like="item.islike"
|
:num="item.islike"
|
||||||
:collect="item.collect"
|
|
||||||
:islike="item.isClick"
|
|
||||||
:iscllect="item.isCollect"
|
|
||||||
></follow>
|
></follow>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -29,21 +26,19 @@
|
|||||||
v-for="(item,index) in list.correlation"
|
v-for="(item,index) in list.correlation"
|
||||||
:key="index"
|
:key="index"
|
||||||
:title="item.title"
|
:title="item.title"
|
||||||
:img="'https://admin.lawpro.cn' +item.img"
|
:img="'http://lawpro.earnest.pro' +item.img"
|
||||||
:sid="item.id"
|
:sid="item.id"
|
||||||
:type="item.type"
|
|
||||||
></articles>
|
></articles>
|
||||||
|
|
||||||
<!-- <articles></articles> -->
|
<!-- <articles></articles> -->
|
||||||
|
|
||||||
<p class="title">热门推荐</p>
|
<p class="title" @click="show = true">热门推荐</p>
|
||||||
<!-- <privatets></privatets> -->
|
<!-- <privatets></privatets> -->
|
||||||
<privates
|
<privates
|
||||||
v-for="(item,index) in list.correlation"
|
v-for="(item,index) in list.correlation"
|
||||||
:key="index"
|
:key="index"
|
||||||
:title="item.title"
|
:title="item.title"
|
||||||
:sid="item.id"
|
:sid="item.id"
|
||||||
:type="item.type"
|
|
||||||
></privates>
|
></privates>
|
||||||
|
|
||||||
<!-- <articles></articles> -->
|
<!-- <articles></articles> -->
|
||||||
@ -51,28 +46,24 @@
|
|||||||
<van-popup v-model="show" position="bottom" :style="{ height: '100%' }" class="linshi">
|
<van-popup v-model="show" position="bottom" :style="{ height: '100%' }" class="linshi">
|
||||||
<div class="top">
|
<div class="top">
|
||||||
<p class="tiao">{{plist.length}}条评论</p>
|
<p class="tiao">{{plist.length}}条评论</p>
|
||||||
<p class="qie" @click="qshot">
|
<p class="qie" @click="shot = shot == 0 ? 1 : 0">
|
||||||
<img class="qiehuan" src="./assets/qiehuan.png" alt srcset />
|
<img class="qiehuan" src="./assets/qiehuan.png" alt srcset /> 切换为{{shot == 0 ? '时间' : "默认"}}排序
|
||||||
切换为{{shot == 0 ? '时间' : "默认"}}排序
|
|
||||||
</p>
|
</p>
|
||||||
<img class="quit" src="./assets/quit.png" alt @click="qshow" />
|
<img class="quit" src="./assets/quit.png" alt @click="show = !show" />
|
||||||
</div>
|
</div>
|
||||||
<div class="bodys">
|
<div class="bodys">
|
||||||
<div style="min-height:101%">
|
<comment
|
||||||
<comment
|
|
||||||
v-for="(item,index) in plist"
|
v-for="(item,index) in plist"
|
||||||
:key="index"
|
:key="index"
|
||||||
:img="'https://admin.lawpro.cn/' + 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>
|
||||||
<div class="msg" v-show="msgs">{{msg}}</div>
|
<div class="msg" v-show="msgs">{{msg}}</div>
|
||||||
<div class="reply">
|
<div class="reply">
|
||||||
<img @click="biaoqing = !biaoqing" src="./assets/baoqing.png" alt srcset />
|
<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>
|
<p @click="pfb">发布</p>
|
||||||
<div v-show="biaoqing">
|
<div v-show="biaoqing">
|
||||||
<Emotion @emotion="handleEmotion" :height="4"></Emotion>
|
<Emotion @emotion="handleEmotion" :height="4"></Emotion>
|
||||||
@ -103,7 +94,7 @@ export default {
|
|||||||
pid: 0,
|
pid: 0,
|
||||||
msg: "发布成功",
|
msg: "发布成功",
|
||||||
msgs: false,
|
msgs: false,
|
||||||
shot: 0
|
shot:0
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
@ -116,31 +107,14 @@ export default {
|
|||||||
Emotion
|
Emotion
|
||||||
},
|
},
|
||||||
methods: {
|
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() {
|
pfb() {
|
||||||
this.msg= "发布中"
|
|
||||||
this.msgs = true;
|
|
||||||
window.$(window).scrollTop(window.$(window).scrollTop)
|
|
||||||
|
|
||||||
if (localStorage.getItem("token") == "") {
|
if (localStorage.getItem("token") == "") {
|
||||||
this.$router.push("/login");
|
this.$router.push("/login");
|
||||||
} else {
|
} else {
|
||||||
window.console.log(this.content);
|
window.console.log(this.content);
|
||||||
if (this.content != "") {
|
if (this.content != "") {
|
||||||
this.axios
|
this.axios
|
||||||
.post("https://admin.lawpro.cn/api/login_main/appendComment", {
|
.post("http://lawpro.earnest.pro/api/login_main/appendComment", {
|
||||||
text: this.content,
|
text: this.content,
|
||||||
token: localStorage.getItem("token"),
|
token: localStorage.getItem("token"),
|
||||||
type_id: this.pid,
|
type_id: this.pid,
|
||||||
@ -150,12 +124,12 @@ window.$(window).scrollTop(window.$(window).scrollTop)
|
|||||||
if (res.data.code == 200) {
|
if (res.data.code == 200) {
|
||||||
this.pinglu(this.pid);
|
this.pinglu(this.pid);
|
||||||
this.content = "";
|
this.content = "";
|
||||||
this.msg="发布成功"
|
this.msgs = true
|
||||||
setTimeout(() => {
|
setTimeout(()=>{
|
||||||
this.msgs = false;
|
this.msgs = false
|
||||||
}, 2000);
|
},2000)
|
||||||
} else {
|
}else{
|
||||||
this.$router.push({ path: "/login" });
|
this.$router.push({path:"/login"})
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -166,14 +140,14 @@ window.$(window).scrollTop(window.$(window).scrollTop)
|
|||||||
},
|
},
|
||||||
pinglu(id) {
|
pinglu(id) {
|
||||||
this.pid = id;
|
this.pid = id;
|
||||||
this.show = true;
|
this.show = true;
|
||||||
|
|
||||||
this.axios
|
this.axios
|
||||||
.post("https://admin.lawpro.cn/api/login_main/CommentList", {
|
.post("http://lawpro.earnest.pro/api/login_main/CommentList", {
|
||||||
token: localStorage.getItem("token"),
|
token: localStorage.getItem("token"),
|
||||||
type: 3,
|
type: 3,
|
||||||
type_id: id,
|
type_id: id,
|
||||||
order: this.shot
|
order:this.shot
|
||||||
})
|
})
|
||||||
.then(res => {
|
.then(res => {
|
||||||
window.console.log(res);
|
window.console.log(res);
|
||||||
@ -182,27 +156,14 @@ window.$(window).scrollTop(window.$(window).scrollTop)
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch:{
|
||||||
shot() {
|
shot(){
|
||||||
this.pinglu(this.pid);
|
this.pinglu(this.pid)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
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
|
this.axios
|
||||||
.post("https://admin.lawpro.cn/api/login_main/mainDetails", {
|
.post("http://lawpro.earnest.pro/api/login_main/mainDetails", {
|
||||||
token: localStorage.getItem("token"),
|
token: localStorage.getItem("token"),
|
||||||
type: 2,
|
type: 2,
|
||||||
id: this.$route.query.id
|
id: this.$route.query.id
|
||||||
@ -210,11 +171,9 @@ window.$(window).scrollTop(window.$(window).scrollTop)
|
|||||||
.then(res => {
|
.then(res => {
|
||||||
// window.console.log(res)
|
// window.console.log(res)
|
||||||
this.list = res.data.data;
|
this.list = res.data.data;
|
||||||
document.title=this.list.data.title
|
|
||||||
|
|
||||||
});
|
});
|
||||||
this.axios
|
this.axios
|
||||||
.post("https://admin.lawpro.cn/api/login_main/answerList", {
|
.post("http://lawpro.earnest.pro/api/login_main/answerList", {
|
||||||
token: localStorage.getItem("token"),
|
token: localStorage.getItem("token"),
|
||||||
page: 1,
|
page: 1,
|
||||||
article_id: this.$route.query.id
|
article_id: this.$route.query.id
|
||||||
@ -239,14 +198,14 @@ window.$(window).scrollTop(window.$(window).scrollTop)
|
|||||||
max-height: 70px;
|
max-height: 70px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background: #666;
|
background: #666;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
top: 50%;
|
top:50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
}
|
}
|
||||||
.top {
|
.top {
|
||||||
z-index: 9999;
|
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
@ -292,7 +251,6 @@ window.$(window).scrollTop(window.$(window).scrollTop)
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.bodys {
|
.bodys {
|
||||||
z-index: 9900;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
// background-color: #000;
|
// background-color: #000;
|
||||||
|
|||||||
@ -6,27 +6,10 @@
|
|||||||
</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
|
<indexfindall :title="i.title" :num="i.comment" :right="i.avatar" :content="i.text"></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>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</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 class="all1">
|
<!-- <div class="all1">
|
||||||
<indexfindall title="学法律后，对你最大的影响或改变是什么？" num="1532" :right="pics"></indexfindall>
|
<indexfindall title="学法律后，对你最大的影响或改变是什么？" num="1532" :right="pics"></indexfindall>
|
||||||
</div>-->
|
</div>-->
|
||||||
@ -38,16 +21,11 @@
|
|||||||
:article="i.article"
|
:article="i.article"
|
||||||
:attention="i.attention"
|
:attention="i.attention"
|
||||||
:username="i.topic_name"
|
:username="i.topic_name"
|
||||||
:pic="'https://admin.lawpro.cn/'+i.img"
|
:pic="'http://lawpro.earnest.pro/'+i.img"
|
||||||
></indedfinduser>
|
></indedfinduser>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</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 class="user1">
|
<!-- <div class="user1">
|
||||||
<indedfinduser></indedfinduser>
|
<indedfinduser></indedfinduser>
|
||||||
</div>
|
</div>
|
||||||
@ -61,21 +39,16 @@
|
|||||||
<div class="user" v-if="no==5">
|
<div class="user" v-if="no==5">
|
||||||
<div class="user1" v-for="(i,j) in list" :key="j">
|
<div class="user1" v-for="(i,j) in list" :key="j">
|
||||||
<!-- klmklvnklnkvl -->
|
<!-- 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
|
<indedfinduser
|
||||||
:username="i.nickname"
|
:username="i.nickname"
|
||||||
:pic="'https://admin.lawpro.cn/'+i.avatar"
|
:pic="'http://lawpro.earnest.pro/'+i.avatar"
|
||||||
:desc="i.text"
|
:desc="i.text"
|
||||||
:ifnum="false"
|
:ifnum="false"
|
||||||
></indedfinduser>
|
></indedfinduser>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</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 class="user1">
|
<!-- <div class="user1">
|
||||||
<indedfinduser></indedfinduser>
|
<indedfinduser></indedfinduser>
|
||||||
</div>-->
|
</div>-->
|
||||||
@ -90,7 +63,6 @@
|
|||||||
import indexfindhead from "./components/indexfindhead";
|
import indexfindhead from "./components/indexfindhead";
|
||||||
import indexfindtab from "./components/indexfindtab";
|
import indexfindtab from "./components/indexfindtab";
|
||||||
import indexfindall from "./components/indexfindall";
|
import indexfindall from "./components/indexfindall";
|
||||||
import login from "./assets/login.gif";
|
|
||||||
import pics from "./assets/ad.png";
|
import pics from "./assets/ad.png";
|
||||||
import indedfinduser from "./components/indexfinduser";
|
import indedfinduser from "./components/indexfinduser";
|
||||||
export default {
|
export default {
|
||||||
@ -101,69 +73,60 @@ export default {
|
|||||||
indedfinduser
|
indedfinduser
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
document.title = this.$route.query.word + "-搜索";
|
this.getlist1()
|
||||||
|
},
|
||||||
this.getlist1(0);
|
|
||||||
},
|
|
||||||
watch: {
|
watch: {
|
||||||
no() {
|
no() {
|
||||||
this.page = 1;
|
this.page = 0;
|
||||||
this.dynamiclist = [];
|
this.dynamiclist = [];
|
||||||
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) {
|
||||||
window.$(window).scroll(() => {});
|
window.$(window).scroll(() => {});
|
||||||
c();
|
c();
|
||||||
},
|
},
|
||||||
computed: {
|
|
||||||
keys() {
|
|
||||||
return this.$route.query.word;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
methods: {
|
||||||
getlist1(e) {
|
getlist1(){
|
||||||
let t = this;
|
let t=this;
|
||||||
t.list = [];
|
t.list=[]
|
||||||
t.axios
|
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,
|
where: t.$route.query.word,
|
||||||
type: t.no,
|
type: t.no,
|
||||||
token: localStorage.getItem("token")
|
}).then((res)=>{
|
||||||
})
|
if(res.data.data){
|
||||||
.then(res => {
|
|
||||||
if (res.data.data) {
|
t.list=res.data.data
|
||||||
if(t.no == e){
|
window.console.log(t.list.length,"hfihaifohog")
|
||||||
t.list = res.data.data;
|
if(t.list.length<5){
|
||||||
}else{
|
t.text="暂无数据"
|
||||||
return ;
|
|
||||||
}
|
|
||||||
window.console.log(t.list.length, "hfihaifohog");
|
|
||||||
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(e);
|
t.getlist();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} else {
|
|
||||||
window.console.log("errir");
|
}else{
|
||||||
t.text = "暂无相关数据";
|
window.console.log("errir")
|
||||||
|
t.text="暂无数据"
|
||||||
}
|
}
|
||||||
});
|
|
||||||
|
|
||||||
|
})
|
||||||
},
|
},
|
||||||
getlist(e) {
|
getlist() {
|
||||||
if (this.lock) {
|
if (this.lock) {
|
||||||
return "lock";
|
return "lock";
|
||||||
}
|
}
|
||||||
@ -171,7 +134,7 @@ export default {
|
|||||||
var t = this;
|
var t = this;
|
||||||
t.page += 1;
|
t.page += 1;
|
||||||
t.axios
|
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,
|
where: t.$route.query.word,
|
||||||
type: t.no,
|
type: t.no,
|
||||||
page: t.page
|
page: t.page
|
||||||
@ -179,40 +142,36 @@ 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){
|
||||||
if(t.no == e){
|
t.list = t.list.concat(res.data.data);
|
||||||
t.list = t.list.concat(res.data.data);
|
|
||||||
|
|
||||||
}else{
|
|
||||||
return ;
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
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(e);
|
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);
|
||||||
@ -232,53 +191,53 @@ export default {
|
|||||||
});
|
});
|
||||||
// let t=this;
|
// let t=this;
|
||||||
// window.console.log(e)
|
// 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)
|
// // window.console.log(res)
|
||||||
// // for(let i in res.data.data){
|
// // for(let i in res.data.data){
|
||||||
// // res.data.data[i].avatar= res.data.data[i].avatar.substr(1)
|
// // 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.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 = "暂无数据";
|
||||||
// }
|
// }
|
||||||
// })
|
// })
|
||||||
// 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)
|
// window.console.log(res)
|
||||||
// for(let i in res.data.data){
|
// for(let i in res.data.data){
|
||||||
// res.data.data[i].avatar= res.data.data[i].avatar.substr(1)
|
// 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.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)
|
// window.console.log(res)
|
||||||
// for(let i in res.data.data){
|
// for(let i in res.data.data){
|
||||||
// res.data.data[i].img= res.data.data[i].img.substr(1)
|
// 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.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)
|
// window.console.log(res)
|
||||||
// for(let i in res.data.data){
|
// for(let i in res.data.data){
|
||||||
// res.data.data[i].avatar= res.data.data[i].avatar.substr(1)
|
// 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
|
// t.list2=res.data.data
|
||||||
// })
|
// })
|
||||||
@ -292,10 +251,9 @@ export default {
|
|||||||
list1: [],
|
list1: [],
|
||||||
list2: [],
|
list2: [],
|
||||||
list3: [],
|
list3: [],
|
||||||
page: 1,
|
page: 0,
|
||||||
lock: false,
|
lock: false,
|
||||||
text: "加载中",
|
text: "加载中"
|
||||||
login
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,19 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="box">
|
<div class="box">
|
||||||
<!-- <img :src="'https://api.luyuan.tk/getdata?data=' + imgurl" alt=""> -->
|
|
||||||
<div class="header">
|
<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">
|
<div class="introduce">
|
||||||
<p class="name">
|
<p class="name">{{username}}</p>
|
||||||
<span>{{username}}</span>
|
<!-- <div class="follow">
|
||||||
<img
|
|
||||||
:src="home"
|
|
||||||
alt
|
|
||||||
style="width:0.5rem;position: absolute;right:0.5rem;top:0.3rem"
|
|
||||||
@click="gohome"
|
|
||||||
/>
|
|
||||||
</p>
|
|
||||||
<div class="follow">
|
|
||||||
<p>
|
<p>
|
||||||
<span>{{attention}}</span>
|
<span>{{attention}}</span>
|
||||||
关注我的
|
关注我的
|
||||||
@ -22,7 +13,7 @@
|
|||||||
<span>{{myfollow}}</span>
|
<span>{{myfollow}}</span>
|
||||||
我关注的
|
我关注的
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="classification">
|
<div class="classification">
|
||||||
@ -35,93 +26,14 @@
|
|||||||
</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">
|
||||||
<follow
|
<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>
|
||||||
v-if="item.status == 3 "
|
<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>
|
||||||
:operation="type[item.type] + '了该' + status[item.status]"
|
<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>
|
||||||
:day="item.time + '前'"
|
<answer @wz="wzs" v-if="types==1" operation="发布了该文章" :day="item.time" :title="item.title" types="1" :id="item.id"></answer>
|
||||||
:title="item.title"
|
<answer v-if="types==2" operation="发布了该问题" :day="item.time" :title="item.title" types="2" :id="item.id"></answer>
|
||||||
: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}}
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -187,226 +99,160 @@
|
|||||||
border-bottom: 1px solid #dfdfdf;
|
border-bottom: 1px solid #dfdfdf;
|
||||||
> div {
|
> div {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 28px;
|
font-size: 32px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
}
|
}
|
||||||
.select {
|
.select{
|
||||||
border-bottom: 4px solid #6b9147;
|
border-bottom: 4px solid #6B9147;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.list {
|
.list{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<script>
|
<script>
|
||||||
import follow from "./components/PersonafFollow";
|
import follow from "./components/PersonafFollow"
|
||||||
// import follows from "./components/PersonafFollows"
|
// import follows from "./components/PersonafFollows"
|
||||||
import answer from "./components/PersonalAnswer";
|
import answer from "./components/PersonalAnswer"
|
||||||
import login from "./assets/login.gif";
|
|
||||||
import home from "./assets/home.png";
|
|
||||||
// import { log } from 'util';
|
// import { log } from 'util';
|
||||||
export default {
|
export default {
|
||||||
name: "Personal-homepage",
|
name: "Personal-homepage",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
home,
|
userimg:"",
|
||||||
userimg: "",
|
username:"",
|
||||||
username: "",
|
myfollow:"",
|
||||||
myfollow: "",
|
attention:"",
|
||||||
attention: "",
|
dynamiclist:[],
|
||||||
dynamiclist: [],
|
status:['','文章','问题','回答'],
|
||||||
status: ["", "文章", "问题", "回答"],
|
type:['','点赞','收藏','关注','评论','回答'],
|
||||||
type: ["", "我点赞", "我收藏", "我关注", "我评论", "我回答"],
|
types:4,
|
||||||
types: 4,
|
page:1,
|
||||||
page: 0,
|
lock:false
|
||||||
lock: false,
|
|
||||||
text: "加载中",
|
|
||||||
login
|
|
||||||
// imgurl:""
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
components: {
|
components:{
|
||||||
follow,
|
follow,
|
||||||
answer
|
answer
|
||||||
},
|
},
|
||||||
methods: {
|
methods:{
|
||||||
wzs(a, b) {
|
wzs(a,b){
|
||||||
// console.log(a,b,12)
|
// console.log(a,b,12)
|
||||||
// this.$router.replace('/')
|
// this.$router.replace('/')
|
||||||
|
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
path: "/articledetail?id=" + b
|
path:'/articledetail?id=' + b
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
gohome() {
|
getlist(){
|
||||||
this.$router.push({
|
if(this.lock){
|
||||||
path: "/"
|
return ;
|
||||||
});
|
|
||||||
},
|
|
||||||
getlist(types) {
|
|
||||||
if (this.lock) {
|
|
||||||
return;
|
|
||||||
}
|
}
|
||||||
this.text = "加载中";
|
this.lock = true
|
||||||
this.lock = true;
|
this.page += 1
|
||||||
this.page += 1;
|
this.axios.post("http://lawpro.earnest.pro/api/login_main/getUserListDetails",{
|
||||||
this.axios
|
token:localStorage.getItem("token"),
|
||||||
.post("https://admin.lawpro.cn/api/login_main/getUserListDetails", {
|
type:this.types,
|
||||||
token: localStorage.getItem("token"),
|
page:this.page
|
||||||
type: this.types,
|
}).then((res)=>{
|
||||||
page: this.page
|
window.console.log(res)
|
||||||
})
|
if(res.data.code == 200){
|
||||||
.then(res => {
|
if(res.data.data.length == 0){
|
||||||
this.lock = false;
|
// alert(1)
|
||||||
|
|
||||||
window.console.log(res);
|
return ;
|
||||||
if (res.data.code == 200) {
|
}
|
||||||
if (types != this.types) {
|
this.dynamiclist = this.dynamiclist.concat(res.data.data)
|
||||||
// alert(1)
|
this.lock = false
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
window.console.log(this.page, 261);
|
|
||||||
if (this.page == 1) {
|
|
||||||
this.dynamiclist = res.data.data;
|
|
||||||
if (res.data.data.length < 20) {
|
|
||||||
this.text = "暂无更多数据";
|
|
||||||
}
|
|
||||||
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
|
getlists(){
|
||||||
.post("https://admin.lawpro.cn/api/login_main/getCollectList", {
|
if(this.lock){
|
||||||
token: localStorage.getItem("token"),
|
return ;
|
||||||
page: this.page
|
}
|
||||||
})
|
this.lock = true
|
||||||
.then(res => {
|
this.page += 1
|
||||||
this.lock = false;
|
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)
|
||||||
|
|
||||||
if (types != this.types) window.console.log(res);
|
return ;
|
||||||
if (res.data.code == 200) {
|
}
|
||||||
// if(res.data.data.length == 0){
|
this.dynamiclist = this.dynamiclist.concat(res.data.data)
|
||||||
|
this.lock = false
|
||||||
// return ;
|
}
|
||||||
// }
|
|
||||||
// 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 = "暂无更多数据";
|
|
||||||
}
|
|
||||||
} else if (res.data.data.length > 0) {
|
|
||||||
this.dynamiclist.push(...res.data.data);
|
|
||||||
if (res.data.data.length < 20) {
|
|
||||||
this.text = "暂无更多数据";
|
|
||||||
}
|
|
||||||
window.console.log(2);
|
|
||||||
} else {
|
|
||||||
this.lock = true;
|
|
||||||
window.console.log(3);
|
|
||||||
this.text = "暂无更多数据";
|
|
||||||
}
|
|
||||||
window.console.log(this.lock);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted(){
|
||||||
document.title = "个人中心";
|
if(localStorage.getItem('token') == ""){
|
||||||
|
this.$router.push("/login")
|
||||||
if (localStorage.getItem("token") == "") {
|
|
||||||
this.$router.push({ path: "/login" });
|
|
||||||
}
|
}
|
||||||
this.axios
|
this.axios.post('http://lawpro.earnest.pro/api/login_main/getUserDetails',{
|
||||||
.post("https://admin.lawpro.cn/api/login_main/getUserDetails", {
|
token:localStorage.getItem("token")
|
||||||
token: localStorage.getItem("token")
|
}).then((res)=>{
|
||||||
})
|
// window.console.log(res.data)
|
||||||
.then(res => {
|
if(res.data.code == 200){
|
||||||
// this.imgurl = JSON.stringify(res)
|
this.userimg = res.data.data.user.avatar,
|
||||||
// window.console.log(res.data)
|
this.username = res.data.data.user.nickname,
|
||||||
if (res.data.code == 200) {
|
this.myfollow = res.data.data.myfollow,
|
||||||
(this.userimg = res.data.data.user.avatar),
|
this.attention = res.data.data.user.attention
|
||||||
(this.username = res.data.data.user.nickname),
|
}
|
||||||
(this.myfollow = res.data.data.myfollow),
|
})
|
||||||
(this.attention = res.data.data.user.attention);
|
this.axios.post("http://lawpro.earnest.pro/api/login_main/getUserListDetails",{
|
||||||
}
|
token:localStorage.getItem("token"),
|
||||||
});
|
type:4,
|
||||||
// this.axios
|
page:1
|
||||||
// .post("https://admin.lawpro.cn/api/login_main/getUserListDetails", {
|
}).then((res)=>{
|
||||||
// token: localStorage.getItem("token"),
|
window.console.log(res)
|
||||||
// type: 4,
|
if(res.data.code == 200){
|
||||||
// page: 1
|
this.dynamiclist = res.data.data
|
||||||
// })
|
}
|
||||||
// .then(res => {
|
|
||||||
// window.console.log(res);
|
})
|
||||||
// if (res.data.code == 200) {
|
var t = this
|
||||||
// this.dynamiclist = res.data.data;
|
|
||||||
// }
|
|
||||||
// });
|
|
||||||
this.getlist(4);
|
|
||||||
var t = this;
|
|
||||||
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)
|
||||||
if (this.types == 5) {
|
if(this.types == 5){
|
||||||
t.getlists(this.types);
|
t.getlists(0)
|
||||||
} else {
|
}else{
|
||||||
t.getlist(this.types);
|
t.getlist()
|
||||||
}
|
|
||||||
}
|
}
|
||||||
});
|
}
|
||||||
|
});
|
||||||
},
|
},
|
||||||
watch: {
|
watch:{
|
||||||
types() {
|
types(){
|
||||||
// window.console.log(a,b)
|
this.page = 0
|
||||||
// if(this.lock == true){
|
this.dynamiclist = []
|
||||||
// this.types = b
|
|
||||||
// return ;
|
|
||||||
// }
|
|
||||||
this.page = 0;
|
|
||||||
this.dynamiclist = [];
|
|
||||||
this.lock = false;
|
this.lock = false;
|
||||||
if (this.types == 5) {
|
this.getlist()
|
||||||
this.getlists(this.types);
|
|
||||||
} else {
|
|
||||||
this.getlist(this.types);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
beforeRouteLeave(a, b, c) {
|
beforeRouteLeave(a,b,c){
|
||||||
window.$(window).scroll(() => {});
|
window.$(window).scroll(() => {
|
||||||
c();
|
|
||||||
|
});
|
||||||
|
c()
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
@ -2,21 +2,17 @@
|
|||||||
<div style="padding-top:0.88rem">
|
<div style="padding-top:0.88rem">
|
||||||
<heads></heads>
|
<heads></heads>
|
||||||
<div class="picbox">
|
<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>
|
</div>
|
||||||
|
|
||||||
<follow
|
<follow
|
||||||
class="follow"
|
class="follow"
|
||||||
:img="'https://admin.lawpro.cn' + list.user.avatar"
|
:img="'http://lawpro.earnest.pro' + list.user.avatar"
|
||||||
:nickname="list.user.nickname"
|
:nickname="list.user.nickname"
|
||||||
:sole="list.user.industry_name"
|
:sole="list.user.industry_name"
|
||||||
: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.collect"
|
|
||||||
:islike="list.data.isClick"
|
|
||||||
:iscllect="list.data.isCollect"
|
|
||||||
@pinglun="pinglu"
|
@pinglun="pinglu"
|
||||||
@guanzhu="gz"
|
@guanzhu="gz"
|
||||||
></follow>
|
></follow>
|
||||||
@ -36,27 +32,17 @@
|
|||||||
<van-popup v-model="show" position="bottom" :style="{ height: '100%' }" class="linshi">
|
<van-popup v-model="show" position="bottom" :style="{ height: '100%' }" class="linshi">
|
||||||
<div class="top">
|
<div class="top">
|
||||||
<p class="tiao">{{plist.length}}条评论</p>
|
<p class="tiao">{{plist.length}}条评论</p>
|
||||||
<p class="qie" @click="qshot">
|
<p class="qie">
|
||||||
<img class="qiehuan" src="./assets/qiehuan.png" alt srcset />
|
<img class="qiehuan" src="./assets/qiehuan.png" alt srcset /> 切换为时间排序
|
||||||
切换为{{shot == 0 ? '时间' : "默认"}}排序
|
|
||||||
</p>
|
</p>
|
||||||
<img class="quit" src="./assets/quit.png" alt @click="qshow" />
|
<img class="quit" src="./assets/quit.png" alt @click="show = !show" />
|
||||||
</div>
|
</div>
|
||||||
<div class="bodys">
|
<div class="bodys">
|
||||||
<comment
|
<comment v-for="(item,index) in plist" :key="index"></comment>
|
||||||
v-for="(item,index) in plist"
|
|
||||||
:key="index"
|
|
||||||
:img="'https://admin.lawpro.cn/' + item.avatar"
|
|
||||||
:name="item.nickname"
|
|
||||||
:text="item.text"
|
|
||||||
|
|
||||||
></comment>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="msg" v-show="msgs">{{msg}}</div>
|
|
||||||
|
|
||||||
<div class="reply">
|
<div class="reply">
|
||||||
<img @click="biaoqing = !biaoqing" src="./assets/baoqing.png" alt srcset />
|
<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>
|
<p @click="pfb">发布</p>
|
||||||
<div v-show="biaoqing">
|
<div v-show="biaoqing">
|
||||||
<Emotion @emotion="handleEmotion" :height="4"></Emotion>
|
<Emotion @emotion="handleEmotion" :height="4"></Emotion>
|
||||||
@ -83,11 +69,8 @@ export default {
|
|||||||
biaoqing: false,
|
biaoqing: false,
|
||||||
list: [],
|
list: [],
|
||||||
plist: [],
|
plist: [],
|
||||||
userid: 0,
|
userid:0,
|
||||||
ifgz: false,
|
ifgz:false
|
||||||
shot: 0,
|
|
||||||
msg:"",
|
|
||||||
msgs:false
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
@ -100,71 +83,44 @@ export default {
|
|||||||
Emotion
|
Emotion
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
body(){
|
gz(e){
|
||||||
// alert(1)
|
if(e==1){
|
||||||
// let a = window.document.body.scrollTop
|
let t=this;
|
||||||
// window.document.body && (window.document.body.scrollTop = a);
|
this.axios
|
||||||
// window.scroll(0,0);
|
.post("http://lawpro.earnest.pro/api/login_main/plusAttention", {
|
||||||
window.$(window).scrollTop(window.$(window).scrollTop)
|
token:localStorage.getItem("token"),
|
||||||
},
|
passivity_id:t.userid,
|
||||||
qshow(){
|
type:2
|
||||||
window.console.log(window.$(window).scrollTop(window.$(window).scrollTop),1234)
|
}).then((res)=>{
|
||||||
|
window.console.log(res)
|
||||||
this.show = !this.show
|
if(res.data.code==200){
|
||||||
},
|
this.ifgz=true
|
||||||
qshot(){
|
}
|
||||||
this.shot = this.shot == 0 ? 1 : 0
|
})
|
||||||
},
|
|
||||||
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
|
|
||||||
})
|
|
||||||
.then(res => {
|
|
||||||
window.console.log(res);
|
|
||||||
if (res.data.code == 200) {
|
|
||||||
this.ifgz = true;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
handleEmotion(i) {
|
handleEmotion(i) {
|
||||||
this.content += i;
|
this.content += i;
|
||||||
},
|
},
|
||||||
pfb() {
|
pfb() {
|
||||||
// alert(window.document.body.scrollTop)
|
|
||||||
this.msg = "发布中"
|
|
||||||
this.msgs= true
|
|
||||||
window.$(window).scrollTop(window.$(window).scrollTop)
|
|
||||||
if (localStorage.getItem("token") == "") {
|
if (localStorage.getItem("token") == "") {
|
||||||
this.$router.push("/login");
|
this.$router.push("/login");
|
||||||
} else {
|
} else {
|
||||||
window.console.log(this.content);
|
window.console.log(this.content);
|
||||||
if (this.content != "") {
|
if (this.content != "") {
|
||||||
this.axios
|
this.axios
|
||||||
.post("https://admin.lawpro.cn/api/login_main/appendComment", {
|
.post("http://lawpro.earnest.pro/api/login_main/appendComment", {
|
||||||
text: this.content,
|
text: this.content,
|
||||||
token: localStorage.getItem("token"),
|
token: localStorage.getItem("token"),
|
||||||
type_id: this.$route.query.id,
|
type_id: this.$route.query.id,
|
||||||
type: 1
|
type: 3
|
||||||
})
|
})
|
||||||
.then(res => {
|
.then(res => {
|
||||||
if (res.data.code == 200) {
|
if (res.data.code == 200) {
|
||||||
this.pinglu(this.$route.query.id);
|
this.pinglu(this.$route.query.id);
|
||||||
|
|
||||||
this.content = "";
|
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() {
|
pinglu() {
|
||||||
// this.pid = id;
|
// this.pid = id;
|
||||||
|
|
||||||
this.axios
|
this.axios
|
||||||
.post("https://admin.lawpro.cn/api/login_main/CommentList", {
|
.post("http://lawpro.earnest.pro/api/login_main/CommentList", {
|
||||||
token: localStorage.getItem("token"),
|
token: localStorage.getItem("token"),
|
||||||
type: 1,
|
type: 2,
|
||||||
type_id: this.$route.query.id,
|
type_id: this.$route.query.id
|
||||||
order: this.shot
|
|
||||||
})
|
})
|
||||||
.then(res => {
|
.then(res => {
|
||||||
window.console.log(res);
|
window.console.log(res);
|
||||||
this.plist = res.data.data.data;
|
this.plist = res.data.data.data;
|
||||||
// this.list = res.data.data;
|
// this.list = res.data.data;
|
||||||
this.show = true;
|
this.show = true;
|
||||||
// alert(window.document.body.scrollTop)
|
|
||||||
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
|
||||||
shot() {
|
|
||||||
this.pinglu();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
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 )
|
// window.console.log(this.$route.query.userid,7946 )
|
||||||
this.userid = this.$route.query.userid;
|
this.userid=this.$route.query.userid
|
||||||
this.axios
|
this.axios
|
||||||
.post("https://admin.lawpro.cn/api/login_main/mainDetails", {
|
.post("http://lawpro.earnest.pro/api/login_main/mainDetails", {
|
||||||
token: localStorage.getItem("token"),
|
token: localStorage.getItem("token"),
|
||||||
id: this.$route.query.id,
|
id: this.$route.query.id,
|
||||||
type: 1
|
type: 1
|
||||||
@ -221,8 +154,6 @@ window.$(window).scrollTop(window.$(window).scrollTop)
|
|||||||
.then(res => {
|
.then(res => {
|
||||||
window.console.log(res);
|
window.console.log(res);
|
||||||
this.list = res.data.data;
|
this.list = res.data.data;
|
||||||
document.title=this.list.data.title
|
|
||||||
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@ -234,23 +165,9 @@ window.$(window).scrollTop(window.$(window).scrollTop)
|
|||||||
}
|
}
|
||||||
.linshi {
|
.linshi {
|
||||||
z-index: 999999 !important;
|
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 {
|
.top {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 9999;
|
|
||||||
top: 0;
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 98px;
|
height: 98px;
|
||||||
@ -294,7 +211,6 @@ window.$(window).scrollTop(window.$(window).scrollTop)
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.bodys {
|
.bodys {
|
||||||
z-index: 9000;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
// background-color: #000;
|
// background-color: #000;
|
||||||
@ -348,9 +264,9 @@ window.$(window).scrollTop(window.$(window).scrollTop)
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
font-size: 0.36rem;
|
font-size: 0.36rem;
|
||||||
// text-indent: 0.3rem;
|
text-indent: 0.3rem;
|
||||||
line-height: 1rem;
|
line-height: 1rem;
|
||||||
font-weight: 600;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
.title {
|
.title {
|
||||||
color: #333333;
|
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 |
@ -3,31 +3,17 @@
|
|||||||
<div class="center">{{title}}</div>
|
<div class="center">{{title}}</div>
|
||||||
<div class="answer">
|
<div class="answer">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<img
|
<img v-if="img == ''?false : true " class="img" :src="'http://lawpro.earnest.pro' + img" alt srcset />
|
||||||
v-if="img == ''?false : true "
|
<p>{{text}}</p>
|
||||||
class="img"
|
|
||||||
:src="'https://admin.lawpro.cn' + img"
|
|
||||||
alt
|
|
||||||
srcset
|
|
||||||
/>
|
|
||||||
<p v-html="text" style="white-space: pre-wrap;" ></p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="operation">
|
<div class="operation">
|
||||||
<!-- <div @click.stop="shar">
|
<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 />
|
||||||
{{num}}{{type == 1 ? '评论':'回答'}}
|
{{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 v-show="false" class="more" @click="show = !show">
|
<div v-show="false" class="more" @click="show = !show">
|
||||||
<div></div>
|
<div></div>
|
||||||
@ -54,7 +40,7 @@
|
|||||||
.title {
|
.title {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
font-size: 16px;
|
font-size: 26px;
|
||||||
color: #95998f;
|
color: #95998f;
|
||||||
margin-bottom: 28px;
|
margin-bottom: 28px;
|
||||||
}
|
}
|
||||||
@ -62,20 +48,6 @@
|
|||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
color: #000;
|
color: #000;
|
||||||
line-height: 46px;
|
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 {
|
.answer {
|
||||||
.user {
|
.user {
|
||||||
@ -158,17 +130,18 @@ overflow:hidden;
|
|||||||
height: 101px;
|
height: 101px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 55px;
|
top: 55px;
|
||||||
background-color: #ffffff;
|
background-color: #FFFFFF;
|
||||||
left: -50px;
|
left: -50px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
> p {
|
>p{
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
color: #95998f;
|
color: #95998F;
|
||||||
|
|
||||||
}
|
}
|
||||||
&::after {
|
&::after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -178,7 +151,7 @@ overflow:hidden;
|
|||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
border-right: 7px solid transparent;
|
border-right: 7px solid transparent;
|
||||||
border-bottom: 10px solid #ffffff;
|
border-bottom: 10px solid #FFFFFF;
|
||||||
border-left: 7px solid transparent;
|
border-left: 7px solid transparent;
|
||||||
}
|
}
|
||||||
&::before {
|
&::before {
|
||||||
@ -199,78 +172,13 @@ overflow:hidden;
|
|||||||
}
|
}
|
||||||
</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','like','collect','islike','iscllect'],
|
props:["title",'id','img','text','num']
|
||||||
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
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="PersonafFollow" @click="tiaozhuan">
|
<div class="PersonafFollow">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<p>{{operation}}</p>
|
<p>{{operation}}</p>
|
||||||
<p>{{day}}</p>
|
<p>{{day}}</p>
|
||||||
@ -15,20 +15,20 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="agree">{{num}}人赞同了该回答</div>
|
<div class="agree">{{num}}人赞同了该回答</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<img :src="img" v-if="!img" alt srcset />
|
<img :src="img" alt srcset />
|
||||||
<p>
|
<p>
|
||||||
{{text}}
|
{{text}}
|
||||||
</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>
|
||||||
@ -125,20 +125,6 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
return {};
|
return {};
|
||||||
},
|
},
|
||||||
props:['operation','day','title','userimg','nickname','img','role','num','text','comment','type','sid'],
|
props:['operation','day','title','userimg','nickname','img','role','num','text','comment']
|
||||||
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
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
@ -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}}评论
|
||||||
|
|||||||
@ -33,26 +33,14 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
return {};
|
return {};
|
||||||
},
|
},
|
||||||
props:['operation','day','title',"types","sid","type"],
|
props:['operation','day','title',"types","id"],
|
||||||
methods:{
|
methods:{
|
||||||
tab(){
|
tab(){
|
||||||
// window.console.log(this.types,"llk")
|
window.console.log(this.types,"llk")
|
||||||
// this.$emit("wz",this.types,this.id)
|
this.$emit("wz",this.types,this.id)
|
||||||
// window.console.log( this.$router)
|
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
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
@ -11,25 +11,17 @@
|
|||||||
<div class="agree">{{num}}人赞同了该回答</div>
|
<div class="agree">{{num}}人赞同了该回答</div>
|
||||||
|
|
||||||
<div class="content" style="max-height: 6.1rem;">
|
<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 class="gengduo" v-show="show" @click="shows">展开阅读全文</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="operation">
|
<div class="operation">
|
||||||
<!-- <div @click="shar">
|
<div>
|
||||||
<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>
|
||||||
@ -87,7 +79,7 @@
|
|||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
/deep/ img {
|
img {
|
||||||
max-width: 690px;
|
max-width: 690px;
|
||||||
// height: 374px;
|
// height: 374px;
|
||||||
// background-color: #000;
|
// background-color: #000;
|
||||||
@ -95,10 +87,6 @@
|
|||||||
margin-top: 39px;
|
margin-top: 39px;
|
||||||
margin-bottom: 32px;
|
margin-bottom: 32px;
|
||||||
}
|
}
|
||||||
/deep/ *{
|
|
||||||
line-height: 1.5;
|
|
||||||
font-size:26rpx;
|
|
||||||
}
|
|
||||||
// p {
|
// p {
|
||||||
|
|
||||||
// }
|
// }
|
||||||
@ -130,7 +118,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
> div:last-child {
|
> div:last-child {
|
||||||
margin-left: 150px;
|
margin-left: 300px;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -138,20 +126,12 @@
|
|||||||
}
|
}
|
||||||
</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: {
|
||||||
@ -161,13 +141,10 @@ export default {
|
|||||||
userimg: {},
|
userimg: {},
|
||||||
nickname: {},
|
nickname: {},
|
||||||
role: {},
|
role: {},
|
||||||
like: {},
|
num: {},
|
||||||
comment: {},
|
comment: {},
|
||||||
text: {},
|
text: {},
|
||||||
sid:{},
|
sid:{}
|
||||||
collect:{},
|
|
||||||
islike:{},
|
|
||||||
iscllect:{}
|
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
@ -183,61 +160,6 @@ export default {
|
|||||||
},
|
},
|
||||||
pinglun(){
|
pinglun(){
|
||||||
this.$emit("pinglu",this.sid)
|
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() {
|
mounted() {
|
||||||
|
|||||||
@ -28,28 +28,20 @@
|
|||||||
<!-- <div class="line"></div> -->
|
<!-- <div class="line"></div> -->
|
||||||
<!-- <div class="agree">1345人赞同了该回答</div> -->
|
<!-- <div class="agree">1345人赞同了该回答</div> -->
|
||||||
<div class="agree">{{date}}</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-ho></div> -->
|
||||||
<!-- <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>
|
||||||
<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 @click.stop="clike">
|
<div></div>
|
||||||
<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>
|
||||||
@ -66,10 +58,10 @@
|
|||||||
height: auto;
|
height: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
font-size: 0.3rem;
|
font-size: 0.36rem;
|
||||||
// text-indent: 0.3rem;
|
text-indent: 0.3rem;
|
||||||
line-height: 0.45rem;
|
line-height: 0.45rem;
|
||||||
font-weight: 600;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
.title {
|
.title {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
@ -142,10 +134,6 @@
|
|||||||
margin-top: 39px;
|
margin-top: 39px;
|
||||||
margin-bottom: 32px;
|
margin-bottom: 32px;
|
||||||
}
|
}
|
||||||
/deep/ *{
|
|
||||||
line-height: 1.5;
|
|
||||||
font-size: 26px;
|
|
||||||
}
|
|
||||||
> p {
|
> p {
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
@ -178,7 +166,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
> div:last-child {
|
> div:last-child {
|
||||||
// margin-left: 300px;
|
margin-left: 300px;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -210,20 +198,12 @@
|
|||||||
}
|
}
|
||||||
</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
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -241,61 +221,6 @@ export default {
|
|||||||
var a = window.document.getElementsByClassName("content")[this.indexs];
|
var a = window.document.getElementsByClassName("content")[this.indexs];
|
||||||
a.style.setProperty("max-height", "6.1rem", "important");
|
a.style.setProperty("max-height", "6.1rem", "important");
|
||||||
this.show = true;
|
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() {
|
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>
|
</script>
|
||||||
@ -1,11 +1,11 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="recommend" @click="link">
|
<div class="recommend">
|
||||||
<div>
|
<div>
|
||||||
<p class="articlename">{{title}}</p>
|
<p class="articlename">{{title}}</p>
|
||||||
<!-- <p class="articlecontent">在信息唾手可得的时代，拉开人与人差距的，不是知识含</p> -->
|
<!-- <p class="articlecontent">在信息唾手可得的时代，拉开人与人差距的，不是知识含</p> -->
|
||||||
<div class="author"></div>
|
<div class="author"></div>
|
||||||
</div>
|
</div>
|
||||||
<img :src="img" v-if="img != 'https://admin.lawpro.cn' " alt class="pic" />
|
<img :src="img" alt class="pic" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@ -61,19 +61,6 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
return {};
|
return {};
|
||||||
},
|
},
|
||||||
props: ["title", "img", "sid", "type"],
|
props:['title','img']
|
||||||
methods: {
|
|
||||||
link() {
|
|
||||||
if (this.type == 1) {
|
|
||||||
this.$router.push({
|
|
||||||
path: "/articledetail?id=" + this.sid
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
this.$router.push({
|
|
||||||
path: "/detaillurl?id=" + this.sid
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
@ -1,26 +1,18 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="indexfindall">
|
<div class="indexfindall">
|
||||||
<p class="title" v-html="titles" ></p>
|
<p class="title">{{title}}</p>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="left">
|
<div class="left">
|
||||||
<!-- <p class="text"> <b>职问：</b>因为学习工作而在不同程度上变得“麻木”。实际上，长期从事法律</p> -->
|
<!-- <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 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}}{{type == 1 ? '评论':'回答'}}</p>
|
<p>{{num}}条评论</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>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -30,19 +22,11 @@
|
|||||||
</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: {
|
||||||
@ -55,67 +39,7 @@ export default {
|
|||||||
content: {
|
content: {
|
||||||
type: String
|
type: String
|
||||||
},
|
},
|
||||||
right: {},
|
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>")
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
@ -127,15 +51,10 @@ export default {
|
|||||||
background-color: white;
|
background-color: white;
|
||||||
.title {
|
.title {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
font-size: 30px;
|
font-size: 34px;
|
||||||
font-weight: bold;
|
font-weight: 500;
|
||||||
padding: 0 41px;
|
|
||||||
text-indent: 0;
|
|
||||||
padding-top: 34px;
|
padding-top: 34px;
|
||||||
padding-bottom: 23px;
|
padding-bottom: 23px;
|
||||||
>span{
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.content {
|
.content {
|
||||||
width: 689px;
|
width: 689px;
|
||||||
@ -143,23 +62,19 @@ export default {
|
|||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
padding-bottom: 41px;
|
padding-bottom: 41px;
|
||||||
|
|
||||||
// justify-content: center;
|
// justify-content: center;
|
||||||
.left {
|
.left {
|
||||||
width: 457px;
|
width: 457px;
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
font-size: 21px;
|
font-size: 28px;
|
||||||
line-height: 35px;
|
line-height: 35px;
|
||||||
overflow: hidden; //超出的文本隐藏
|
overflow: hidden; //超出的文本隐藏
|
||||||
display: -webkit-box; //作为弹性伸缩盒子模型显示。
|
display: -webkit-box; //作为弹性伸缩盒子模型显示。
|
||||||
-webkit-box-orient: vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
|
-webkit-box-orient: vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
|
||||||
-webkit-line-clamp: 2; //显示的行
|
-webkit-line-clamp: 2; //显示的行
|
||||||
text-overflow: ellipsis; //溢出用省略号显示
|
text-overflow: ellipsis; //溢出用省略号显示
|
||||||
>span{
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.operation {
|
.operation {
|
||||||
// width: 271px;
|
// width: 271px;
|
||||||
@ -171,13 +86,9 @@ export default {
|
|||||||
> div {
|
> div {
|
||||||
display: flex;
|
display: flex;
|
||||||
> p {
|
> p {
|
||||||
margin-right: 10px;
|
margin-right: 60px;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
>img{
|
|
||||||
width: 18px;
|
|
||||||
height: 18px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// justify-content: space-between;
|
// justify-content: space-between;
|
||||||
@ -192,7 +103,6 @@ export default {
|
|||||||
height: 139px;
|
height: 139px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
margin-left: 23px;
|
margin-left: 23px;
|
||||||
object-fit: cover;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
<div class="indexfindtab">
|
<div class="indexfindtab">
|
||||||
<p @click="change(0)" :class="no==0?'text':''">综合</p>
|
<p @click="change(0)" :class="no==0?'text':''">综合</p>
|
||||||
<p @click="change(5)" :class="no==5?'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>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@ -5,7 +5,7 @@
|
|||||||
<div class="userinfo">
|
<div class="userinfo">
|
||||||
<div class="username">
|
<div class="username">
|
||||||
<p>{{username}}</p>
|
<p>{{username}}</p>
|
||||||
<img :src="pic" alt class="icon" />
|
<img src="../assets/renzheng.png" alt class="icon" />
|
||||||
</div>
|
</div>
|
||||||
<p class="desc">{{desc}}</p>
|
<p class="desc">{{desc}}</p>
|
||||||
<p class="desc1" v-if="ifnum">{{answer}} 回答·{{article}} 文章</p>
|
<p class="desc1" v-if="ifnum">{{answer}} 回答·{{article}} 文章</p>
|
||||||
|
|||||||
@ -4,22 +4,19 @@
|
|||||||
<div style="height:0.88rem"></div>
|
<div style="height:0.88rem"></div>
|
||||||
<div class="mnuelist">
|
<div class="mnuelist">
|
||||||
<div @click="tab(0)">
|
<div @click="tab(0)">
|
||||||
<img src="../assets/index.png" alt class="icon" />
|
<img src="../assets/index.png" alt="" class="icon">
|
||||||
首页
|
首页</div>
|
||||||
</div>
|
|
||||||
<div @click="tab(1)">
|
<div @click="tab(1)">
|
||||||
<img src="../assets/mine.png" alt class="icon" />
|
<img src="../assets/mine.png" alt="" class="icon">
|
||||||
我的主页
|
我的主页</div>
|
||||||
</div>
|
|
||||||
<div @click="tab(2)">
|
<div @click="tab(2)">
|
||||||
<img src="../assets/logout.png" alt class="icon" />
|
<img src="../assets/logout.png" alt="" class="icon">
|
||||||
{{token=='' || token == null?'登录':'退出登录'}}
|
{{token==''?'登录':'退出登录'}}</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</van-popup>
|
</van-popup>
|
||||||
<div class="head">
|
<div class="head">
|
||||||
<img class="logo" src="../assets/logo1.png" alt srcset />
|
<img class="logo" src="../assets/logo1.png" alt srcset />
|
||||||
|
|
||||||
<div class="search">
|
<div class="search">
|
||||||
<img src="../assets/zoom.png" alt />
|
<img src="../assets/zoom.png" alt />
|
||||||
<input type="text" placeholder="搜索" v-on:change="shuru" v-model="serch" />
|
<input type="text" placeholder="搜索" v-on:change="shuru" v-model="serch" />
|
||||||
@ -42,7 +39,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
color: #333;
|
color: #333;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
.icon {
|
.icon{
|
||||||
width: 26px;
|
width: 26px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
@ -59,7 +56,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
.logo {
|
.logo {
|
||||||
width: 115px;
|
width: 115px;
|
||||||
// height: 37px;
|
height: 37px;
|
||||||
// background-color: #000;
|
// background-color: #000;
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
@ -111,17 +108,17 @@ export default {
|
|||||||
return {
|
return {
|
||||||
show: false,
|
show: false,
|
||||||
serch: "",
|
serch: "",
|
||||||
token: ""
|
token:""
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted(){
|
||||||
window.console.log(localStorage.getItem("token") == "", 465);
|
window.console.log(localStorage.getItem("token")=='',465)
|
||||||
this.token = localStorage.getItem("token");
|
this.token=localStorage.getItem("token")
|
||||||
// if (localStorage.getItem("token") == ""){
|
// if (localStorage.getItem("token") == ""){
|
||||||
// this.menu3="登录"
|
// this.menu3="登录"
|
||||||
// }else{
|
// }else{
|
||||||
// this.menu3="退出登录"
|
// this.menu3="退出登录"
|
||||||
// }
|
// }
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
isshow() {
|
isshow() {
|
||||||
@ -137,25 +134,18 @@ export default {
|
|||||||
switch (e) {
|
switch (e) {
|
||||||
case 0:
|
case 0:
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
path: "/"
|
path: '/'
|
||||||
});
|
});
|
||||||
break;
|
break;
|
||||||
case 1:
|
case 1:
|
||||||
if (this.token == "" || this.token == null) {
|
this.$router.push({
|
||||||
this.$router.push({
|
path: '/PersonalHomepage'
|
||||||
path: "/login"
|
});
|
||||||
});
|
|
||||||
} else {
|
|
||||||
this.$router.push({
|
|
||||||
path: "/PersonalHomepage"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
break;
|
break;
|
||||||
case 2:
|
case 2:
|
||||||
localStorage.clear();
|
localStorage.setItem('toekn',"")
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
path: "/login"
|
path: '/login'
|
||||||
});
|
});
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="recommend" @click="link">
|
<div class="recommend">
|
||||||
<div>
|
<div>
|
||||||
<p class="articlename" style="width:100%">{{title}}</p>
|
<p class="articlename" style="width:100%">{{title}}</p>
|
||||||
<!-- <p class="articlecontent">在信息唾手可得的时代，拉开人与人差距的，不是知识含</p> -->
|
<!-- <p class="articlecontent">在信息唾手可得的时代，拉开人与人差距的，不是知识含</p> -->
|
||||||
@ -62,20 +62,6 @@ export default {
|
|||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
props:['title','sid','type'],
|
props:['title']
|
||||||
methods:{
|
|
||||||
link(){
|
|
||||||
if(this.type == 1){
|
|
||||||
this.$router.push({
|
|
||||||
path:"articledetail?id=" + this.sid
|
|
||||||
})
|
|
||||||
}else{
|
|
||||||
this.$router.push({
|
|
||||||
path:"IndexArticleDetaill?id=" + this.sid
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
@ -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>
|
|
||||||
@ -2,31 +2,17 @@
|
|||||||
<div class="box">
|
<div class="box">
|
||||||
<heads></heads>
|
<heads></heads>
|
||||||
<div class="list">
|
<div class="list">
|
||||||
<div
|
<div v-for="(item,index) in list" :key="index" @click="todetail(item.id,item.type,item.user_id)" >
|
||||||
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"
|
||||||
:num="item.type == 1 ?item.comment:item.answer"
|
:num="item.comment"
|
||||||
:img="item.img"
|
:img="item.img"
|
||||||
:text="item.text"
|
:text="item.text"
|
||||||
:type="item.type"
|
|
||||||
:like="item.islike"
|
|
||||||
:collect="item.collect"
|
|
||||||
:islike="item.isClick"
|
|
||||||
:iscllect="item.isCollect"
|
|
||||||
></list>
|
></list>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div style="width:100%;height:0.5rem;text-align:center;line-height:0.3rem">{{text}}</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>
|
|
||||||
<!-- <list></list>
|
<!-- <list></list>
|
||||||
<list></list>-->
|
<list></list>-->
|
||||||
</div>
|
</div>
|
||||||
@ -47,7 +33,6 @@
|
|||||||
<script>
|
<script>
|
||||||
import list from "./components/IndexList";
|
import list from "./components/IndexList";
|
||||||
import heads from "./components/indexhead";
|
import heads from "./components/indexhead";
|
||||||
import login from "./assets/login.gif"
|
|
||||||
export default {
|
export default {
|
||||||
name: "index",
|
name: "index",
|
||||||
data() {
|
data() {
|
||||||
@ -55,11 +40,11 @@ export default {
|
|||||||
list: [],
|
list: [],
|
||||||
page: 1,
|
page: 1,
|
||||||
lock: false,
|
lock: false,
|
||||||
text: "加载中",
|
text: "加载中"
|
||||||
login
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
getlist() {
|
getlist() {
|
||||||
if (this.lock) {
|
if (this.lock) {
|
||||||
return "lock";
|
return "lock";
|
||||||
@ -68,8 +53,7 @@ export default {
|
|||||||
var t = this;
|
var t = this;
|
||||||
this.page += 1;
|
this.page += 1;
|
||||||
this.axios
|
this.axios
|
||||||
.post("https://admin.lawpro.cn/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 => {
|
||||||
@ -77,11 +61,11 @@ export default {
|
|||||||
t.list = t.list.concat(res.data.data);
|
t.list = t.list.concat(res.data.data);
|
||||||
t.lock = false;
|
t.lock = false;
|
||||||
} else {
|
} else {
|
||||||
t.text = "暂无更多数据";
|
t.text = "暂无更多";
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
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({
|
||||||
@ -89,7 +73,7 @@ export default {
|
|||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
path: `/articledetail?id=` + e + `&userid=` + userid
|
path: `/articledetail?id=` + e+`&userid=`+userid
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -99,12 +83,10 @@ export default {
|
|||||||
heads
|
heads
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
document.title="Lawpro社区"
|
|
||||||
var t = this;
|
var t = this;
|
||||||
this.axios
|
this.axios
|
||||||
.post("https://admin.lawpro.cn/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);
|
||||||
@ -126,11 +108,12 @@ export default {
|
|||||||
t.text = "暂无数据";
|
t.text = "暂无数据";
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
window.console.log(this.wxcfg)
|
|
||||||
},
|
},
|
||||||
beforeRouteLeave(a, b, c) {
|
beforeRouteLeave(a,b,c){
|
||||||
window.$(window).scroll(() => {});
|
window.$(window).scroll(() => {
|
||||||
c();
|
|
||||||
|
});
|
||||||
|
c()
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
@ -7,7 +7,7 @@
|
|||||||
<p>+86</p>
|
<p>+86</p>
|
||||||
<img src="./assets/order.png" alt class="order" />
|
<img src="./assets/order.png" alt class="order" />
|
||||||
<div class="line"></div>
|
<div class="line"></div>
|
||||||
<input type="number" class="shuru" placeholder="输入手机号" v-model="tel" />
|
<input type="text" class="shuru" placeholder="输入手机号" v-model="tel" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="tel yzm">
|
<div class="tel yzm">
|
||||||
@ -76,7 +76,6 @@ export default {
|
|||||||
},
|
},
|
||||||
mounted(){
|
mounted(){
|
||||||
window.localStorage.setItem('token','')
|
window.localStorage.setItem('token','')
|
||||||
// alert(this.yzs)
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
open() {
|
open() {
|
||||||
@ -93,13 +92,11 @@ export default {
|
|||||||
yz() {
|
yz() {
|
||||||
let yz = "";
|
let yz = "";
|
||||||
|
|
||||||
if (this.tel != "" && (/^1[3456789]\d{9}$/.test(this.tel))) {
|
if (this.tel != "") {
|
||||||
if (this.yzs != "获取验证码") {
|
if (this.yzs != "获取验证码") {
|
||||||
return;
|
return;
|
||||||
} else {
|
} else {
|
||||||
let t = this;
|
let t = this;
|
||||||
t.yzs = t.miao + "秒";
|
|
||||||
t.miao = t.miao - 1;
|
|
||||||
let a = setInterval(() => {
|
let a = setInterval(() => {
|
||||||
t.yzs = t.miao + "秒";
|
t.yzs = t.miao + "秒";
|
||||||
t.miao = t.miao - 1;
|
t.miao = t.miao - 1;
|
||||||
@ -113,12 +110,11 @@ export default {
|
|||||||
window.console.log("aaaa");
|
window.console.log("aaaa");
|
||||||
var t = this;
|
var t = this;
|
||||||
this.axios
|
this.axios
|
||||||
.post("https://admin.lawpro.cn/api/Main/Verification", {
|
.post("http://lawpro.earnest.pro/api/Main/Verification", {
|
||||||
mobile: this.tel
|
mobile: this.tel
|
||||||
})
|
})
|
||||||
.then(function(res) {
|
.then(function(res) {
|
||||||
window.console.log(res.data.data);
|
window.console.log(res.data.data);
|
||||||
|
|
||||||
yz = res.data.data.yz;
|
yz = res.data.data.yz;
|
||||||
t.yztoken = yz;
|
t.yztoken = yz;
|
||||||
t.ifsign = res.data.data.register;
|
t.ifsign = res.data.data.register;
|
||||||
@ -127,7 +123,7 @@ export default {
|
|||||||
window.console.log(error);
|
window.console.log(error);
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
alert("请输入正确的手机号");
|
window.console.log("请输入正确的手机号");
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
sub() {
|
sub() {
|
||||||
@ -137,7 +133,7 @@ export default {
|
|||||||
if (t.ifsign) {
|
if (t.ifsign) {
|
||||||
if (t.tel && t.yzm) {
|
if (t.tel && t.yzm) {
|
||||||
this.axios
|
this.axios
|
||||||
.post("https://admin.lawpro.cn/api/Main/isVerification", {
|
.post("http://lawpro.earnest.pro/api/Main/isVerification", {
|
||||||
Verification: t.yzm,
|
Verification: t.yzm,
|
||||||
yz: this.yztoken,
|
yz: this.yztoken,
|
||||||
mobile: this.tel
|
mobile: this.tel
|
||||||
@ -145,7 +141,7 @@ export default {
|
|||||||
.then(res => {
|
.then(res => {
|
||||||
if (res.data.code == 200) {
|
if (res.data.code == 200) {
|
||||||
this.axios
|
this.axios
|
||||||
.post("https://admin.lawpro.cn/api/Main/sign", {
|
.post("http://lawpro.earnest.pro/api/Main/sign", {
|
||||||
yz: t.yztoken,
|
yz: t.yztoken,
|
||||||
Verification: t.yzm,
|
Verification: t.yzm,
|
||||||
mobile: this.tel
|
mobile: this.tel
|
||||||
@ -253,9 +249,8 @@ export default {
|
|||||||
background-color: white;
|
background-color: white;
|
||||||
margin: auto 0;
|
margin: auto 0;
|
||||||
color: #6b9147;
|
color: #6b9147;
|
||||||
font-size: 22px;
|
font-size: 24px;
|
||||||
line-height: 54px;
|
line-height: 54px;
|
||||||
white-space:nowrap;
|
|
||||||
}
|
}
|
||||||
.ale {
|
.ale {
|
||||||
height: 58px;
|
height: 58px;
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="login">
|
<div class="login">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<!-- <img src="./assets/quit.png" alt class="close" /> -->
|
<img src="./assets/quit.png" alt class="close" />
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="tel">
|
<!-- <div class="tel">
|
||||||
<p>+86</p>
|
<p>+86</p>
|
||||||
@ -18,15 +18,15 @@
|
|||||||
<!-- <button class="getyzm">发送验证码</button> -->
|
<!-- <button class="getyzm">发送验证码</button> -->
|
||||||
</div>
|
</div>
|
||||||
<div class="ale">
|
<div class="ale">
|
||||||
<!-- <p class="alert">未注册手机验证后自动登录</p> -->
|
<p class="alert">未注册手机验证后自动登录</p>
|
||||||
<!-- <p>注册即同意《隐私保护指引》</p> -->
|
<p>注册即同意《隐私保护指引》</p>
|
||||||
</div>
|
</div>
|
||||||
<button class="submit" @click="sub">登录</button>
|
<button class="submit" @click="sub">登录</button>
|
||||||
<div class="other">
|
<div class="other">
|
||||||
<!-- <p>密码登录</p> -->
|
<p>密码登录</p>
|
||||||
<!-- <p @click="open">需要帮助？</p> -->
|
<p @click="open">需要帮助？</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="ways">
|
<div class="ways">
|
||||||
<div class="top">
|
<div class="top">
|
||||||
<div class="line"></div>
|
<div class="line"></div>
|
||||||
<p class="text">社交帐号登录</p>
|
<p class="text">社交帐号登录</p>
|
||||||
@ -37,7 +37,7 @@
|
|||||||
<img src="./assets/weibo.png" alt class="icon" />
|
<img src="./assets/weibo.png" alt class="icon" />
|
||||||
<img src="./assets/qq.png" alt class="icon" />
|
<img src="./assets/qq.png" alt class="icon" />
|
||||||
</div>
|
</div>
|
||||||
</div> -->
|
</div>
|
||||||
<div class="tanchuangbox" v-if="ifshow">
|
<div class="tanchuangbox" v-if="ifshow">
|
||||||
<div class="tanchuang">
|
<div class="tanchuang">
|
||||||
<p class="desc desc1">找回密码</p>
|
<p class="desc desc1">找回密码</p>
|
||||||
@ -57,9 +57,6 @@ export default {
|
|||||||
pwd:""
|
pwd:""
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted(){
|
|
||||||
document.title = "登录"
|
|
||||||
},
|
|
||||||
methods: {
|
methods: {
|
||||||
open() {
|
open() {
|
||||||
this.ifshow=true
|
this.ifshow=true
|
||||||
@ -70,17 +67,11 @@ export default {
|
|||||||
|
|
||||||
sub(){
|
sub(){
|
||||||
let t=this;
|
let t=this;
|
||||||
this.axios.post("https://admin.lawpro.cn/api/Main/login",{uname:t.username,password:t.pwd}).then((res)=>{
|
this.axios.post("http://lawpro.earnest.pro/api/Main/login",{uname:t.username,password:t.pwd}).then((res)=>{
|
||||||
if(res.data.code == 200){
|
localStorage.setItem('token', res.data.data)
|
||||||
|
|
||||||
localStorage.setItem('token', res.data.data)
|
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
path: `/PersonalHomepage`,
|
path: `/index`,
|
||||||
})
|
})
|
||||||
}else{
|
|
||||||
alert("登录失败，请重试")
|
|
||||||
}
|
|
||||||
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -112,7 +103,6 @@ localStorage.setItem('token', res.data.data)
|
|||||||
display: flex;
|
display: flex;
|
||||||
border-bottom: 2px solid #dfdfdf;
|
border-bottom: 2px solid #dfdfdf;
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
padding: 10px 0;
|
|
||||||
.order {
|
.order {
|
||||||
width: 13px;
|
width: 13px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
@ -128,7 +118,7 @@ localStorage.setItem('token', res.data.data)
|
|||||||
}
|
}
|
||||||
.shuru {
|
.shuru {
|
||||||
width: 75%;
|
width: 75%;
|
||||||
height: 44px;
|
height: 74px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
margin: auto 0;
|
margin: auto 0;
|
||||||
|
|||||||
81
src/main.js
81
src/main.js
@ -1,92 +1,13 @@
|
|||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import App from './App.vue'
|
import App from './App.vue'
|
||||||
import router from "./router"
|
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';
|
import { Popup } from 'vant';
|
||||||
Vue.use(Popup);
|
Vue.use(Popup);
|
||||||
Vue.config.productionTip = false
|
Vue.config.productionTip = false
|
||||||
import axios from "axios"
|
import axios from "axios"
|
||||||
|
|
||||||
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
|
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
|
||||||
Vue.prototype.axios = axios
|
Vue.prototype.axios = axios
|
||||||
let el = new Vue({
|
new Vue({
|
||||||
render: h => h(App),
|
render: h => h(App),
|
||||||
router
|
router
|
||||||
}).$mount('#app')
|
}).$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));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
@ -7,7 +7,7 @@ import index from "./index"
|
|||||||
// import PersonalHomepage from "./PersonalHomepage"
|
// import PersonalHomepage from "./PersonalHomepage"
|
||||||
import ManualAppeal from "./ManualAppeal"
|
import ManualAppeal from "./ManualAppeal"
|
||||||
import IndexArticleDetail from "./IndexArticleDetail"
|
import IndexArticleDetail from "./IndexArticleDetail"
|
||||||
// import login from "./login"
|
import login from "./login"
|
||||||
import loginpwd from "./loginpwd"
|
import loginpwd from "./loginpwd"
|
||||||
import indexfind from "./IndexFind"
|
import indexfind from "./IndexFind"
|
||||||
import IndexReport from "./IndexReport"
|
import IndexReport from "./IndexReport"
|
||||||
@ -16,10 +16,9 @@ import IndexReport2 from "./IndexReport2"
|
|||||||
import Answer from "./Answer"
|
import Answer from "./Answer"
|
||||||
import sign from "./sign"
|
import sign from "./sign"
|
||||||
import ArticleDetail from "./articledetail.vue"
|
import ArticleDetail from "./articledetail.vue"
|
||||||
import detaillurl from "./detaillurl"
|
|
||||||
Vue.use(Router)
|
Vue.use(Router)
|
||||||
const router=new Router({
|
const router=new Router({
|
||||||
mode:"history",
|
mode:'hash',
|
||||||
routes: [
|
routes: [
|
||||||
{
|
{
|
||||||
path: '/articledetail',
|
path: '/articledetail',
|
||||||
@ -51,11 +50,11 @@ const router=new Router({
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/login',
|
path: '/login',
|
||||||
component: loginpwd
|
component: login
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/',
|
path: '/',
|
||||||
component: index,
|
component: index
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: '/IndexArticleDetaill',
|
path: '/IndexArticleDetaill',
|
||||||
@ -73,22 +72,8 @@ const router=new Router({
|
|||||||
{
|
{
|
||||||
path: '/Answer',
|
path: '/Answer',
|
||||||
component: 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;
|
export default router;
|
||||||
|
|||||||
10
src/sign.vue
10
src/sign.vue
@ -44,16 +44,8 @@ export default {
|
|||||||
sign(){
|
sign(){
|
||||||
let t=this;
|
let t=this;
|
||||||
window.console.log(t. $route.query.yztoken,t.$route.query.yzm)
|
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)
|
localStorage.setItem('token', res.data.data)
|
||||||
}).then((res)=>{
|
|
||||||
if(res.data.code == 200){
|
|
||||||
this.$router({
|
|
||||||
path:"/"
|
|
||||||
})
|
|
||||||
}else{
|
|
||||||
alert(this.data.msg)
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
13
yarn.lock
13
yarn.lock
@ -5561,10 +5561,10 @@ node-releases@^1.1.40:
|
|||||||
dependencies:
|
dependencies:
|
||||||
semver "^6.3.0"
|
semver "^6.3.0"
|
||||||
|
|
||||||
node-sass@^4.13.1:
|
node-sass@^4.13.0:
|
||||||
version "4.13.1"
|
version "4.13.0"
|
||||||
resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.13.1.tgz#9db5689696bb2eec2c32b98bfea4c7a2e992d0a3"
|
resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.13.0.tgz#b647288babdd6a1cb726de4545516b31f90da066"
|
||||||
integrity sha512-TTWFx+ZhyDx1Biiez2nB0L3YrCZ/8oHagaDalbuBSlqXgUPsdkUSzJsVxeDO9LtPB49+Fh3WQl3slABo6AotNw==
|
integrity sha512-W1XBrvoJ1dy7VsvTAS5q1V45lREbTlZQqFbiHb3R3OTTCma0XBtuG6xZ6Z4506nR4lmHPTqVRwxT6KgtWC97CA==
|
||||||
dependencies:
|
dependencies:
|
||||||
async-foreach "^0.1.3"
|
async-foreach "^0.1.3"
|
||||||
chalk "^1.1.1"
|
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"
|
resolved "https://registry.npm.taobao.org/websocket-extensions/download/websocket-extensions-0.1.3.tgz#5d2ff22977003ec687a4b87073dfbbac146ccf29"
|
||||||
integrity sha1-XS/yKXcAPsaHpLhwc9+7rBRszyk=
|
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:
|
which-module@^1.0.0:
|
||||||
version "1.0.0"
|
version "1.0.0"
|
||||||
resolved "https://registry.yarnpkg.com/which-module/-/which-module-1.0.0.tgz#bba63ca861948994ff307736089e3b96026c2a4f"
|
resolved "https://registry.yarnpkg.com/which-module/-/which-module-1.0.0.tgz#bba63ca861948994ff307736089e3b96026c2a4f"
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user