ss_dc_wechat_mini_program/pages/my/index.vue

<template>
    <view class="content">
        <view class="header">
            <Icon name="icon-yuyan" size="48" color="#007AFF" @click="handleIconClick"></Icon>
            <text class="title">我的</text>
        </view>

        <!-- 引入底部导航栏 -->
        <tabbar />
    </view>
</template>

<script setup>
import Icon from '@/components/icon/index.vue';
import { onShow } from '@dcloudio/uni-app';
import tabbar from '@/components/tabbar/index.vue'  
onShow(() => {
    // 触发tabbar更新
    uni.$emit('onShow');
});
 
const handleIconClick = () => {
    uni.showToast({
        title: '点击了图标',
        icon: 'none'
    });
};

        
    
   

</script>

<style lang="scss" scoped>
.content {
	background: #eeeeee;
	min-height: 100vh;
	
}
</style>