Commit 4b636338 by ethanlamzs

优化字体的显示

1 parent 43cd6632
...@@ -18,7 +18,8 @@ import { ...@@ -18,7 +18,8 @@ import {
Tree, Tree,
Button, Button,
Input, Input,
message message,
Avatar
} from 'antd'; } from 'antd';
import { import {
...@@ -235,9 +236,10 @@ export default class schoolmgr extends Component{ ...@@ -235,9 +236,10 @@ export default class schoolmgr extends Component{
renderFoundUserResult(){ renderFoundUserResult(){
const {linkman:{userFoundResult}} = this.props; const {linkman:{userFoundResult}} = this.props;
if(userFoundResult){ if(userFoundResult){
return (<div> return (<div className={styles.finduserBlock}>
<span><strong>检索结果:</strong></span> <span><font size="3" color="black">检索结果:</font></span>
<div> <div>
<Avatar src={userFoundResult.avatar}/><br/>
{this.renderFindUserResultBlock("用户 uid",userFoundResult.userid)}<br/> {this.renderFindUserResultBlock("用户 uid",userFoundResult.userid)}<br/>
{this.renderFindUserResultBlock("姓 名",userFoundResult.name)}<br/> {this.renderFindUserResultBlock("姓 名",userFoundResult.name)}<br/>
{this.renderFindUserResultBlock("状 态",(userFoundResult.status==1?"已关注":"未关注"))}<br/> {this.renderFindUserResultBlock("状 态",(userFoundResult.status==1?"已关注":"未关注"))}<br/>
......
@import "~antd/lib/style/themes/default.less"; @import "~antd/lib/style/themes/default.less";
@import "../../utils/utils.less"; @import "../../utils/utils.less";
.iconGroup { .finduserBlock{
i { span{
transition: color 0.32s; margin-left: 2px;
color: @text-color-secondary; padding-top: 2px;
cursor: pointer;
margin-left: 16px;
&:hover {
color: @text-color;
}
} }
} div{
margin-left: 8px;
.rankingList { padding-top: 4px;
margin: 25px 0 0;
padding: 0;
list-style: none;
li {
.clearfix();
margin-top: 16px;
span {
color: @text-color;
font-size: 14px;
line-height: 22px;
}
span:first-child {
background-color: @background-color-base;
border-radius: 20px;
display: inline-block;
font-size: 12px;
font-weight: 600;
margin-right: 24px;
height: 20px;
line-height: 20px;
width: 20px;
text-align: center;
}
span.active {
//background-color: @primary-color;
background-color: #314659;
color: #fff;
}
span:last-child {
float: right;
}
}
}
.salesExtra {
display: inline-block;
margin-right: 24px;
a {
color: @text-color;
margin-left: 24px;
&:hover {
color: @primary-color;
}
&.currentDate {
color: @primary-color;
}
}
}
.salesCard {
.salesBar {
padding: 0 0 32px 32px;
}
.salesRank {
padding: 0 32px 32px 72px;
}
:global {
.ant-tabs-bar {
padding-left: 16px;
.ant-tabs-nav .ant-tabs-tab {
padding-top: 16px;
padding-bottom: 14px;
line-height: 24px;
}
}
.ant-tabs-extra-content {
padding-right: 24px;
line-height: 55px;
}
.ant-card-head {
position: relative;
}
}
}
.salesCardExtra {
height: 68px;
}
.salesTypeRadio {
position: absolute;
left: 24px;
bottom: 15px;
}
.offlineCard {
:global {
.ant-tabs-ink-bar {
bottom: auto;
}
.ant-tabs-bar {
border-bottom: none;
}
.ant-tabs-nav-container-scrolling {
padding-left: 40px;
padding-right: 40px;
}
.ant-tabs-tab-prev-icon:before {
position: relative;
left: 6px;
}
.ant-tabs-tab-next-icon:before {
position: relative;
right: 6px;
}
}
:global(.ant-tabs-tab-active) h4 {
color: @primary-color;
}
}
.trendText {
margin-left: 8px;
color: @heading-color;
}
@media screen and (max-width: @screen-lg) {
.salesExtra {
display: none;
}
.rankingList {
li {
span:first-child {
margin-right: 8px;
}
}
}
}
@media screen and (max-width: @screen-md) {
.rankingTitle {
margin-top: 16px;
}
.salesCard .salesBar {
padding: 16px;
}
}
@media screen and (max-width: @screen-sm) {
.salesExtraWrap {
display: none;
}
.salesCard {
:global {
.ant-tabs-content {
padding-top: 30px;
}
}
} }
} }
\ No newline at end of file \ No newline at end of file
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!