|
@@ -206,28 +206,28 @@
|
|
|
|
|
|
|
|
<!-- 底部导航 -->
|
|
<!-- 底部导航 -->
|
|
|
<view class="tabbar">
|
|
<view class="tabbar">
|
|
|
- <view class="tabbar-item" @click="navigateToWorkbench">
|
|
|
|
|
- <view class="tabbar-icon home"></view>
|
|
|
|
|
- <text class="tabbar-text">工作台</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="tabbar-item active" @click="navigateToMyResources">
|
|
|
|
|
- <view class="tabbar-icon resources"></view>
|
|
|
|
|
- <text class="tabbar-text">我的资源</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="tabbar-item" @click="navigateToRanking">
|
|
|
|
|
- <view class="tabbar-icon trophy"></view>
|
|
|
|
|
- <text class="tabbar-text">排行榜</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <!-- <view class="tabbar-item" @click="navigateToMessage">
|
|
|
|
|
- <view class="tabbar-icon message">
|
|
|
|
|
- <view v-if="unreadCount > 0" class="badge">{{ unreadCount }}</view>
|
|
|
|
|
|
|
+ <view class="tabbar-item home" @click="navigateToWorkbench">
|
|
|
|
|
+ <view class="tabbar-icon"></view>
|
|
|
|
|
+ <text class="tabbar-text">工作台</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="tabbar-item resources active" @click="navigateToMyResources">
|
|
|
|
|
+ <view class="tabbar-icon"></view>
|
|
|
|
|
+ <text class="tabbar-text">我的资源</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="tabbar-item trophy" @click="navigateToRanking">
|
|
|
|
|
+ <view class="tabbar-icon"></view>
|
|
|
|
|
+ <text class="tabbar-text">排行榜</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <!-- <view class="tabbar-item message" @click="navigateToMessage">
|
|
|
|
|
+ <view class="tabbar-icon">
|
|
|
|
|
+ <view v-if="unreadCount > 0" class="badge">{{ unreadCount }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <text class="tabbar-text">消息</text>
|
|
|
|
|
+ </view> -->
|
|
|
|
|
+ <view class="tabbar-item mine" @click="navigateToMine">
|
|
|
|
|
+ <view class="tabbar-icon"></view>
|
|
|
|
|
+ <text class="tabbar-text">我的</text>
|
|
|
</view>
|
|
</view>
|
|
|
- <text class="tabbar-text">消息</text>
|
|
|
|
|
- </view> -->
|
|
|
|
|
- <view class="tabbar-item" @click="navigateToMine">
|
|
|
|
|
- <view class="tabbar-icon mine"></view>
|
|
|
|
|
- <text class="tabbar-text">我的</text>
|
|
|
|
|
- </view>
|
|
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
@@ -1768,16 +1768,20 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
&.resources .tabbar-icon {
|
|
&.resources .tabbar-icon {
|
|
|
|
|
+ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23999"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>');
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ &.active.resources .tabbar-icon {
|
|
|
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%239C27B0"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>');
|
|
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%239C27B0"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>');
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
&.trophy .tabbar-icon {
|
|
&.trophy .tabbar-icon {
|
|
|
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23999"><path d="M18 6l-1.42 1.42-1.59-1.59L13 8.17l-1.42-1.42L9 8.17l-1.59-1.59L6 6l3 3V18c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2V9l3-3zm-4 12H8v-7.5l4-4 4 4V18z"/></svg>');
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23999"><path d="M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z"/></svg>');
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
- &.active.trophy .tabbar-icon {
|
|
|
|
|
- background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%239C27B0"><path d="M18 6l-1.42 1.42-1.59-1.59L13 8.17l-1.42-1.42L9 8.17l-1.59-1.59L6 6l3 3V18c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2V9l3-3zm-4 12H8v-7.5l4-4 4 4V18z"/></svg>');
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ &.active.trophy .tabbar-icon {
|
|
|
|
|
+ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%239C27B0"><path d="M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z"/></svg>');
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
&.message .tabbar-icon {
|
|
&.message .tabbar-icon {
|
|
|
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23999"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/></svg>');
|
|
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23999"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/></svg>');
|