wx-qhb/pages/index/index.vue

<template>
	<!-- 商城 -->
	<view class="">

		<view style="position: relative;">
			<!-- 自定义导航栏 -->
			<image src="../../static/images/index/back.png"
				style="width: 750rpx;height: 780rpx;position: absolute;top: -20rpx;z-index: -1;" mode=""></image>
			<u-navbar :safeAreaInsetTop="true" style="position: absolute;z-index: 110;background-color: rgba(0,0,0,0);">
				<view class="u-nav-slot" slot="left" style="display: flex;">
					<image src="../../static/images/index/xiaoxi.png" mode="" style="width: 40rpx;height: 40rpx;">
					</image>
					<image src="../../static/images/index/compile.png" mode=""
						style="width: 40rpx;height: 40rpx;margin-left: 22rpx;"></image>
					<image src="../../static/images/index/dianhua.png" mode=""
						style="width: 40rpx;height: 40rpx;margin-left: 22rpx;"></image>
				</view>
				<view class="u-nav-slot" slot="center" style="display: flex;">
					<u-subsection activeColor='#F83224' inactiveColor='#222'  :list="list" :current="1"></u-subsection>
				</view>
			</u-navbar>
		</view>
		<kj-tabbar :value1=1></kj-tabbar>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				//顶部分段器
				list: ['跨境速递', '商城'],
				current: 1
			}
		},
		onLoad() {

		},
		methods: {
			
		}
	}
</script>

<style>
	::v-deep .u-navbar__content.data-v-1194bf80 {
		background-color: rgba(0, 0, 0, 0) !important;
	}

	::v-deep .u-status-bar.data-v-13f16680 {
		background-color: rgba(0, 0, 0, 0) !important;
	}
</style>