dianliang/dl_uniapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
Vinjor 2025-04-24 10:20:03 +08:00
parent 0d4ff8eb1f
commit dc5652983a
3 changed files with 58 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/tabbar/tabBar.vue
View File

@ -119,29 +119,29 @@
position: relative;
.item-top {
padding-top: 25rpx;
padding-top: 13rpx;
flex-shrink: 0;
width: 150rpx;
height: 130rpx;
.dl-image {
height: 45rpx;
width: 45rpx;
height: 53rpx;
width: 53rpx;
}
.dl-vip {
position: absolute;
height: 25rpx;
top: -10rpx;
right: -24px;
height: 20rpx;
top: 0rpx;
right: -21px;
}
}
.item-bottom {
width: 100%;
font-size: 28rpx;
font-size: 26rpx;
position: absolute;
bottom: 10rpx;
bottom: 30rpx;
}
.item-active {

53
pages/components/notice-index.vue
View File

@ -18,12 +18,13 @@
</view>
</view>
<!-- 菜单 -->
<view class="dl-menu-box">
<view v-for="(item,index) in menus" @click="itemClick(index,item)" class="dl-menu"
:class="index==menuIndex?'dl-menu click':'dl-menu'">{{item}}</view>
<view class="dl-menu-box" style="padding-top: 10rpx;">
<view v-for="(item,index) in menus" @click="itemClick(index,item)" class="dl-menu-dom">
<view :class="index==menuIndex?'dl-menu click':'dl-menu'">{{item}}</view>
</view>
</view>
<!-- 筛选条件 -->
<view class="dl-menu-box" style="padding-bottom: 20rpx;">
<view class="dl-menu-box" style="padding-bottom: 20rpx;padding-left: 15rpx;padding-right: 15rpx;">
<view :class="[0==chooseCondition?'dl-focus dl-search-box':'dl-search-box']" @click="choosePlat(0)"
:key="chooseCondition">
<text>{{queryParams.platformName}}</text>
@ -509,7 +510,7 @@
display: flex;
position: relative;
z-index: 10;
padding: 55rpx 10rpx 0 15rpx;
padding: 25rpx 10rpx 0 15rpx;
border-bottom: 1px solid #F4F4F4;
@ -521,15 +522,15 @@
position: relative;
.dl-image {
width: 50rpx;
height: 50rpx;
width: 40rpx;
height: 40rpx;
}
.dl-vip {
position: absolute;
height: 25rpx;
height: 20rpx;
top: -10rpx;
right: -22px;
right: -20px;
}
}
@ -551,18 +552,26 @@
width: 100%;
padding-top: 20rpx;
.dl-menu {
flex-grow: 1;
font-size: 30rpx;
margin: 0 20rpx;
padding-bottom: 20rpx;
text-align: center;
.dl-menu-dom {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
.dl-menu {
font-size: 30rpx;
margin: 0 20rpx;
padding-bottom: 10rpx;
text-align: center;
}
}
.click {
font-size: 32rpx !important;
color: #FF434E;
font-weight: bold;
border-bottom: 2px solid #FF434E;
border-bottom: 3px solid #FF434E;
}
.dl-search-box {
@ -571,9 +580,9 @@
flex-grow: 1;
font-size: 30rpx;
margin: 0 15rpx;
padding: 15rpx 25rpx;
padding: 10rpx 25rpx;
background-color: #F7F7F7;
border-radius: 30rpx;
border-radius: 40rpx;
align-items: center;
justify-content: left;
display: flex;
@ -591,8 +600,8 @@
.dl-vip {
position: absolute;
width: 50rpx;
height: 25rpx;
top: -16rpx;
height: 20rpx;
top: -12rpx;
right: -5px;
}
}
@ -610,7 +619,7 @@
align-items: center;
border-radius: 35rpx;
justify-content: center;
height: 100rpx;
height: 85rpx;
width: 100%;
background: url('/static/index/member-bg.png');
background-size: 100% 100%;
@ -645,7 +654,7 @@
}
.dl-item-box {
height: calc(100vh - var(--status-bar-height) - var(--window-bottom) - 586rpx);
height: calc(100vh - var(--status-bar-height) - var(--window-bottom) - 505rpx);
isplay: flex;
flex-direction: column;
}

