hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-20 00:06:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

我的问答样式修改

Browse Source
This commit is contained in:
zhaofang
2022-10-18 18:53:01 +08:00
parent 442d41f366
commit 18d31fffb0
6 changed files with 65 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/components/Article/ucItems.vue
View File

@@ -2,14 +2,10 @@
<div>
<div class="article-list" v-for="(item, idx) in items" :key="idx" @click="jumpDetail(item)">
<div class="article-info">
<div class="article-info-title one-line-ellipsis"
>
<!-- <span v-if="item.enabled" :class="classFilter(item.status).className">{{classFilter(item.status).text}}</span> -->
<!-- <span v-else class="article-status8">【已下架】</span> -->
<span class="titleContent " >
<div class="article-info-title one-line-ellipsis">
<span class="titleContent" >
{{ item.title }}
</span>
</div>
<div class="art-head two-line-ellipsis">
<div class="article-info-summary">
@@ -19,34 +15,11 @@
<div class="art-img">
<img :src="fileBaseUrl + item.coverurl" alt="">
</div>
</div>
<!-- <div class="article-info-tools"> -->
<!-- <div class="article-info-tools-auth"> -->
<!-- <el-avatar size="small" :src="item.avatar ? fileBaseUrl + item.avatar : '/temp/index/male.jpg'"></el-avatar>
<span>{{item.name}}{{(item.orgInfo)}}</span> -->
<!-- <el-tag v-if="status === 0" type="success">已发布</el-tag>
<el-tag type="warning" v-else>未发布</el-tag> -->
<!-- <span class="article-time">
<span> 时间：{{item.sysCreateTime|sysCreateTimeFilter}}</span>
</span> -->
<!-- <span v-if="!item.enabled">已下架</span> -->
<!-- </div> -->
<!-- <div class="article-info-tools-btns" v-if="item.status == 9"> -->
<!-- <el-link icon="el-icon-chat-line-round" class="article-info-tools-btn" >评论57</el-link>
<el-link icon="el-icon-s-promotion" class="article-info-tools-btn" >分享57</el-link>
<el-link icon="el-icon-star-on" class="article-info-tools-btn">收藏12</el-link>
<el-link icon="el-icon-thumb" class="article-info-tools-btn" >点赞20</el-link > -->
<!-- </div> -->
<!-- </div> -->
</div>
<div class="article-info-date">
<authorInfo :aid="item.sysCreateAid" :avatar="item.avatar" :name="item.sysCreateBy" :sex="item.sex" :info="item.orgInfo"></authorInfo>
<interactBar :data="item" :type="2" :shares="false" :views="false"></interactBar>
<!-- <el-button class="edit" @click.stop="editItem(item.id)" type="text" icon="el-icon-edit">编辑</el-button>
<el-button class="del" @click.stop="delItem(item)" type="text" icon="el-icon-delete">删除</el-button> -->
</div>
</div>
<el-dialog title="编辑文章" :visible.sync="diagSync" :close-on-click-modal="false" width="900px" custom-class="g-dialog">
@@ -60,9 +33,10 @@ import { mapGetters } from "vuex";
import interactBar from '@/components/Portal/interactBar.vue';
import apiArticle from '@/api/modules/article.js';
import editItems from '@/components/Article/editItems.vue';
import authorInfo from '@/components/Portal/authorInfo.vue';
export default {
components: {
interactBar,editItems
interactBar,editItems,authorInfo
},
computed: {
...mapGetters(["userInfo"]),
@@ -206,6 +180,12 @@ export default {
box-sizing: border-box;
}
.article-info-date {
display: flex;
justify-content: space-between;
::v-deep .interact-bar-btn{
min-width: 70px !important;
text-align: right;
}
.del{
color: #8590A6;
font-size: 14px;
@@ -266,8 +246,7 @@ export default {
position: relative;
margin: 0px 0;
border-bottom: 1px solid #E8E8E8;
padding-top: 15px;
padding-bottom: 15px;
padding: 32px 0;
cursor: pointer;
}
@@ -275,7 +254,7 @@ export default {
.article-info {
.article-info-title {
color: #333;
width: 100%;
width: 100%;
font-size: 18px;
margin-top: 7px;
.titleContent{
@@ -294,7 +273,7 @@ width: 100%;
flex: 1;
color: #333333;
margin-left: 5px;
margin-top: 10px;
margin-top: 26px;
font-size: 14px;
}
.art-img{
@@ -326,7 +305,7 @@ width: 100%;
}
.article-time{
margin-left: -5px;
border:0px;
border:0px;
span{
font-size: 14px;
}