1.6提交

pages_goods/productDetail/productDetail.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="product-detail-container">
 		<!-- 顶部导航栏 -->
-		<uni-nav-bar
+		<!-- <uni-nav-bar
 			left-icon="left"
 			:title="navTitle"
 			@clickLeft="goBack"
@@ -10,13 +10,13 @@
 			height="180rpx"
 			:border="false"
 			backgroundColor="#ffffff"
-		/>
-
+		/> -->
+        <navBar :title="navTitle"  />
 		<!-- 内容区 -->
 		<scroll-view scroll-y class="detail-scroll">
 			<!-- 商品主图轮播 -->
 			<view class="swiper-box">
-				<swiper class="detail-swiper" :indicator-dots="true" :autoplay="false" :interval="3000" :duration="400">
+				<swiper class="detail-swiper" :indicator-dots="true" :autoplay="false" :interval="3000" :duration="400" indicator-color="#ccc" indicator-active-color="#8B2316">
 					<swiper-item v-for="(img, idx) in images" :key="idx">
 						<image class="swiper-image" :src="img" mode="aspectFit"></image>
 					</swiper-item>
@@ -62,6 +62,7 @@ import { ref, computed } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
 import goods_api from '@/api/goods_api'
 import docUrl from '@/utils/docUrl'
+import navBar from '@/components/navBar/navBar.vue'
 
 const product = ref({ id: '', title: '', price: 0, times: 0, content: '' })
 const images = ref([])
@@ -116,7 +117,7 @@ const goExchange = () => {
 
 .detail-scroll {
 	position: absolute;
-	top: 180rpx;
+	top: calc(var(--status-bar-height) + 44px);
 	left: 0;
 	right: 0;
 	bottom: 100rpx;