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

Compare commits

base: theluyuan:xuebaoxin
Branches Tags
theluyuan:master
theluyuan:xuebaoxin
theluyuan:zhengjie
..
compare: theluyuan:master
Branches Tags
theluyuan:xuebaoxin
theluyuan:master
theluyuan:zhengjie

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

36 changed files with 412 additions and 1327 deletions
Show Stats Expand all files Collapse all files

BIN
dist.zip Normal file
View File

Binary file not shown.

5
package.json
View File

@ -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",

27
public/index.html
View File

@ -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
View File

@ -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
========================================================================== */ ========================================================================== */

98
src/IndexArticleDetail.vue
View File

@ -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
@ -240,13 +199,13 @@ window.$(window).scrollTop(window.$(window).scrollTop)
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;

210
src/IndexFind.vue
View File

@ -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
}; };
} }
}; };

412
src/PersonalHomepage.vue
View File

@ -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
.post("https://admin.lawpro.cn/api/login_main/getCollectList", {
token: localStorage.getItem("token"),
page: this.page
})
.then(res => {
this.lock = false;
if (types != this.types) window.console.log(res); })
if (res.data.code == 200) { },
// if(res.data.data.length == 0){ getlists(){
if(this.lock){
return ;
}
this.lock = true
this.page += 1
this.axios.post("http://lawpro.earnest.pro/api/login_main/getUserListDetails",{
token:localStorage.getItem("token"),
page:this.page
}).then((res)=>{
window.console.log(res)
if(res.data.code == 200){
if(res.data.data.length == 0){
// alert(1)
// return ; return ;
// } }
// alert(1) this.dynamiclist = this.dynamiclist.concat(res.data.data)
window.console.log(this.page, 299); this.lock = false
}
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>

150
src/articledetail.vue
View File

@ -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;

BIN
src/assets/collect.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 255 B

BIN
src/assets/collects.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 278 B

BIN
src/assets/home.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.2 KiB

1
src/assets/jweixin-1.6.0.js
View File

File diff suppressed because one or more lines are too long

BIN
src/assets/like.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 230 B

BIN
src/assets/likes.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 247 B

BIN
src/assets/login.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.9 KiB

BIN
src/assets/logo1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 132 KiB

After

Width:  |  Height:  |  Size: 7.4 KiB

118
src/components/IndexList.vue
View File

@ -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,7 +130,7 @@ 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;
@ -166,9 +138,10 @@ overflow:hidden;
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>

24
src/components/PersonafFollow.vue
View File

@ -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>

4
src/components/PersonafFollows.vue
View File

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

20
src/components/PersonalAnswer.vue
View File

@ -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>

94
src/components/indexFollow.vue
View File

@ -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() {

95
src/components/indexFollow1.vue
View File

@ -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>

19
src/components/indexarticle.vue
View File

@ -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>

112
src/components/indexfindall.vue
View File

@ -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
src/components/indexfindtab.vue
View File

@ -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>

2
src/components/indexfinduser.vue
View File

@ -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>

58
src/components/indexhead.vue
View File

@ -4,21 +4,18 @@
<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 />
@ -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;
} }

18
src/components/indexprivate.vue
View File

@ -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>

22
src/detaillurl.vue
View File

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

49
src/index.vue
View File

@ -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>

19
src/login.vue
View File

@ -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;

32
src/loginpwd.vue
View File

@ -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
View File

@ -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));
}
});
});
})
}
})

23
src/router.js
View File

@ -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
View File

@ -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
View File

@ -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"