|
@@ -234,14 +234,16 @@
|
|
|
|
|
|
|
|
<!-- 底部导航栏 -->
|
|
<!-- 底部导航栏 -->
|
|
|
<view class="tabbar">
|
|
<view class="tabbar">
|
|
|
- <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 active" @click="switchTab('index')">
|
|
|
|
|
+
|
|
|
|
|
+ <image src="https://api.zhongruanke.cn/minio/static-images/首页 (1).png" class="first-icon"/>
|
|
|
|
|
+
|
|
|
|
|
+ <text class="tabbar-text">首页</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="tabbar-item" @click="switchTab('plaza')">
|
|
|
|
|
+ <image src="https://api.zhongruanke.cn/minio/static-images/动态(1).png" class="first-icon"/>
|
|
|
|
|
+ <text class="tabbar-text">动态</text>
|
|
|
|
|
+ </view>
|
|
|
<view class="tabbar-item" @click="switchTab('recommend')">
|
|
<view class="tabbar-item" @click="switchTab('recommend')">
|
|
|
<text class="tabbar-icon">👍</text>
|
|
<text class="tabbar-icon">👍</text>
|
|
|
<text class="tabbar-text">推荐</text>
|
|
<text class="tabbar-text">推荐</text>
|
|
@@ -2134,6 +2136,12 @@ export default {
|
|
|
margin-bottom: 8rpx;
|
|
margin-bottom: 8rpx;
|
|
|
transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
|
}
|
|
}
|
|
|
|
|
+ .first-icon{
|
|
|
|
|
+ width: 25px;
|
|
|
|
|
+ height: 25px;
|
|
|
|
|
+ margin-bottom: 5px;
|
|
|
|
|
+ margin-top: 5px;
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
.tabbar-text {
|
|
.tabbar-text {
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
@@ -2152,9 +2160,16 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.tabbar-text {
|
|
.tabbar-text {
|
|
|
- color: #FF6B8A;
|
|
|
|
|
|
|
+ color: #722F37;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+ .first-icon{
|
|
|
|
|
+ width: 30px;
|
|
|
|
|
+ height: 30px;
|
|
|
|
|
+ margin-bottom: 5px;
|
|
|
|
|
+ margin-top: 5px;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
&:active:not(.active) {
|
|
&:active:not(.active) {
|