diff --git a/src/IndexArticleDetail.vue b/src/IndexArticleDetail.vue index 0bf3030..e9bfa1f 100644 --- a/src/IndexArticleDetail.vue +++ b/src/IndexArticleDetail.vue @@ -2,67 +2,67 @@
-

有哪些击中你内心阴暗处的句子？

-
- -
- +

{{list.data.title}}

+
+
+ +
+ +

相关推荐

- - + + - +

热门推荐

- - - + + + + +
-

389条评论

+

{{plist.length}}条评论

切换为时间排序

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + +
-

发布

-
+

发布

+
+ +
@@ -72,32 +72,90 @@ import follow from "./components/indexFollow"; import privates from "./components/indexprivate"; import articles from "./components/indexarticle"; -import privatets from "./components/indexprivatet"; +// import privatets from "./components/indexprivatet"; import heads from "./components/indexhead"; import comment from "./components/indexcomment"; -import Emotion from './components/Emotion/index' +import Emotion from "./components/Emotion/index"; export default { name: "IndexArticleDetail", data() { return { show: false, - content:"", - biaoqing:false + content: "", + biaoqing: false, + list: {}, + huida: [], + plist:[], + pid:0 }; }, components: { follow, privates, articles, - privatets, + // privatets, heads, comment, Emotion }, - methods:{ - handleEmotion (i) { - this.content += i + methods: { + pfb(){ + window.console.log(this.content) + this.axios.post("http://lawpro.earnest.pro/api/login_main/appendComment",{ + text:this.content, + token:localStorage.getItem('token'), + type_id:this.pid, + type:3 + }).then((res)=>{ + if(res.data.code == 200){ +this.pinglu(this.pid); + + this.content = "" + } + + }) }, + handleEmotion(i) { + this.content += i; + }, + pinglu(id) { + this.pid= id + this.axios + .post("http://lawpro.earnest.pro/api/login_main/CommentList", { + token: localStorage.getItem("token"), + type: 2, + type_id: id + }) + .then(res => { + window.console.log(res) + this.plist = res.data.data.data + // this.list = res.data.data; + this.show = true + }); + } + }, + mounted() { + this.axios + .post("http://lawpro.earnest.pro/api/login_main/mainDetails", { + token: localStorage.getItem("token"), + type: 2, + id: 17 + }) + .then(res => { + // window.console.log(res) + this.list = res.data.data; + }); + this.axios + .post("http://lawpro.earnest.pro/api/login_main/answerList", { + token: localStorage.getItem("token"), + page: 1, + article_id: 17 + }) + .then(res => { + window.console.log(res); + this.huida = res.data.data; + // this.list= res.data.data + }); } }; @@ -167,12 +225,12 @@ export default { background-color: #fff; display: flex; align-items: center; - >img{ + > img { width: 33px; height: 33px; - margin-left: 30px + margin-left: 30px; } - >textarea{ + > textarea { margin-left: 21px; border: none; font-size: 30px; @@ -181,12 +239,12 @@ export default { // word-break: break-all; // text-align: center; } - >p{ + > p { margin-left: 30px; font-size: 30px; - color: #6B9147; + color: #6b9147; } - >div{ + > div { position: absolute; bottom: 98px; background-color: #fff; @@ -200,12 +258,14 @@ export default { background-color: #f6f6f6; } .question { - height: 1rem; + // height: 1rem; width: 100%; color: #333333; font-size: 0.36rem; text-indent: 0.3rem; - line-height: 1rem; + line-height: 0.5rem; + padding: 0.25rem; + box-sizing: border-box; font-weight: 500; } .title { diff --git a/src/components/indexFollow.vue b/src/components/indexFollow.vue index 9380e9c..86ea3f9 100644 --- a/src/components/indexFollow.vue +++ b/src/components/indexFollow.vue @@ -2,26 +2,26 @@
- +
-

啦啦啦

-

律师

+

{{nickname}}

+

{{role}}

-
1345人赞同了该回答
+
{{num}}人赞同了该回答
+
- -

这取决于司法是否独立。舆论能影响司法判决结果的，只能说明司法肯定不仅仅收到舆论的影响，还会收到同样的来自其他多方面的强力的影响。这种情况只能说明这取决于司法是否独立。舆论能影响司法判决结果的，只能说明司法肯定不仅仅收到舆论的影响，还会收到同样的来自其他多方面的强力的影响。这种情况只能说明这取决于司法是否独立。舆论能影响司法判决结果的，只能说明司法肯定不仅仅收到舆论的影响，还会收到同样的来自其他多方面的强力的影响。这种情况只能说明这取决于司法是否独立。舆论能影响司法判决结果的，只能说明司法肯定不仅仅收到舆论的影响，还会收到同样的来自其他多方面的强力的影响。这种情况只能说明这取决于司法是否独立。舆论能影响司法判决结果的，只能说明司法肯定不仅仅收到舆论的影响，还会收到同样的来自其他多方面的强力的影响。这种情况只能说明这取决于司法是否独立。舆论能影响司法判决结果的，只能说明司法肯定不仅仅收到舆论的影响，还会收到同样的来自其他多方面的强力的影响。这种情况只能说明

-
展开阅读全文
+
+
展开阅读全文
分享
-
+
- 888评论 + {{comment}}评论
收起
@@ -76,21 +76,21 @@ } .content { position: relative; - + line-height: 40px; + font-size: 26px; overflow: hidden; - > img { - width: 690px; - height: 374px; - background-color: #000; + img { + max-width: 690px; + // height: 374px; + // background-color: #000; display: block; margin-top: 39px; margin-bottom: 32px; } - > p { - line-height: 40px; - font-size: 26px; - } - > div { + // p { + + // } + .gengduo { position: absolute; width: 750px; height: 45px; @@ -131,13 +131,20 @@ export default { data() { return { show: false, - lang:true + lang: true }; }, props: { indexs: { default: 0 - } + }, + userimg: {}, + nickname: {}, + role: {}, + num: {}, + comment: {}, + text: {}, + sid:{} }, methods: { @@ -150,11 +157,14 @@ export default { var a = window.document.getElementsByClassName("content")[this.indexs]; a.style.setProperty("max-height", "6.1rem", "important"); this.show = true; + }, + pinglun(){ + this.$emit("pinglu",this.sid) } }, mounted() { this.$nextTick(() => { - window.console.log(122) + window.console.log(122); var a = window.document.getElementsByClassName("content")[this.indexs]; var rem = parseFloat( @@ -163,8 +173,8 @@ export default { window.console.log(a.offsetHeight, 5.9 * rem); if (a.offsetHeight > 5.9 * rem) { this.show = true; - }else{ - this.lang=false + } else { + this.lang = false; } }); } diff --git a/src/components/indexarticle.vue b/src/components/indexarticle.vue index 3e31872..14dae1c 100644 --- a/src/components/indexarticle.vue +++ b/src/components/indexarticle.vue @@ -1,11 +1,11 @@ \ No newline at end of file diff --git a/src/components/indexprivate.vue b/src/components/indexprivate.vue index 4129406..359d50e 100644 --- a/src/components/indexprivate.vue +++ b/src/components/indexprivate.vue @@ -1,9 +1,9 @@ @@ -32,6 +32,7 @@ .author { color: #999999; font-size: 0.22rem; + height: 0.02rem; margin: 0 auto; margin-top: 0.14rem; margin-bottom: 0.35rem; @@ -60,6 +61,7 @@ export default { return { } - } + }, + props:['title'] }; \ No newline at end of file