tianyan/tra-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

微调

Browse Source
This commit is contained in:
tianyan
2025-07-22 17:42:25 +08:00
parent c92e0db7b0
commit 5da8459d9f
1 changed files with 29 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/index/index.vue
+29 -12
View File
@@ -14,7 +14,7 @@
<view class="message_div"> <view class="message_div">
<image src="@/static/images/index/message_b.png" class="message_img"></image> <image src="@/static/images/index/message_b.png" class="message_img"></image>
<view class="message_text">消息</view> <view class="message_text">消息</view>
<view class="message_num">30</view> <view class="message_num message_num_font">30</view>
</view> </view>
</view> </view>
@@ -32,7 +32,7 @@
<view class="message_div"> <view class="message_div">
<image src="@/static/images/index/message.png" class="message_img"></image> <image src="@/static/images/index/message.png" class="message_img"></image>
<view class="message_text">消息</view> <view class="message_text">消息</view>
<view class="message_num"> <view class="message_num message_num_font">
30 30
</view> </view>
</view> </view>
@@ -593,15 +593,24 @@
position: absolute; position: absolute;
top: 2rpx; top: 2rpx;
right: -4rpx; right: -4rpx;
padding: 1rpx 1rpx 1rpx 2rpx; padding: 2rpx 3rpx 2rpx 3rpx;
background-color: #ff1926; background-color: #ff1926;
border-radius: 10rpx; border-radius: 10rpx;
width: 22rpx; // width: 22rpx;
height: 20rpx; // height: 20rpx;
font-size: 10rpx; // font-size: 10rpx;
// font-size: 30rpx;
color: #ffffff; color: #ffffff;
} }
.message_num_font {
width: 22rpx;
height: 22rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 16rpx;
}
} }
} }
@@ -643,15 +652,23 @@
position: absolute; position: absolute;
top: 2rpx; top: 2rpx;
right: -4rpx; right: -4rpx;
padding: 1rpx 1rpx 1rpx 2rpx; padding: 2rpx 3rpx 2rpx 3rpx;
background-color: #ff1926; background-color: #ff1926;
border-radius: 10rpx; border-radius: 20rpx;
width: 22rpx; // width: 22rpx;
height: 20rpx; // height: 20rpx;
font-size: 10rpx; // font-size: 10rpx;
color: #ffffff; color: #ffffff;
} }
.message_num_font {
width: 22rpx;
height: 22rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 16rpx;
}
} }
} }
@@ -717,7 +734,7 @@
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
z-index: 20; z-index: 20;
opacity: .9;
.item { .item {
flex: 1; flex: 1;
// background-color: red; // background-color: red;