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.
281 lines
15 KiB
281 lines
15 KiB
5 years ago
|
<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>
|