Commit c504a05d by yanju

优化评论卡片, 优化粉丝卡片,优化项目卡片 ,优化详情页

parent d42027d2
......@@ -47,9 +47,8 @@
myPath(){
if(!this.userId){
return ''
}else if(this.userId===this.$store.state.userProfile.userId){
return '/personal-center/home/project'
}else{
}
else{
return '/u/'+this.userId+'/project'
}
}
......
......@@ -4,22 +4,23 @@
<div class="comment-card__wrap">
<div class="comment-card1" v-if="type!=='dynamic'">
<div class="comment-card1__l">
<yun-avatar :src="info.userAvatar"></yun-avatar>
<yun-avatar :userId="info.userId" :src="info.userAvatar"></yun-avatar>
<p class="abs1" v-if="info.replyStatus===1||solved===true">已采纳</p>
<p class="abs2" @click="dataPostToSolve" v-if="info.replyStatus===0&&questionUser===$store.state.userProfile.userId">采纳</p>
</div>
<div class="comment-card1__r">
<div class="header">
<h6>{{info.userNick}}</h6>
<p>{{floor}}</p>
<!-- <p>{{floor}}</p>-->
</div>
<p class="comment-box" v-if="type!=='question'">{{info.comment}}</p>
<p class="comment-box" v-if="type==='question'">{{info.reply}}</p>
<div class="footer">
<h6>{{dateConvert2}}</h6>
<p>
<span v-if="totalRecords" @click="showCommentInput=!showCommentInput">回复({{totalRecords}})</span>
<span @click="showCommentInput=!showCommentInput">回复</span>
<span>{{likeNum}}</span>
<!-- <span>{{likeNum}}</span>-->
<span @click="dataDeleteComment" v-if="this.info.userId ===$store.state.userProfile.userId">删除</span>
</p>
</div>
......@@ -38,22 +39,23 @@
</div>
<div class="comment-card1-dynamic" v-if="type==='dynamic'">
<div class="comment-card1__l">
<yun-avatar :src="info.userAvatar"></yun-avatar>
<yun-avatar :userId="info.userId" :src="info.userAvatar"></yun-avatar>
<p class="abs1" v-if="info.replyStatus===1||solved===true">已采纳</p>
<p class="abs2" @click="dataPostToSolve" v-if="info.replyStatus===0&&questionUser===$store.state.userProfile.userId">采纳</p>
</div>
<div class="comment-card1__r">
<div class="header">
<h6>{{info.userNick}}</h6>
<p>{{floor}}</p>
<!-- <p>{{floor}}</p>-->
</div>
<p class="comment-box" v-if="type!=='question'">{{info.comment}}</p>
<p class="comment-box" v-if="type==='question'">{{info.reply}}</p>
<div class="footer">
<h6>{{dateConvert2}}</h6>
<p>
<span v-if="totalRecords" @click="showCommentInput=!showCommentInput">回复({{totalRecords}})</span>
<span @click="showCommentInput=!showCommentInput">回复</span>
<span>{{likeNum}}</span>
<!-- <span>{{likeNum}}</span>-->
<span @click="dataDeleteComment" v-if="this.info.userId ===$store.state.userProfile.userId">删除</span>
</p>
</div>
......@@ -227,12 +229,14 @@
if(this.currentPage===1){
this.commentList = response.data.dataList;
this.pages = response.data.totalPage;
this.totalRecords = response.data.totalRecords;
}else{
let list = response.data.dataList;
for(let i = 0;i<list.length;i++){
this.commentList.push(list[i]);
}
this.pages = response.data.totalPage;
this.totalRecords = response.data.totalRecords;
}
}
})
......
......@@ -2,19 +2,20 @@
<div>
<div class="comment-card2" v-if="type!=='dynamic'">
<div class="comment-card2__l">
<yun-avatar :src="info.userAvatar"></yun-avatar>
<yun-avatar :userId="info.userId" :src="info.userAvatar"></yun-avatar>
</div>
<div class="comment-card2__r">
<div class="header">
<h6>{{info.userNick}}</h6>
<p>{{floor}}</p>
<!-- <p>{{floor}}</p>-->
</div>
<p class="comment-box">{{info.comment}}</p>
<div class="footer">
<h6>{{dateConvert2}}</h6>
<p>
<span v-if="totalRecords" @click="showCommentInput=!showCommentInput">回复({{totalRecords}})</span>
<span @click="showCommentInput=!showCommentInput">回复</span>
<span>{{likeNum}}</span>
<!-- <span>{{likeNum}}</span>-->
<span @click="dataDeleteComment" v-if="this.info.userId ===$store.state.userProfile.userId">删除</span>
</p>
......@@ -35,19 +36,20 @@
</div>
<div class="comment-card2-dynamic" v-if="type==='dynamic'">
<div class="comment-card2__l">
<yun-avatar :src="info.userAvatar"></yun-avatar>
<yun-avatar :userId="info.userId" :src="info.userAvatar"></yun-avatar>
</div>
<div class="comment-card2__r">
<div class="header">
<h6>{{info.userNick}}</h6>
<p>{{floor}}</p>
<!-- <p>{{floor}}</p>-->
</div>
<p class="comment-box">{{info.comment}}</p>
<div class="footer">
<h6>{{dateConvert2}}</h6>
<p>
<span v-if="totalRecords" @click="showCommentInput=!showCommentInput">回复({{totalRecords}})</span>
<span @click="showCommentInput=!showCommentInput">回复</span>
<span>{{likeNum}}</span>
<!-- <span>{{likeNum}}</span>-->
<span @click="dataDeleteComment" v-if="this.info.userId ===$store.state.userProfile.userId">删除</span>
</p>
</div>
......@@ -219,12 +221,14 @@
if(this.currentPage===1){
this.commentList = response.data.dataList;
this.pages = response.data.totalPage;
this.totalRecords = response.data.totalRecords;
}else{
let list = response.data.dataList;
for(let i = 0;i<list.length;i++){
this.commentList.push(list[i]);
}
this.pages = response.data.totalPage;
this.totalRecords = response.data.totalRecords;
}
}
})
......
......@@ -2,19 +2,19 @@
<div>
<div class="comment-card3" v-if="type!=='dynamic'">
<div class="comment-card3__l">
<yun-avatar :src="info.userAvatar"></yun-avatar>
<yun-avatar :userId="info.userId" :src="info.userAvatar"></yun-avatar>
</div>
<div class="comment-card3__r">
<div class="header">
<h6>{{info.userNick}}</h6>
<p>{{floor}}</p>
<!-- <p>{{floor}}</p>-->
</div>
<p class="comment-box" >{{info.comment}}</p>
<div class="footer">
<h6>{{dateConvert2}}</h6>
<p>
<!--<span>回复</span>-->
<span>{{likeNum}}</span>
<!-- <span>{{likeNum}}</span>-->
<span @click="dataDeleteComment" v-if="this.info.userId ===$store.state.userProfile.userId">删除</span>
</p>
......@@ -24,19 +24,19 @@
</div>
<div class="comment-card3-dynamic" v-if="type==='dynamic'">
<div class="comment-card3__l">
<yun-avatar :src="info.userAvatar"></yun-avatar>
<yun-avatar :userId="info.userId" :src="info.userAvatar"></yun-avatar>
</div>
<div class="comment-card3__r">
<div class="header">
<h6>{{info.userNick}}</h6>
<p>{{floor}}</p>
<!-- <p>{{floor}}</p>-->
</div>
<p class="comment-box" >{{info.comment}}</p>
<div class="footer">
<h6>{{dateConvert2}}</h6>
<p>
<!--<span>回复</span>-->
<span>{{likeNum}}</span>
<!-- <span>{{likeNum}}</span>-->
<span @click="dataDeleteComment" v-if="this.info.userId ===$store.state.userProfile.userId">删除</span>
</p>
......
......@@ -10,16 +10,16 @@
<p class="left">
<span v-if="type!=='question'">全部评论</span>
<span v-if="type=='question'">全部回答</span>
<span>9</span>
<span>{{totalRecords}}</span>
</p>
<div class="right">
<p>最新</p>
<p>楼层</p>
<p>点赞</p>
<!-- <p>楼层</p>-->
<!-- <p>点赞</p>-->
</div>
</div>
</div>
<card :questionUser="questionUser" @listenCommentReget1="dataGetComment" :type="type" :id="id" v-for="(val,index) in commentList" :key="val.commentId||val.replyId" :info="val"></card>
<card :style="{marginTop:type==='question'?'16px':'0'}" :questionUser="questionUser" @listenCommentReget1="dataGetComment" :type="type" :id="id" v-for="(val,index) in commentList" :key="val.commentId||val.replyId" :info="val"></card>
<p class="comment-more" @click="clickToGetMore" v-if="currentPage<pages" :style="type==='dynamic'?{width:'816px'}:''">查看更多</p>
<p class="comment-more" v-if="commentList.length===0" :style="type==='dynamic'?{width:'816px'}:''">暂无评论</p>
</div>
......@@ -152,12 +152,15 @@
if(this.currentPage===1){
this.commentList = response.data.dataList;
this.pages = response.data.totalPage;
this.totalRecords = response.data.totalRecords;
}else{
let list = response.data.dataList;
for(let i = 0;i<list.length;i++){
this.commentList.push(list[i]);
}
this.pages = response.data.totalPage;
this.totalRecords = response.data.totalRecords;
}
}
})
......
......@@ -7,7 +7,7 @@
</div>
<div class="left__content">
<div class="content-name">
<span>{{userNick}}</span>
<span @click="changeRoute('/project')">{{userNick}}</span>
<yun-icon name="sex_man" size="12px" color="#00AAE6" pb="6px" v-if="gender===1"></yun-icon>
<yun-icon name="sex_woman" size="12px" color="#00AAE6" pb="6px" v-if="gender===2"></yun-icon>
</div>
......@@ -239,7 +239,6 @@ export default {
padding: 21*$length 24*$length;
box-sizing: border-box;
border-bottom: 1px dashed #EFEFEF;
@extend %cursorPointer;
@extend %flex-row-spb;
align-items: start;
.fan-card__left{
......@@ -254,12 +253,15 @@ export default {
.left__content{
text-align: left;
.content-name{
@extend %cursorPointer;
margin-bottom: 7*$length;
> span{
@include fontStyle(14,14,500,#2F2F2F,left);
}
}
.content-label{
@extend %cursorPointer;
margin-bottom: 8*$length;
@include fontStyle(12,17,500,#999,left);
> div{
......
......@@ -55,7 +55,8 @@
if (this.$route.query.type) {
this.isBlue = this.$route.query.type===this.labelId;
} else {
this.isBlue = this.$route.path.indexOf(this.navAddress) !== -1 &&(this.$route.path.indexOf('personal-center') === -1||this.$route.path.indexOf('search') === -1);
this.isBlue = this.$route.path.indexOf(this.navAddress) !== -1 &&(this.$route.path.indexOf('personal-center') !== -1||this.$route.path.indexOf('search') !== -1);
}
}
},
......
......@@ -6,14 +6,14 @@
<div class="project-card__left">
<div class="project-card__header">
<p class="title">{{cardName}}</p>
<div class="icon-box">
<p class="icon1">
<div class="icon-box" >
<p class="icon1" v-if="cardView>=20">
<yun-icon name="hot" size="12px" color="#fff"></yun-icon>
</p>
<p class="icon2">
<yun-icon name="like2" size="12px" color="#fff"></yun-icon>
</p>
<!-- <p class="icon2">-->
<!-- <yun-icon name="like2" size="12px" color="#fff"></yun-icon>-->
<!-- </p>-->
</div>
<div class="label-box" v-if="cardType===1">
<p v-for="(val,index) in cardTags" :key="val.tagId">{{val.tagName}}</p>
......@@ -29,14 +29,14 @@
{{cardUser}}<span>·</span>{{cardTime}}
</p>
<div class="info-right">
<div class="icon-box" v-if="cardStar">
<yun-icon name="star" size="12px" vertical="top" color="#ccc"></yun-icon>
<span>{{cardStar}}</span>
</div>
<div class="icon-box" v-if="cardLike">
<yun-icon name="like1" size="12px" vertical="top" color="#ccc"></yun-icon>
<span>{{cardLike}}</span>
</div>
<!-- <div class="icon-box" v-if="cardStar">-->
<!-- <yun-icon name="star" size="12px" vertical="top" color="#ccc"></yun-icon>-->
<!-- <span>{{cardStar}}</span>-->
<!-- </div>-->
<!-- <div class="icon-box" v-if="cardLike">-->
<!-- <yun-icon name="like1" size="12px" vertical="top" color="#ccc"></yun-icon>-->
<!-- <span>{{cardLike}}</span>-->
<!-- </div>-->
<div class="icon-box" v-if="cardView">
<yun-icon name="view" size="12px" vertical="top" color="#ccc"></yun-icon>
<span>{{cardView}}</span>
......@@ -124,6 +124,7 @@
this.src = info.cover;
this.cardTags = info.tags;
this.cardTime = dateConvert(info.createTime);
this.cardView = info.viewNumber;
this.cardUser = info.userNick;
this.cardType = 2;
}
......@@ -132,6 +133,8 @@
this.cardIntro = info.projectDescription;
this.cardId = info.projectId;
this.src = info.cover;
this.cardView = info.viewNumber;
this.cardTags = info.tags;
this.cardTime = dateConvert(info.createTime);
this.cardUser = info.author;
......@@ -141,6 +144,7 @@
this.cardName = info.title;
this.cardIntro = info.subTitle;
this.cardId = info.contentId;
this.cardView = info.viewNumber;
this.src = info.cover;
this.cardTime = dateConvert(info.createTime);
this.cardUser = info.author;
......@@ -151,6 +155,7 @@
this.cardIntro = info.description;
this.cardId = info.itemId;
this.src = info.cover;
this.cardView = info.viewNumber;
this.cardTime = dateConvert(info.createTime);
this.cardUser = info.author;
this.cardType = 2;
......@@ -160,6 +165,7 @@
this.cardIntro = info.description;
this.cardId = info.itemId;
this.src = info.cover;
this.cardView = info.viewNumber;
this.cardTime = dateConvert(info.createTime);
this.cardUser = info.author;
this.cardType = 1;
......@@ -223,6 +229,9 @@
this.$router.push('/blog/detail/'+r);
}
if(this.cardType===3){
this.$router.push('/news/detail/'+r);
}
}
......
......@@ -87,7 +87,7 @@
</div>
<div class="footer-item3" @click="showCommentCon=!showCommentCon">
<yun-icon name="comment" size="12px" ></yun-icon>
<p class="comment">评论</p>
<p class="comment">评论({{commentNumber}})</p>
</div>
<div class="footer-item4">
<yun-icon name="like1" size="12px" ></yun-icon>
......@@ -97,7 +97,7 @@
</div>
<transition name="fade" >
<comment-con v-if="showCommentCon" :id="postId" type="dynamic"></comment-con>
<comment-con style="margin-top: -16px" v-if="showCommentCon" :id="postId" type="dynamic"></comment-con>
</transition>
</div>
</transition>
......@@ -262,6 +262,7 @@
this.userNick = info.userNick;
this.userAvatar = info.userAvatar;
this.followedAuthor = info.followedAuthor;
this.commentNumber = info.commentNumber;
}
},
dateDeleteCard(id){
......
......@@ -8,13 +8,13 @@
<div class="infos">
<div class="info-left">
<div class="icon-box">
<p class="icon">
<p class="icon" v-if="articleDetail.viewNumber>20">
<yun-icon name="hot" size="12px" color="#fff"></yun-icon>
</p>
<p class="icon">
<yun-icon name="like2" size="12px" color="#fff"></yun-icon>
</p>
<!-- <p class="icon">-->
<!-- <yun-icon name="like2" size="12px" color="#fff"></yun-icon>-->
<!-- </p>-->
</div>
<div class="label-box">
<p v-for="(val,index) in articleDetail.tags" :key="val.tagId">{{val.tagName}}</p>
......@@ -25,14 +25,14 @@
{{articleDetail.userNick}}<span>·</span>{{dataConvert2(articleDetail.createTime)}}
</p>
<div class="right">
<div class="icon-box">
<yun-icon name="star" size="12px" pb="7px" color="#ccc"></yun-icon>
<span>4</span>
</div>
<div class="icon-box">
<yun-icon name="like1" size="12px" pb="7px" color="#ccc"></yun-icon>
<span>4</span>
</div>
<!-- <div class="icon-box">-->
<!-- <yun-icon name="star" size="12px" pb="7px" color="#ccc"></yun-icon>-->
<!-- <span>4</span>-->
<!-- </div>-->
<!-- <div class="icon-box">-->
<!-- <yun-icon name="like1" size="12px" pb="7px" color="#ccc"></yun-icon>-->
<!-- <span>4</span>-->
<!-- </div>-->
<div class="icon-box">
<yun-icon name="view" size="12px" pb="7px" color="#ccc"></yun-icon>
<span>{{articleDetail.viewNumber}}</span>
......@@ -46,14 +46,15 @@
<div class="article__content" v-html="articleDetail.contentHtml">
</div>
<div class="article__like">
<yun-icon name="like_egg" class="egg"></yun-icon>
<yun-icon name="like1" class="heart"></yun-icon>
<p class="num">122</p>
</div>
<!-- <div class="article__like">-->
<!-- <yun-icon name="like_egg" class="egg"></yun-icon>-->
<!-- <yun-icon name="like1" class="heart"></yun-icon>-->
<!-- <p class="num">122</p>-->
<!-- </div>-->
<div class="article__footer">
<p class="link" v-if="false">原文链接:<a target="_blank" :href="articleDetail.originLink"> <span>{{articleDetail.originLink}}</span></a></p>
<p class="report">举报</p>
<p></p>
<p class="report" @click="$router.push({path:'/web/report',query:{type:'question',id:articleDetail.questionId}})">举报</p>
<div class="project" v-if="false">
<p>
<yun-icon name="home" size="12px" style="margin-right: 5px"></yun-icon>项目首页
......
......@@ -9,13 +9,13 @@
<div class="infos">
<div class="info-left">
<div class="icon-box">
<p class="icon">
<p class="icon" v-if="articleDetail.viewNumber>20">
<yun-icon name="hot" size="12px" color="#fff"></yun-icon>
</p>
<p class="icon">
<yun-icon name="like2" size="12px" color="#fff"></yun-icon>
</p>
<!-- <p class="icon">-->
<!-- <yun-icon name="like2" size="12px" color="#fff"></yun-icon>-->
<!-- </p>-->
</div>
<div class="label-box">
<p v-for="(val,index) in articleDetail.tags" :key="val.tagId">{{val.tagName}}</p>
......@@ -26,14 +26,14 @@
{{articleDetail.userNick}}<span>·</span>{{dataConvert2(articleDetail.createTime)}}
</p>
<div class="right">
<div class="icon-box">
<yun-icon name="star" size="12px" pb="7px" color="#ccc"></yun-icon>
<span>4</span>
</div>
<div class="icon-box">
<yun-icon name="like1" size="12px" pb="7px" color="#ccc"></yun-icon>
<span>4</span>
</div>
<!-- <div class="icon-box">-->
<!-- <yun-icon name="star" size="12px" pb="7px" color="#ccc"></yun-icon>-->
<!-- <span>4</span>-->
<!-- </div>-->
<!-- <div class="icon-box">-->
<!-- <yun-icon name="like1" size="12px" pb="7px" color="#ccc"></yun-icon>-->
<!-- <span>4</span>-->
<!-- </div>-->
<div class="icon-box">
<yun-icon name="view" size="12px" pb="7px" color="#ccc"></yun-icon>
<span>{{articleDetail.viewNumber}}</span>
......@@ -47,14 +47,15 @@
<div class="article__content" v-html="articleDetail.contentHtml">
</div>
<div class="article__like">
<yun-icon name="like_egg" class="egg"></yun-icon>
<yun-icon name="like1" class="heart"></yun-icon>
<p class="num">122</p>
</div>
<!-- <div class="article__like">-->
<!-- <yun-icon name="like_egg" class="egg"></yun-icon>-->
<!-- <yun-icon name="like1" class="heart"></yun-icon>-->
<!-- <p class="num">122</p>-->
<!-- </div>-->
<div class="article__footer">
<p class="link">原文链接:<a target="_blank" :href="articleDetail.originLink"> <span>{{articleDetail.originLink}}</span></a></p>
<p class="report">举报</p>
<!-- <p class="link">原文链接:<a target="_blank" :href="articleDetail.originLink"> <span>{{articleDetail.originLink}}</span></a></p>-->
<p></p>
<p class="report" @click="$router.push({path:'/web/report',query:{type:'blog',id:articleDetail.blogId}})">举报</p>
<div class="project" v-if="false">
<p>
<yun-icon name="home" size="12px" style="margin-right: 5px"></yun-icon>项目首页
......
......@@ -144,7 +144,6 @@ export default {
}
});
const blogClassRes = await $axios.$get(config.api.get.BlogCategory.list);
console.log(blogClassRes);
let classList = [];
blogClassRes.data.forEach(item => {
classList.push({
......@@ -167,7 +166,6 @@ export default {
}
},
mounted() {
console.log(this.$refs.content);
if (this.$route.query.id) {
this.blogTitle = this.detailContent.blogTitle;
this.originLink = this.detailContent.originLink;
......@@ -249,7 +247,6 @@ export default {
},
methods: {
preview() {
console.log(32);
this.$nextTick(() => {
// this.$refs.content.readmodel();
})
......@@ -263,7 +260,6 @@ export default {
},
handleQuestionClass(value) {
this.class = value;
console.log(value);
},
// 获得得标签数组
handleTagList(tagList) {
......@@ -284,7 +280,6 @@ export default {
return false
}
let imgResponse = await this.$axios.$post(config.api.post.Resource.file, formData);
console.log(imgResponse);
if (imgResponse.code === 0) {
this.cover = imgResponse.data;//图片地址
this.$message({
......@@ -449,7 +444,6 @@ export default {
formdata.append('type', 4);
this.$axios.$post(config.api.post.Resource.file, formdata)
.then((res) => {
console.log(res);
let url = res.data;
this.$refs.content.$img2Url(pos, url);
this.$message({
......@@ -467,7 +461,6 @@ export default {
imgDel(pos) {
//删除图片,并不是修改就会触发,仅支持工具栏操作
// filename: 写在md中的文件名
console.log(pos);
},
save(value, render) { //保存文章内容
this.blogDetail = render;
......
......@@ -11,10 +11,10 @@
</div>
<div class="home-container__r">
<card-container style="margin-top: 40px" title="最新资讯" label="换一换" more="更多" @listenCardConMore="changeRoute('/news')">
<div class="information-wrap" v-for="(val,index) in newsList" :key="val.contentId">
<nuxt-link tag="div" :to="'/news/detail/'+val.contentId" class="information-wrap" v-for="(val,index) in newsList" :key="val.contentId">
<p class="information-time">{{dateConvert(val.createTime)}}</p>
<p class="information-content">{{val.title}}</p>
</div>
</nuxt-link>
</card-container>
<card-container style="margin-top: 16px" title="话题热搜榜" label="实时更新" more="更多" @listenCardConMore="$router.push('/topic/rank')" >
<nuxt-link tag="div" :to="'/topic/detail/'+val.topicName" class="topic-content__c" v-for="(val,index) in topicList" :key="val.topicId" >
......
......@@ -18,12 +18,14 @@
title="行业资讯"
label="换一换"
width="302px"
v-if="informationList.length>0"
>
<div style="padding: 14px 16px;">
<div class="information-wrap" v-for="(val,index) in informationList" :key="val.contentId">
<nuxt-link tag="div" :to="'/news/detail/'+val.contentId" class="information-wrap" v-for="(val,index) in informationList" :key="val.contentId">
<p class="information-time">{{dateConvert(val.createTime)}}</p>
<p class="information-content">{{val.title}}</p>
</div>
</nuxt-link>
</div>
</card-container>
<card-container
......@@ -31,6 +33,8 @@
title="招聘速递"
more="更多"
width="302px"
v-if="recruitmentList.length>0"
>
<div class="software-container">
<div class="software-wrap" v-for="(val,index) in recruitmentList" :key="val.contentId">
......@@ -51,6 +55,7 @@
label="周一3:00更新"
more="更多项目"
width="302px"
v-if="recruitmentList.length>0"
>
<div class="software-container">
<div class="software-wrap" v-for="(val,index) in recruitmentList" :key="val.contentId">
......@@ -72,6 +77,8 @@
title="软件更新"
more="加载更多"
width="302px"
v-if="recruitmentList.length>0"
>
<div class="software-container">
<div class="software-wrap" v-for="(val,index) in recruitmentList" :key="val.contentId">
......
......@@ -9,13 +9,13 @@
<div class="infos">
<div class="info-left">
<div class="icon-box">
<p class="icon">
<p class="icon" v-if="articleDetail.viewNumber>20">
<yun-icon name="hot" size="12px" color="#fff"></yun-icon>
</p>
<p class="icon">
<yun-icon name="like2" size="12px" color="#fff"></yun-icon>
</p>
<!-- <p class="icon">-->
<!-- <yun-icon name="like2" size="12px" color="#fff"></yun-icon>-->
<!-- </p>-->
</div>
<div class="label-box">
<p v-for="(val,index) in articleDetail.tags" :key="val.tagId">{{val.tagName}}</p>
......@@ -26,14 +26,14 @@
{{articleDetail.userNick}}<span>·</span>{{dataConvert2(articleDetail.createTime)}}
</p>
<div class="right">
<div class="icon-box">
<yun-icon name="star" size="12px" pb="7px" color="#ccc"></yun-icon>
<span>4</span>
</div>
<div class="icon-box">
<yun-icon name="like1" size="12px" pb="7px" color="#ccc"></yun-icon>
<span>4</span>
</div>
<!-- <div class="icon-box">-->
<!-- <yun-icon name="star" size="12px" pb="7px" color="#ccc"></yun-icon>-->
<!-- <span>4</span>-->
<!-- </div>-->
<!-- <div class="icon-box">-->
<!-- <yun-icon name="like1" size="12px" pb="7px" color="#ccc"></yun-icon>-->
<!-- <span>4</span>-->
<!-- </div>-->
<div class="icon-box">
<yun-icon name="view" size="12px" pb="7px" color="#ccc"></yun-icon>
<span>{{articleDetail.viewNumber}}</span>
......@@ -47,14 +47,15 @@
<div class="article__content" v-html="articleDetail.contentHtml">
</div>
<div class="article__like">
<yun-icon name="like_egg" class="egg"></yun-icon>
<yun-icon name="like1" class="heart"></yun-icon>
<p class="num">122</p>
</div>
<!-- <div class="article__like">-->
<!-- <yun-icon name="like_egg" class="egg"></yun-icon>-->
<!-- <yun-icon name="like1" class="heart"></yun-icon>-->
<!-- <p class="num">122</p>-->
<!-- </div>-->
<div class="article__footer">
<p class="link" v-if="!articleDetail.projectId">原文链接:<a target="_blank" :href="articleDetail.sourceLink"> <span>{{articleDetail.sourceLink}}</span></a></p>
<p class="report" v-if="!articleDetail.projectId">举报</p>
<p></p>
<p class="report" @click="$router.push({path:'/web/report',query:{type:'project',id:articleDetail.projectId}})">举报</p>
<div class="project" v-if="articleDetail.projectId">
<p>
<yun-icon name="home" size="12px" style="margin-right: 5px"></yun-icon>
......
......@@ -64,6 +64,12 @@ export default {
mobile: ''
}
},
created() {
let url = 'http://www.yunliyunwai/'+this.$route.query.type+'/detail/'+this.$route.query.id;
this.reportLink = url;
},
methods: {
handleReport() {
this.$axios.$post(congfig.api.post.Feedback.report, {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment