员工管理添加员工列表优惠券完善
This commit is contained in:
@@ -124,8 +124,11 @@
|
||||
<view class="title">
|
||||
<view class="title-text">全站推广人数排名</view>
|
||||
</view>
|
||||
<view>
|
||||
推广人数排名
|
||||
<view class="ranking-item">
|
||||
<view class="ranking-number">1</view>
|
||||
<image class="ranking-cover" src="@/static/dev/good_cover_00.jpg" mode="aspectFill"></image>
|
||||
<view class="ranking-nickname nowrap">唐明明唐明明唐明明唐明明唐明明唐明明唐明明</view>
|
||||
<view class="ranking-count">100人</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 排名信息 -->
|
||||
@@ -133,8 +136,11 @@
|
||||
<view class="title">
|
||||
<view class="title-text">全站推广企业排名</view>
|
||||
</view>
|
||||
<view>
|
||||
推广企业排名
|
||||
<view class="ranking-item">
|
||||
<view class="ranking-number">1</view>
|
||||
<image class="ranking-cover" src="@/static/dev/good_cover_00.jpg" mode="aspectFill"></image>
|
||||
<view class="ranking-nickname nowrap">唐明明唐明明唐明明唐明明唐明明唐明明唐明明</view>
|
||||
<view class="ranking-count">100家</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 推广海报 -->
|
||||
@@ -412,4 +418,40 @@
|
||||
font-size: $title-size-sm;
|
||||
color: $text-gray-m;
|
||||
}
|
||||
|
||||
// 排行榜
|
||||
.ranking-item{
|
||||
position: relative;
|
||||
padding: ($padding - 10) $padding ($padding - 10) ($padding + 158);
|
||||
display: flex;
|
||||
justify-items: center;
|
||||
align-items: center;
|
||||
min-height: 88rpx;
|
||||
.ranking-cover{
|
||||
position: absolute;
|
||||
left: $padding + 30;
|
||||
height: 88rpx;
|
||||
width: 88rpx;
|
||||
border-radius: 50%;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
.ranking-number{
|
||||
position: absolute;
|
||||
left: $padding;
|
||||
width: 30rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.ranking-nickname{
|
||||
width: calc(100% - 200rpx);
|
||||
padding-right: 20rpx;
|
||||
font-size: $title-size-lg;
|
||||
}
|
||||
.ranking-count{
|
||||
width: 200rpx;
|
||||
text-align: right;
|
||||
color: $text-gray;
|
||||
font-size: $title-size-lg;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user