dianliang/dl_uniapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
Vinjor 2025-03-31 15:40:40 +08:00
parent 06082ddf85
commit 11f2287704
3 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/tabbar/tabBar.vue
View File

@ -5,11 +5,11 @@
@click="goPage(item)"> @click="goPage(item)">
<view class="item-top"> <view class="item-top">
<view style="position: relative;width: 45rpx;margin: auto;"> <view style="position: relative;width: 45rpx;margin: auto;">
<image class="dl-image" :src="currPage === item.id ? item.selectedIconPath : item.iconPath" /> <image class="dl-image" :src="menuCode === item.code ? item.selectedIconPath : item.iconPath" />
<image v-if="1==i" class="dl-vip" src="@/static/index/vip.png" mode="aspectFit"></image> <image v-if="1==i" class="dl-vip" src="@/static/index/vip.png" mode="aspectFit"></image>
</view> </view>
</view> </view>
<view class="item-bottom" :class="[currPage === item.id ? 'item-active' : '']">{{ item.text }}</view> <view class="item-bottom" :class="[menuCode === item.code ? 'item-active' : '']">{{ item.text }}</view>
</view> </view>
</view> </view>
</template> </template>
@ -17,9 +17,9 @@
<script> <script>
export default { export default {
props: { props: {
currPage: { menuCode: {
Type: 'int', Type: 'String',
default: 0 default: 'home'
} }
}, },
data() { data() {
@ -71,7 +71,6 @@
* @param {Object} item * @param {Object} item
*/ */
goPage(item) { goPage(item) {
this.currPage = item.id
this.$emit("changeMenu", item.code) this.$emit("changeMenu", item.code)
} }
} }
@ -93,6 +92,7 @@
color: $textDefaultColor; color: $textDefaultColor;
background-color: #F7F7F7; background-color: #F7F7F7;
background-size: 100% 100%; background-size: 100% 100%;
box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.3);
} }
.tabbar-item { .tabbar-item {

6
pages.json
View File

@ -91,6 +91,12 @@
"style": { "style": {
"navigationBarTitleText": "通告组件" "navigationBarTitleText": "通告组件"
} }
},
{
"path": "pages/components/subscribe",
"style": {
"navigationBarTitleText": ""
}
} }
], ],
"subPackages": [{ "subPackages": [{

7
pages/index.vue
View File

@ -5,19 +5,22 @@
<!-- 通告列表页 --> <!-- 通告列表页 -->
<notice-index v-show="'home'==menuCode"></notice-index> <notice-index v-show="'home'==menuCode"></notice-index>
<mine-index v-show="'my'==menuCode"></mine-index> <mine-index v-show="'my'==menuCode"></mine-index>
<subscribe-vue v-show="'dingyue'==menuCode"></subscribe-vue>
</view> </view>
<tabBarVue :currPage="3" ref="tarBar" @changeMenu="changeMenu"></tabBarVue> <tabBarVue :menuCode="menuCode" ref="tarBar" @changeMenu="changeMenu"></tabBarVue>
</view> </view>
</template> </template>
<script> <script>
import tabBarVue from '@/components/tabbar/tabBar.vue' import tabBarVue from '@/components/tabbar/tabBar.vue'
import noticeIndex from '@/pages/components/index.vue' import noticeIndex from '@/pages/components/index.vue'
import subscribeVue from '@/pages/components/subscribe.vue'
import mineIndex from '@/pages/mine/index.vue' import mineIndex from '@/pages/mine/index.vue'
export default { export default {
components: { components: {
tabBarVue, tabBarVue,
noticeIndex, noticeIndex,
subscribeVue,
mineIndex mineIndex
}, },
data() { data() {
@ -32,7 +35,7 @@
total: 0, total: 0,
//下来刷新状态 //下来刷新状态
isTriggered: false, isTriggered: false,
menuCode: "my", menuCode: "dingyue",
} }
}, },
onLoad: function() { onLoad: function() {