样式修改

common/styles/global/components.scss

@@ -106,4 +106,38 @@ view{box-sizing: border-box;}
 		background-image: url("@/static/images/common/nav-bar-jt.svg");@include ezy-no-repeat-cover();
 	}
 
-/******************** 网站组件样式 ********************/
+/******************** 网站组件样式 ********************/
+.dljt-navBar-box{
+	width: 100%;height: 140rpx;@include ezy-no-repeat-cover();
+	display: flex;align-items: center;justify-content: space-between;
+	background-image: url("@/static/images/common/dljt-navBar-bj.png");
+	.uni-navbar--shadow{box-shadow: none;border-bottom: 0;}
+	.uni-navbar__header-btns{display: none;}
+	.uni-navbar__header-container{justify-content: space-between;align-items: center;width: 100%;}
+	.dljt-logo-box{
+		width: 495rpx;height: 110rpx;@include ezy-no-repeat-cover();
+		background-image: url("@/static/images/common/website-logo.gif");
+	}
+	.dljt-menu-box{
+		width: 60rpx;height: 44rpx;@include ezy-no-repeat-cover();
+		background-image: url("@/static/images/common/menu-icon.png");
+	}
+}
+.head-collapse-box{
+		width: 100%;height: 100vh!important;background-color: #0041b7!important;
+		.uni-collapse-item__title-box{background-color: #0041b7!important;font-size: 32rpx;color: #fff;}
+		.uni-collapse-item--animation{
+			transform: rotate(270deg);
+			.uni-icons{font-size: 32rpx!important;color: #fff!important;}
+		}
+		.uni-collapse-item__title-arrow-active{transform: rotate(360deg);}
+		.head-collapse-item{
+			margin: 0 16rpx;
+			.uni-collapse-item__title-text{font-size: 32rpx;}
+			.uni-collapse-item__title{padding: 16rpx 0;}
+			.open{padding-bottom: 16rpx;}
+			.uni-collapse-item__wrap{background-color: #0041b7!important;}
+		}
+		.head-item-text{background-color: #45bcf4;margin:0 16rpx 16rpx;font-size: 32rpx;
+		border-radius: 8rpx;color: #fff;padding: 32rpx 16rpx;box-sizing: border-box;}
+	}

components/MtaNavbar/MtaNavbar.vue

@@ -1,20 +1,16 @@
 <template>
-	<uni-nav-bar dark :fixed="true" shadow background-color="#007AFF" status-bar left-icon="left" left-text="返回"
-		title="自定义导航栏" @clickLeft="handleBack">
-		<!-- <image src="/static/logo.png" mode=""></image> -->
-		<view>logo</view>
-		<block slot="right" v-if="hasRight">
-			<uni-icons type="bars" size="30" color="#fff" @click="handleChangeMenu"></uni-icons>
-		</block>
+	<!-- left-icon="left" left-text="返回" @clickLeft="handleBack" shadow status-bar -->
+	<uni-nav-bar dark :fixed="true" shadow background-color="transparent" title="自定义导航栏"  class="dljt-navBar-box">
+		<view class="dljt-logo-box"></view>
+		<icon class="dljt-menu-box" v-if="hasRight" @click="handleChangeMenu"></icon>
 	</uni-nav-bar>
 
 	<!-- 菜单面板 -->
-	<uni-collapse ref="collapse" accordion v-model="data.activeMenu" v-show="data.showMenu">
-		<uni-collapse-item :title="item.title" v-for="item in data.list" :key="item.title" :name="item.url">
-			<view v-for="cIt in item.children" :key="item.title" @click="handleClick(cIt)">
-				<view class="content">
-					<text class="text" :class="{active: cIt.url.includes(data.activePath)}">{{cIt.title}}</text>
-				</view>
+	<uni-collapse class="head-collapse-box" ref="collapse" accordion v-model="data.activeMenu" v-show="data.showMenu">
+		<uni-collapse-item class="head-collapse-item" :title="item.title" v-for="item in data.list" :key="item.title" :name="item.url">
+			<view class="head-item-text" v-for="cIt in item.children" :key="item.title"  
+			:class="{active: cIt.url.includes(data.activePath)}" @click="handleClick(cIt)">
+				{{cIt.title}}
 			</view>
 		</uni-collapse-item>
 	</uni-collapse>