|
|
@@ -234,28 +234,28 @@
|
|
|
|
|
|
<!-- 底部导航栏 -->
|
|
|
<view class="tabbar">
|
|
|
- <view class="tabbar-item active" @click="switchTab('index')">
|
|
|
- <text class="tabbar-icon">🏠</text>
|
|
|
- <text class="tabbar-text">首页</text>
|
|
|
- </view>
|
|
|
- <view class="tabbar-item" @click="switchTab('plaza')">
|
|
|
- <text class="tabbar-icon">💕</text>
|
|
|
- <text class="tabbar-text">动态</text>
|
|
|
- </view>
|
|
|
- <view class="tabbar-item" @click="switchTab('recommend')">
|
|
|
- <text class="tabbar-icon">👍</text>
|
|
|
- <text class="tabbar-text">推荐</text>
|
|
|
- </view>
|
|
|
- <!-- <view class="tabbar-item" @click="switchTab('message')">
|
|
|
- <text class="tabbar-icon">💬</text>
|
|
|
- <text class="tabbar-text">消息</text>
|
|
|
- <view v-if="unreadCount >= 1" class="tabbar-badge">{{ unreadCount }}</view>
|
|
|
- </view> -->
|
|
|
- <view class="tabbar-item" @click="switchTab('mine')">
|
|
|
- <text class="tabbar-icon">👤</text>
|
|
|
- <text class="tabbar-text">我的</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <view class="tabbar-item" @click="switchTab('index')">
|
|
|
+ <text class="tabbar-icon">🏠</text>
|
|
|
+ <text class="tabbar-text">首页</text>
|
|
|
+ </view>
|
|
|
+ <view class="tabbar-item" @click="switchTab('plaza')">
|
|
|
+ <text class="tabbar-icon">💕</text>
|
|
|
+ <text class="tabbar-text">动态</text>
|
|
|
+ </view>
|
|
|
+ <view class="tabbar-item" @click="switchTab('recommend')">
|
|
|
+ <text class="tabbar-icon">👍</text>
|
|
|
+ <text class="tabbar-text">推荐</text>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="tabbar-item" @click="switchTab('message')">
|
|
|
+ <text class="tabbar-icon">💬</text>
|
|
|
+ <text class="tabbar-text">消息</text>
|
|
|
+ <view v-if="unreadCount >= 1" class="tabbar-badge">{{ unreadCount }}</view>
|
|
|
+ </view> -->
|
|
|
+ <view class="tabbar-item active" @click="switchTab('mine')">
|
|
|
+ <text class="tabbar-icon">👤</text>
|
|
|
+ <text class="tabbar-text">我的</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -2190,7 +2190,7 @@ export default {
|
|
|
transition: all 0.3s ease;
|
|
|
|
|
|
.tabbar-icon {
|
|
|
- font-size: 48rpx;
|
|
|
+ font-size: 44rpx;
|
|
|
margin-bottom: 8rpx;
|
|
|
transition: all 0.3s ease;
|
|
|
}
|
|
|
@@ -2209,16 +2209,16 @@ export default {
|
|
|
}
|
|
|
|
|
|
&.active {
|
|
|
- transform: translateY(-5rpx);
|
|
|
+ /* 移除translateY变换,与其他页面保持一致 */
|
|
|
|
|
|
.tabbar-icon {
|
|
|
- color: #FF6B8A;
|
|
|
- transform: scale(1.1);
|
|
|
- filter: drop-shadow(0 4rpx 15rpx rgba(255, 107, 138, 0.3));
|
|
|
+ color: #E91E63;
|
|
|
+ /* 移除scale变换,与其他页面保持一致 */
|
|
|
+ filter: drop-shadow(0 4rpx 15rpx rgba(233, 30, 99, 0.3));
|
|
|
}
|
|
|
|
|
|
.tabbar-text {
|
|
|
- color: #722F37;
|
|
|
+ color: #E91E63;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
|
@@ -2239,13 +2239,13 @@ export default {
|
|
|
height: 36rpx;
|
|
|
line-height: 36rpx;
|
|
|
padding: 0 10rpx;
|
|
|
- background: linear-gradient(135deg, #FF6B8A 0%, #FF8A9B 100%);
|
|
|
+ background: linear-gradient(135deg, #E91E63 0%, #EC407A 100%);
|
|
|
border-radius: 18rpx;
|
|
|
font-size: 22rpx;
|
|
|
color: #FFFFFF;
|
|
|
text-align: center;
|
|
|
font-weight: bold;
|
|
|
- box-shadow: 0 4rpx 15rpx rgba(255, 107, 138, 0.3);
|
|
|
+ box-shadow: 0 4rpx 15rpx rgba(233, 30, 99, 0.3);
|
|
|
transform: scale(1);
|
|
|
transition: all 0.3s ease;
|
|
|
}
|