35
pages/components/notice-item.vue
View File

@ -21,16 +21,16 @@
<image class="dl-icon" src="@/static/index/xing.png" mode="aspectFit"></image>
<view class="dl-content">类型：{{item.bloggerTypesText||'无限制'}}</view>
</view>
<view class="text-item" style="padding-top: 10rpx;">
<view class="item-box" style="width: 40%;">
<view class="text-item" style="padding-top: 16rpx;">
<view class="item-box" style="flex: 1;">
<image class="dl-icon2" :src="imageUrl+item.avatar" mode="aspectFit"></image>
<view class="dl-item-right">{{item.userNickName}}</view>
</view>
<view class="item-box">
<view class="item-box" style="width: 28%;">
<image class="dl-icon3" src="@/static/index/person.png" mode="aspectFit"></image>
<view class="dl-item-right dl-number">{{item.reportNum}}</view>
</view>
<view class="item-box">
<view class="item-box" style="width: 28%;">
<image class="dl-icon3" src="@/static/index/eye.png" mode="aspectFit"></image>
<view class="dl-item-right dl-number">{{item.viewNum}}</view>
</view>
@ -63,15 +63,15 @@
<view class="dl-content">类型：{{dataObj.bloggerTypesText}}</view>
</view>
<view class="text-item" style="padding-top: 10rpx;">
<view class="item-box" style="width: 40%;">
<view class="item-box">
<image class="dl-icon2" :src="imageUrl+dataObj.avatar" mode="aspectFit"></image>
<view class="dl-item-right">{{dataObj.userNickName}}</view>
</view>
<view class="item-box">
<view class="item-box" style="width: 25%;">
<image class="dl-icon3" src="@/static/index/person.png" mode="aspectFit"></image>
<view class="dl-item-right dl-number">{{dataObj.reportNum}}</view>
</view>
<view class="item-box">
<view class="item-box" style="width: 25%;">
<image class="dl-icon3" src="@/static/index/eye.png" mode="aspectFit"></image>
<view class="dl-item-right dl-number">{{dataObj.viewNum}}</view>
</view>
@ -138,7 +138,7 @@
.dl-notice-box {
font-size: 29rpx;
width: 100%;
padding: 18rpx;
padding: 18rpx 18rpx 10rpx 18rpx;
background-color: white;
border-radius: 30rpx;
margin-bottom: 20rpx;
@ -157,6 +157,7 @@
}
.dl-text {
font-size: 30rpx;
margin-left: 10rpx;
flex: 1;
overflow: hidden;
@ -190,11 +191,12 @@
.dl-icon {
flex: none;
width: 40rpx;
height: 44rpx;
width: 25rpx;
height: 30rpx;
}
.dl-content {
font-size: 24rpx;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
@ -205,14 +207,13 @@
.item-box {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
.dl-icon2 {
flex: none;
width: 40rpx;
height: 44rpx;
height: 40rpx;
border-radius: 50%;
}
@ -224,6 +225,7 @@
}
.dl-item-right {
font-size: 26rpx;
flex: 1;
padding-left: 10rpx;
min-width: 100rpx;
@ -234,7 +236,8 @@
}
.dl-number {
font-size: 26rpx;
color: #929292;
font-size: 24rpx;
margin-right: 5rpx;
}
}
@ -243,11 +246,11 @@
.right-image {
flex: none;
width: 220rpx;
height: 220rpx;
width: 180rpx;
height: 180rpx;
border-radius: 20rpx;
}
}
}
}
</style>
</style>