You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
280 lines
15 KiB
280 lines
15 KiB
<div class="pages-profile"> |
|
<div fxLayout.gt-sm="row nowrap" fxLayout.lt-md="column nowrap" fxLayoutAlign.gt-sm="space-between start" |
|
fxLayoutGap="30px" id="xxx"> |
|
<mat-card fxFlex="30" class="profile-card"> |
|
<mat-card-content> |
|
<img mat-card-avatar src=""> |
|
<mat-card-title class="profile-user">安信科创</mat-card-title> |
|
<mat-card-subtitle class="profile-job">嘻嘻嘻嘻</mat-card-subtitle> |
|
<p class="profile-introduction"> |
|
不要做程序员,要做问题解决者 |
|
</p> |
|
<div class="profile-social"> |
|
<mat-icon size="1" class="secondary-text s-24"></mat-icon> |
|
<mat-icon size="1" class="secondary-text s-24"></mat-icon> |
|
<mat-icon size="1" class="secondary-text s-24"></mat-icon> |
|
<mat-icon size="1" class="secondary-text s-24"></mat-icon> |
|
</div> |
|
<button mat-flat-button color="accent">关注</button> |
|
</mat-card-content> |
|
<mat-card-actions class="profile-card-footer" fxLayout="row nowrap"> |
|
<div fxFlex="32"> |
|
<strong class="profile-stat-count">260</strong> |
|
<span>粉丝</span> |
|
</div> |
|
<div fxFlex="32"> |
|
<strong class="profile-stat-count">180</strong> |
|
<span>关注</span> |
|
</div> |
|
<div fxFlex="32"> |
|
<strong class="profile-stat-count">2000</strong> |
|
<span>博客</span> |
|
</div> |
|
</mat-card-actions> |
|
</mat-card> |
|
|
|
<mat-card fxFlex="70" class="profile-board"> |
|
<mat-tab-group> |
|
<mat-tab label="活动"> |
|
<mat-list> |
|
<mat-list-item> |
|
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
<img matListAvatar src=""> |
|
<div> |
|
<div>我是假数据 |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
</div> |
|
<div matLine class="profile-item-content"> |
|
我是假数据 |
|
</div> |
|
</mat-list-item> |
|
<mat-list-item> |
|
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
<img matListAvatar src=""> |
|
<div> |
|
<div>我是假数据 |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
</div> |
|
<div matLine class="profile-item-content"> |
|
<img src="" alt=""> |
|
<img src="" alt=""> |
|
<img src="" alt=""> |
|
<img src="" alt=""> |
|
</div> |
|
</mat-list-item> |
|
<mat-list-item> |
|
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
<img matListAvatar src=""> |
|
<div> |
|
<div>我是假数据 |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
</div> |
|
<div matLine class="profile-item-content"> |
|
<img src="" alt=""> |
|
我是假数据 |
|
</div> |
|
</mat-list-item> |
|
<mat-list-item> |
|
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
<img matListAvatar src=""> |
|
<div> |
|
<div>我是假数据 |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
</div> |
|
<div matLine class="profile-item-content"> |
|
我是假数据 |
|
</div> |
|
</mat-list-item> |
|
<mat-list-item> |
|
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
<img matListAvatar src=""> |
|
<div> |
|
<div>我是假数据 |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
</div> |
|
<div matLine class="profile-item-content"> |
|
我是假数据 |
|
</div> |
|
</mat-list-item> |
|
</mat-list> |
|
<div class="pt-40 pb-40"> |
|
<button mat-flat-button class="show-more-btn">更多</button> |
|
</div> |
|
</mat-tab> |
|
<mat-tab label="评论"> |
|
<mat-list> |
|
<mat-list-item> |
|
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
<img matListAvatar src=""> |
|
<div> |
|
<div>我是假数据 |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
</div> |
|
<div matLine class="profile-item-content"> |
|
<img src="" alt=""> |
|
我是假数据 |
|
</div> |
|
</mat-list-item> |
|
<mat-list-item> |
|
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
<img matListAvatar src=""> |
|
<div> |
|
<div>我是假数据 |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
</div> |
|
<div matLine class="profile-item-content"> |
|
我是假数据 |
|
</div> |
|
</mat-list-item> |
|
|
|
|
|
<mat-list-item> |
|
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
<img matListAvatar src=""> |
|
<div> |
|
<div>我是假数据 |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
</div> |
|
<div matLine class="profile-item-content"> |
|
我是假数据 |
|
</div> |
|
</mat-list-item> |
|
<mat-list-item> |
|
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
<img matListAvatar src=""> |
|
<div> |
|
<div>我是假数据 |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
</div> |
|
<div matLine class="profile-item-content"> |
|
我是假数据 |
|
</div> |
|
</mat-list-item> |
|
<mat-list-item> |
|
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
<img matListAvatar src=""> |
|
<div> |
|
<div>我是假数据 |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
</div> |
|
<div matLine class="profile-item-content"> |
|
<img src="" alt=""> |
|
<img src="" alt=""> |
|
<img src="" alt=""> |
|
<img src="" alt=""> |
|
</div> |
|
</mat-list-item> |
|
</mat-list> |
|
</mat-tab> |
|
<mat-tab label="消息"> |
|
<mat-list> |
|
<mat-list-item> |
|
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
<img matListAvatar src=""> |
|
<div> |
|
<div>我是假数据 |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
</div> |
|
<div matLine class="profile-item-content"> |
|
我是假数据 |
|
</div> |
|
</mat-list-item> |
|
<mat-list-item> |
|
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
<img matListAvatar src=""> |
|
<div> |
|
<div>我是假数据 |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
</div> |
|
<div matLine class="profile-item-content"> |
|
<img src="" alt=""> |
|
我是假数据 |
|
</div> |
|
</mat-list-item> |
|
<mat-list-item> |
|
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
<img matListAvatar src=""> |
|
<div> |
|
<div>我是假数据 |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
</div> |
|
<div matLine class="profile-item-content"> |
|
<img src="" alt=""> |
|
<img src="" alt=""> |
|
<img src="" alt=""> |
|
<img src="" alt=""> |
|
</div> |
|
</mat-list-item> |
|
<mat-list-item> |
|
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
<img matListAvatar src=""> |
|
<div> |
|
<div>我是假数据 |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
</div> |
|
<div matLine class="profile-item-content"> |
|
我是假数据 |
|
</div> |
|
</mat-list-item> |
|
<mat-list-item> |
|
<div matLine fxLayoutAlign="start center" fxLayoutGap="16px"> |
|
<img matListAvatar src=""> |
|
<div> |
|
<div>我是假数据 |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
<span class="secondary-text font-size-12">我是假数据</span> |
|
</div> |
|
</div> |
|
<div matLine class="profile-item-content"> |
|
我是假数据 |
|
</div> |
|
</mat-list-item> |
|
</mat-list> |
|
</mat-tab> |
|
</mat-tab-group> |
|
</mat-card> |
|
</div> |
|
</div>
|
|
|