Browse Source

首页

dev_des
1054425342@qq.com 2 months ago
parent
commit
3d984d15af
  1. 33
      components/CustomTabBar.vue
  2. 2
      components/MusicControl.vue
  3. 2
      pages/index/iSoul.vue
  4. 8
      pages/index/index.vue
  5. BIN
      static/image/tabbar/agent.png
  6. BIN
      static/image/tabbar/agent_select.png
  7. BIN
      static/image/tabbar/book.png
  8. BIN
      static/image/tabbar/book_select.png
  9. BIN
      static/image/tabbar/home.png
  10. BIN
      static/image/tabbar/home_select.png
  11. BIN
      static/image/tabbar/isoul.png
  12. BIN
      static/image/tabbar/isoul_select.png
  13. BIN
      static/image/tabbar/time.png
  14. BIN
      static/image/tabbar/time_select.png

33
components/CustomTabBar.vue

@ -1,8 +1,6 @@
<template> <template>
<view class=""> <view class="">
<!-- <view class="" style="width: 100%;height: 130rpx;"> <view class="custom-tab-bar-placeholder"></view>
</view> -->
<view class="custom-tab-bar"> <view class="custom-tab-bar">
<view <view
class="tab-item" class="tab-item"
@ -11,9 +9,14 @@
v-if="tabBarShowList[i]" v-if="tabBarShowList[i]"
@click="switchTab(i)" @click="switchTab(i)"
> >
<text :style="{ color: currentTab === i ? item.selectColor : '#fff' }">{{ <image
:src="currentTab === i ? item.select_img : item.img"
style="height: 80rpx"
mode="heightFix"
></image>
<!-- <text :style="{ color: currentTab === i ? item.selectColor : '#fff' }">{{
item.text item.text
}}</text> }}</text> -->
</view> </view>
</view> </view>
</view> </view>
@ -33,12 +36,16 @@ export default {
{ {
pagePath: "pages/index/index", pagePath: "pages/index/index",
selectColor: "#00FF00", selectColor: "#00FF00",
img: require("@/static/image/tabbar/home.png"),
select_img: require("@/static/image/tabbar/home_select.png"),
text: "首页", text: "首页",
}, },
{ {
pagePath: "pages/index/readingBody", pagePath: "pages/index/readingBody",
selectColor: "#00FF00", selectColor: "#00FF00",
text: "阅读体", text: "阅读体",
img: require("@/static/image/tabbar/book.png"),
select_img: require("@/static/image/tabbar/book_select.png"),
}, },
// { // {
// pagePath: "pages/index/sensoryStore", // pagePath: "pages/index/sensoryStore",
@ -49,16 +56,22 @@ export default {
pagePath: "pages/index/timeShopBank", pagePath: "pages/index/timeShopBank",
selectColor: "#00FF00", selectColor: "#00FF00",
text: "时间银行", text: "时间银行",
img: require("@/static/image/tabbar/time.png"),
select_img: require("@/static/image/tabbar/time_select.png"),
}, },
{ {
pagePath: "pages/index/intelligentAgent", pagePath: "pages/index/intelligentAgent",
selectColor: "#00FFFF", selectColor: "#00FFFF",
text: "智能体", text: "智能体",
img: require("@/static/image/tabbar/agent.png"),
select_img: require("@/static/image/tabbar/agent_select.png"),
}, },
{ {
pagePath: "pages/index/iSoul", pagePath: "pages/index/iSoul",
selectColor: "#00FF00", selectColor: "#00FF00",
text: "iSoul", text: "iSoul",
img: require("@/static/image/tabbar/isoul.png"),
select_img: require("@/static/image/tabbar/isoul_select.png"),
}, },
], ],
tabBarShowList: [], tabBarShowList: [],
@ -105,9 +118,15 @@ export default {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
height: 123rpx;
z-index: 30; z-index: 30;
background: #989898; padding: 20rpx 0;
background: white;
padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx);
}
.custom-tab-bar-placeholder {
height: calc(env(safe-area-inset-bottom) + 120rpx);
width: 100%;
} }
.tab-item { .tab-item {

2
components/MusicControl.vue

@ -64,7 +64,7 @@ export default {
.music-control { .music-control {
position: fixed; position: fixed;
right: 30rpx; right: 30rpx;
bottom: 150rpx; bottom: 210rpx;
width: 80rpx; width: 80rpx;
height: 80rpx; height: 80rpx;
border-radius: 50%; border-radius: 50%;

2
pages/index/iSoul.vue

@ -718,8 +718,6 @@ view {
.profile-container { .profile-container {
background: white; background: white;
min-height: 100vh;
padding-bottom: 200rpx;
color: white; color: white;
} }

8
pages/index/index.vue

@ -17,6 +17,7 @@
/> />
<view class="content" @click="handleContentClick"> <view class="content" @click="handleContentClick">
<Book></Book>
<!-- 权益商品区域 --> <!-- 权益商品区域 -->
<ProductSection <ProductSection
v-show="productList.length" v-show="productList.length"
@ -40,7 +41,6 @@
isFeel isFeel
color="#D3FCFF" color="#D3FCFF"
/> />
<view class="tab-bar-placeholder"></view>
</view> </view>
<CustomTabBar :currentTab="0" /> <CustomTabBar :currentTab="0" />
@ -54,6 +54,8 @@ import headerVue from "@/components/header.vue";
import CustomTabBar from "@/components/CustomTabBar.vue"; import CustomTabBar from "@/components/CustomTabBar.vue";
import DynamicIsland from "@/components/DynamicIsland.vue"; import DynamicIsland from "@/components/DynamicIsland.vue";
import ProductSection from "@/components/ProductSection.vue"; import ProductSection from "@/components/ProductSection.vue";
import Book from "@/components/Book.vue";
export default { export default {
components: { components: {
CustomTabBar, CustomTabBar,
@ -61,6 +63,7 @@ export default {
MusicControl, MusicControl,
DynamicIsland, DynamicIsland,
ProductSection, ProductSection,
Book
}, },
computed: { computed: {
// //
@ -132,8 +135,7 @@ export default {
province: "江苏省", province: "江苏省",
provinceId: "320000", provinceId: "320000",
street: "太湖东路", street: "太湖东路",
} };
} }
this.addressInfo = res; this.addressInfo = res;
this.selectedText = res && res.city; this.selectedText = res && res.city;

BIN
static/image/tabbar/agent.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
static/image/tabbar/agent_select.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
static/image/tabbar/book.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

BIN
static/image/tabbar/book_select.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
static/image/tabbar/home.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
static/image/tabbar/home_select.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
static/image/tabbar/isoul.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
static/image/tabbar/isoul_select.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
static/image/tabbar/time.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

BIN
static/image/tabbar/time_select.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Loading…
Cancel
Save