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; position: relative;
.item-top { .item-top {
padding-top: 25rpx; padding-top: 13rpx;
flex-shrink: 0; flex-shrink: 0;
width: 150rpx; width: 150rpx;
height: 130rpx; height: 130rpx;
.dl-image { .dl-image {
height: 45rpx; height: 53rpx;
width: 45rpx; width: 53rpx;
} }
.dl-vip { .dl-vip {
position: absolute; position: absolute;
height: 25rpx; height: 20rpx;
top: -10rpx; top: 0rpx;
right: -24px; right: -21px;
} }
} }
.item-bottom { .item-bottom {
width: 100%; width: 100%;
font-size: 28rpx; font-size: 26rpx;
position: absolute; position: absolute;
bottom: 10rpx; bottom: 30rpx;
} }
.item-active { .item-active {

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

@ -18,12 +18,13 @@
</view> </view>
</view> </view>
<!-- 菜单 --> <!-- 菜单 -->
<view class="dl-menu-box"> <view class="dl-menu-box" style="padding-top: 10rpx;">
<view v-for="(item,index) in menus" @click="itemClick(index,item)" class="dl-menu" <view v-for="(item,index) in menus" @click="itemClick(index,item)" class="dl-menu-dom">
:class="index==menuIndex?'dl-menu click':'dl-menu'">{{item}}</view> <view :class="index==menuIndex?'dl-menu click':'dl-menu'">{{item}}</view>
</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)" <view :class="[0==chooseCondition?'dl-focus dl-search-box':'dl-search-box']" @click="choosePlat(0)"
:key="chooseCondition"> :key="chooseCondition">
<text>{{queryParams.platformName}}</text> <text>{{queryParams.platformName}}</text>
@ -509,7 +510,7 @@
display: flex; display: flex;
position: relative; position: relative;
z-index: 10; z-index: 10;
padding: 55rpx 10rpx 0 15rpx; padding: 25rpx 10rpx 0 15rpx;
border-bottom: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4;
@ -521,15 +522,15 @@
position: relative; position: relative;
.dl-image { .dl-image {
width: 50rpx; width: 40rpx;
height: 50rpx; height: 40rpx;
} }
.dl-vip { .dl-vip {
position: absolute; position: absolute;
height: 25rpx; height: 20rpx;
top: -10rpx; top: -10rpx;
right: -22px; right: -20px;
} }
} }
@ -551,18 +552,26 @@
width: 100%; width: 100%;
padding-top: 20rpx; padding-top: 20rpx;
.dl-menu { .dl-menu-dom {
flex-grow: 1; width: 100%;
font-size: 30rpx; display: flex;
margin: 0 20rpx; align-items: center;
padding-bottom: 20rpx; justify-content: center;
text-align: center;
.dl-menu {
font-size: 30rpx;
margin: 0 20rpx;
padding-bottom: 10rpx;
text-align: center;
}
} }
.click { .click {
font-size: 32rpx !important;
color: #FF434E; color: #FF434E;
font-weight: bold; font-weight: bold;
border-bottom: 2px solid #FF434E; border-bottom: 3px solid #FF434E;
} }
.dl-search-box { .dl-search-box {
@ -571,9 +580,9 @@
flex-grow: 1; flex-grow: 1;
font-size: 30rpx; font-size: 30rpx;
margin: 0 15rpx; margin: 0 15rpx;
padding: 15rpx 25rpx; padding: 10rpx 25rpx;
background-color: #F7F7F7; background-color: #F7F7F7;
border-radius: 30rpx; border-radius: 40rpx;
align-items: center; align-items: center;
justify-content: left; justify-content: left;
display: flex; display: flex;
@ -591,8 +600,8 @@
.dl-vip { .dl-vip {
position: absolute; position: absolute;
width: 50rpx; width: 50rpx;
height: 25rpx; height: 20rpx;
top: -16rpx; top: -12rpx;
right: -5px; right: -5px;
} }
} }
@ -610,7 +619,7 @@
align-items: center; align-items: center;
border-radius: 35rpx; border-radius: 35rpx;
justify-content: center; justify-content: center;
height: 100rpx; height: 85rpx;
width: 100%; width: 100%;
background: url('/static/index/member-bg.png'); background: url('/static/index/member-bg.png');
background-size: 100% 100%; background-size: 100% 100%;
@ -645,7 +654,7 @@
} }
.dl-item-box { .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; isplay: flex;
flex-direction: column; 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> <image class="dl-icon" src="@/static/index/xing.png" mode="aspectFit"></image>
<view class="dl-content">类型：{{item.bloggerTypesText||'无限制'}}</view> <view class="dl-content">类型：{{item.bloggerTypesText||'无限制'}}</view>
</view> </view>
<view class="text-item" style="padding-top: 10rpx;"> <view class="text-item" style="padding-top: 16rpx;">
<view class="item-box" style="width: 40%;"> <view class="item-box" style="flex: 1;">
<image class="dl-icon2" :src="imageUrl+item.avatar" mode="aspectFit"></image> <image class="dl-icon2" :src="imageUrl+item.avatar" mode="aspectFit"></image>
<view class="dl-item-right">{{item.userNickName}}</view> <view class="dl-item-right">{{item.userNickName}}</view>
</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> <image class="dl-icon3" src="@/static/index/person.png" mode="aspectFit"></image>
<view class="dl-item-right dl-number">{{item.reportNum}}</view> <view class="dl-item-right dl-number">{{item.reportNum}}</view>
</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> <image class="dl-icon3" src="@/static/index/eye.png" mode="aspectFit"></image>
<view class="dl-item-right dl-number">{{item.viewNum}}</view> <view class="dl-item-right dl-number">{{item.viewNum}}</view>
</view> </view>
@ -63,15 +63,15 @@
<view class="dl-content">类型：{{dataObj.bloggerTypesText}}</view> <view class="dl-content">类型：{{dataObj.bloggerTypesText}}</view>
</view> </view>
<view class="text-item" style="padding-top: 10rpx;"> <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> <image class="dl-icon2" :src="imageUrl+dataObj.avatar" mode="aspectFit"></image>
<view class="dl-item-right">{{dataObj.userNickName}}</view> <view class="dl-item-right">{{dataObj.userNickName}}</view>
</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> <image class="dl-icon3" src="@/static/index/person.png" mode="aspectFit"></image>
<view class="dl-item-right dl-number">{{dataObj.reportNum}}</view> <view class="dl-item-right dl-number">{{dataObj.reportNum}}</view>
</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> <image class="dl-icon3" src="@/static/index/eye.png" mode="aspectFit"></image>
<view class="dl-item-right dl-number">{{dataObj.viewNum}}</view> <view class="dl-item-right dl-number">{{dataObj.viewNum}}</view>
</view> </view>
@ -138,7 +138,7 @@
.dl-notice-box { .dl-notice-box {
font-size: 29rpx; font-size: 29rpx;
width: 100%; width: 100%;
padding: 18rpx; padding: 18rpx 18rpx 10rpx 18rpx;
background-color: white; background-color: white;
border-radius: 30rpx; border-radius: 30rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
@ -157,6 +157,7 @@
} }
.dl-text { .dl-text {
font-size: 30rpx;
margin-left: 10rpx; margin-left: 10rpx;
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
@ -190,11 +191,12 @@
.dl-icon { .dl-icon {
flex: none; flex: none;
width: 40rpx; width: 25rpx;
height: 44rpx; height: 30rpx;
} }
.dl-content { .dl-content {
font-size: 24rpx;
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -205,14 +207,13 @@
.item-box { .item-box {
display: flex; display: flex;
width: 100%;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.dl-icon2 { .dl-icon2 {
flex: none; flex: none;
width: 40rpx; width: 40rpx;
height: 44rpx; height: 40rpx;
border-radius: 50%; border-radius: 50%;
} }
@ -224,6 +225,7 @@
} }
.dl-item-right { .dl-item-right {
font-size: 26rpx;
flex: 1; flex: 1;
padding-left: 10rpx; padding-left: 10rpx;
min-width: 100rpx; min-width: 100rpx;
@ -234,7 +236,8 @@
} }
.dl-number { .dl-number {
font-size: 26rpx; color: #929292;
font-size: 24rpx;
margin-right: 5rpx; margin-right: 5rpx;
} }
} }
@ -243,11 +246,11 @@
.right-image { .right-image {
flex: none; flex: none;
width: 220rpx; width: 180rpx;
height: 220rpx; height: 180rpx;
border-radius: 20rpx; border-radius: 20rpx;
} }
} }
} }
} }
</style> </style>