TmOct5/barter-app
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[更新页面修改部分代码-商城首页企业工具我的资产]

Browse Source
This commit is contained in:
zhangmanman
2021-09-16 08:54:48 +08:00
parent 4c0308edbf
commit b12465f611
45 changed files with 8592 additions and 8635 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
pages/property/index.vue
View File

@@ -95,7 +95,7 @@
<image class="item-cover" src="@/static/icons/user_icon_03.png" mode="aspectFill"></image>
<view class="item-title">我的优惠券</view>
</view>
<view class="item" @click="outLogin">
<view class="item">
<image class="item-cover" src="@/static/icons/user_icon_04.png" mode="aspectFill"></image>
<view class="item-title">地址管理</view>
</view>
@@ -119,31 +119,30 @@
</view>
</view>
</view>
<!-- 排名信息 -->
<view class="user-group">
<view class="title">
<view class="title-text">全站推广人数排名</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>
<!-- 排名信息 -->
<view class="user-group">
<view class="title">
<view class="title-text">全站推广企业排名</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 class="title">
<view class="title-text">推广排名</view>
</view>
<view class="ranking ranking-after">
<view class="ranking-title">
<view class="ranking-text">全站推广人数</view>
<view class="ranking-number">5</view>
</view>
<image class="tips" src="../../static/icons/property_icon_00.png" mode="aspectFill"></image>
</view>
<view class="ranking">
<view class="ranking-title">
<view class="ranking-text">推广企业</view>
<view class="ranking-number">5</view>
</view>
<image class="tips" src="../../static/icons/property_icon_01.png" mode="aspectFill"></image>
</view>
</view>
<!-- 推广海报 -->
<view class="poster-text">推广海报</view>
<carousel :img-list="imgList" url-key="url" @selected="selectedBanner"/>
</block>
<!-- 版权信息 -->
@@ -173,9 +172,9 @@
}
},
methods: {
outLogin(){
this.$store.commit('setToken', '')
},
// outLogin(){
// this.$store.commit('setToken', '')
// }
selectedBanner(item, index) {
console.log('🥒', item, index)
}
@@ -340,6 +339,39 @@
margin: $margin;
background: white;
border-radius: $radius;
.ranking {
width: 50%;
display: inline-block;
position: relative;
padding: $padding $padding - 10 $padding - 10 $padding;
box-sizing: border-box;
.ranking-title {
font-size: 28rpx;
.ranking-text {
margin-bottom: $margin - 10;
}
.ranking-number {
font-weight: 600;
font-size: 30rpx;
}
}
.tips {
position: absolute;
right: 30rpx;
top: 25rpx;
width: 90rpx;
height: 90rpx;
}
}
.ranking-after::after {
position: absolute;
content: '';
right: 0;
top: 0;
width: 2rpx;
height: 100%;
background-color: $border-color;
}
.title{
padding: $padding $padding ($padding - 10);
display: flex;
@@ -370,6 +402,10 @@
}
}
}
.poster-text {
margin: $margin + 10 0 0;
text-align: center;
}
// 易货订单
.order-flex{
.item{
@@ -418,40 +454,4 @@
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>