文章案例头像大小一致

This commit is contained in:
lmj
2022-10-20 17:46:19 +08:00
parent 6c4c5c7c95
commit d232f326da
3 changed files with 31 additions and 12 deletions

View File

@@ -869,7 +869,6 @@
} }
} }
.boe-qa-index{ .boe-qa-index{
height: 276px; height: 276px;
margin-right: 36px; margin-right: 36px;
padding: 30px; padding: 30px;
@@ -916,6 +915,29 @@
} }
} }
} }
.article-other-info{
div{
.el-avatar{
width: 32px;
height: 32px;
img{
width: 100% !important;
}
}
}
}
.item-author{
div{
.el-avatar{
width: 32px;
height: 32px;
img{
width: 100% !important;
}
}
}
}
.boe-article-index{ .boe-article-index{
padding: 30px; padding: 30px;
margin-right: 20px; margin-right: 20px;
@@ -977,8 +999,8 @@
height: 34px; height: 34px;
} }
.el-avatar{ .el-avatar{
width: 34px; width: 32px;
height: 34px; height: 32px;
img{ img{
width: 100% !important; width: 100% !important;
} }

View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="item-author"> <div class="item-author">
<div style="width:28px;height:28px;" @click="toHome()"> <div @click="toHome()">
<!-- <el-avatar shape="square" size="small" :src="userAvatar" v-if="userAvatar"></el-avatar> --> <!-- <el-avatar shape="square" size="small" :src="userAvatar" v-if="userAvatar"></el-avatar> -->
<!-- <div v-else class="uavatar"><span class="uavatar-text">{{avatarText}}</span></div> --> <!-- <div v-else class="uavatar"><span class="uavatar-text">{{avatarText}}</span></div> -->
<el-avatar shape="circle" size="small" :src="userAvatar" v-if="userAvatar"></el-avatar> <el-avatar shape="circle" size="small" :src="userAvatar" v-if="userAvatar"></el-avatar>

View File

@@ -26,7 +26,7 @@
<p class="personal-info">{{cutOrgNamePath(userInfo.departFullName)}}</p> <p class="personal-info">{{cutOrgNamePath(userInfo.departFullName)}}</p>
<a href="uc/study/task"> <a href="uc/study/task">
<div class="personal-box"> <div class="personal-box">
<span></span> <span></span>
<span>{{studyTaskCount? studyTaskCount:0 }} 个待处理 <img :src="`${webBaseUrl}/images/homeWu/Pending.png`" alt=""> </span> <span>{{studyTaskCount? studyTaskCount:0 }} 个待处理 <img :src="`${webBaseUrl}/images/homeWu/Pending.png`" alt=""> </span>
<img class="personal-box-img" :src="`${webBaseUrl}/images/homeWu/agency.png`" alt="" srcset=""> <img class="personal-box-img" :src="`${webBaseUrl}/images/homeWu/agency.png`" alt="" srcset="">
</div> </div>
@@ -194,7 +194,7 @@
<div class="case-inter"> <div class="case-inter">
<div class="case-inter-box"> <div class="case-inter-box">
<div class="case-inter-left"> <div class="case-inter-left">
<authorInfo :avatar="ca.authorInfo.avatar" :info="ca.authorInfo.orgInfo" :name="ca.authorInfo.name" :sex="ca.authorInfo.sex" :aid="userInfo.aid"></authorInfo> <authorInfo :avatar="ca.authorInfo.avatar" :info="ca.authorInfo.orgInfo" :name="ca.authorInfo.name" :sex="ca.authorInfo.sex" :aid="userInfo.aid"></authorInfo>
</div> </div>
<div class="interact-bar-index" <div class="interact-bar-index"
style="font-size: 12px;color: #6E7B84;display: flex;line-height: 30px;"> style="font-size: 12px;color: #6E7B84;display: flex;line-height: 30px;">
@@ -246,7 +246,7 @@
<article-image height="100%" width="100%" :article="articleList.first"></article-image> <article-image height="100%" width="100%" :article="articleList.first"></article-image>
</div> </div>
<div class="article-info"> <div class="article-info">
<div class="article-info-title " style="margin-top:10px"> <div class="article-info-title " style="margin-top:10px">
<div class="one-line-ellipsis"> <div class="one-line-ellipsis">
<span <span
style="font-weight: 600;font-size: 16px;word-break:break-all;color: #00253E;">{{ articleList.first.title }}</span> style="font-weight: 600;font-size: 16px;word-break:break-all;color: #00253E;">{{ articleList.first.title }}</span>
@@ -267,7 +267,7 @@
</div> </div>
<div class="article-other-info" style="margin-top:17px"> <div class="article-other-info" style="margin-top:17px">
<div> <div>
<author-img :avatar="articleList.first.authorInfo.avatar" :aid="articleList.first.authorInfo.aid" <author-img height="32px" width="32px" :avatar="articleList.first.authorInfo.avatar" :aid="articleList.first.authorInfo.aid"
:sex="articleList.first.authorInfo.sex"></author-img> :sex="articleList.first.authorInfo.sex"></author-img>
</div> </div>
<div style="margin-top:5px"> <div style="margin-top:5px">
@@ -295,7 +295,7 @@
</a> </a>
<div class="article-bottom"> <div class="article-bottom">
<div style="display:flex"> <div style="display:flex">
<author-img :avatar="article.authorInfo.avatar" :aid="article.authorInfo.aid" <author-img height="32px" width="32px" :avatar="article.authorInfo.avatar" :aid="article.authorInfo.aid"
:sex="article.authorInfo.sex"></author-img> :sex="article.authorInfo.sex"></author-img>
<span <span
style="color: #6E7B84;font-size: 14px;margin:6px 13px 0 10px;">{{article.authorInfo.name}}</span> style="color: #6E7B84;font-size: 14px;margin:6px 13px 0 10px;">{{article.authorInfo.name}}</span>
@@ -1836,10 +1836,7 @@
} }
.article-other-info { .article-other-info {
// height: 40px;
// margin-top: 10px;
display: flex; display: flex;
// justify-content: space-between;
} }
} }