测试

src/pages/productLine/productLine.vue

 <template>
-	<u-navbar
-		:is-back="false"
-		title="产品线"
-		:background="{ background: '#f8f8f8' }"
-		title-bold
-		title-color="#000"
-	>
-		<template #right>
-			<view style="margin-right: 30rpx" @tap="reset">重置</view>
-		</template>
-	</u-navbar>
-	<view class="u-wrap">
-		<view class="u-menu-wrap">
-			<view style="position: fixed; left: 8rpx; top: 5%;">
-				<drag-and-drop-sort
-					ref="dragRef"
-					style="display: flex; justify-content: center;"
-					:controlsList="lineList"
-					:controlsSize="{ width: 180, height: 40 }"
-					@sheet-del="sheetDel"
-					@sheet-copy="sheetCopy"
-					@sheet-edit="sheetEdit"
-				>
-					<template #default="scope">
-						<u-section
-							v-if="lineList[scope.index]?.status === 1"
-							:title="scope.row.name"
-							:right="false"
-							:show-line="scope.row.show"
-							:line-color="scope.row.show ? '#0000f0' : ''"
-							style="margin-left: 20rpx;"
-						></u-section>
-						<view v-else class="add">
-							<u-icon name="plus" color="#c6c6c6" size="50" @tap="addTabs"></u-icon>
-						</view>
-					</template>
-				</drag-and-drop-sort>
-			</view>
-			<view class="left-cates" />
-			<view class="right-cates">
-				<view style="width: 80px;">
-					<block v-for="(item, index) in lineList">
-						<u-image
-							v-if="index != lineList.length - 1"
-							width="160rpx"
-							mode="widthFix"
-							:src="item.url.split('http').length > 1 ? item.url : baseUrl + item.url"
-						></u-image>
-					</block>
+	<view style="width: 100%; height: 100vh;">
+		<u-navbar
+			:is-back="false"
+			title="产品线"
+			:background="{ background: '#f8f8f8' }"
+			title-bold
+			title-color="#000"
+		>
+			<template #right>
+				<view style="margin-right: 30rpx" @tap="reset">重置</view>
+			</template>
+		</u-navbar>
+		<view class="u-wrap">
+			<view class="u-menu-wrap">
+				<view style="position: fixed; left: 8rpx; top: 5%;">
+					<drag-and-drop-sort
+						ref="dragRef"
+						style="display: flex; justify-content: center;"
+						:controlsList="lineList"
+						:controlsSize="{ width: 180, height: 40 }"
+						@sheet-del="sheetDel"
+						@sheet-copy="sheetCopy"
+						@sheet-edit="sheetEdit"
+					>
+						<template #default="scope">
+							<u-section
+								v-if="lineList[scope.index]?.status === 1"
+								:title="scope.row.name"
+								:right="false"
+								:show-line="scope.row.show"
+								:line-color="scope.row.show ? '#0000f0' : ''"
+								style="margin-left: 20rpx;"
+							></u-section>
+							<view v-else class="add">
+								<u-icon
+									name="plus"
+									color="#c6c6c6"
+									size="50"
+									@tap="addTabs"
+								></u-icon>
+							</view>
+						</template>
+					</drag-and-drop-sort>
+				</view>
+				<view class="left-cates" />
+				<view class="right-cates">
+					<view style="width: 80px;">
+						<block v-for="(item, index) in lineList">
+							<u-image
+								v-if="index != lineList.length - 1"
+								width="160rpx"
+								mode="widthFix"
+								:src="
+									item.url.split('http').length > 1
+										? item.url
+										: baseUrl + item.url
+								"
+							></u-image>
+						</block>
+					</view>
 				</view>
 			</view>
+			<!-- 导航 -->
+			<uni-goods-nav
+				class="goods-nav"
+				:fill="true"
+				:options="options"
+				:buttonGroup="buttonGroup"
+				@click="onClick"
+				@buttonClick="buttonClick"
+			/>
 		</view>
-		<!-- 导航 -->
-		<uni-goods-nav
-			class="goods-nav"
-			:fill="true"
-			:options="options"
-			:buttonGroup="buttonGroup"
-			@click="onClick"
-			@buttonClick="buttonClick"
+		<!-- 选择弹出框 -->
+		<category-popup
+			ref="categoryRef"
+			:show="showPopup"
+			@close="handleClose"
+			@categoryData="initCategory"
 		/>
-	</view>
-	<!-- 选择弹出框 -->
-	<category-popup
-		ref="categoryRef"
-		:show="showPopup"
-		@close="handleClose"
-		@categoryData="initCategory"
-	/>
-	<!-- 产品线sku -->
-	<goods-sku ref="goodsSkuRef" @add-product="addProduct" @close-sku="closeSku" />
+		<!-- 产品线sku -->
+		<goods-sku ref="goodsSkuRef" @add-product="addProduct" @close-sku="closeSku" />
 
-	<!-- 设置标题 -->
-	<set-title ref="setTitleRef" />
+		<!-- 设置标题 -->
+		<set-title ref="setTitleRef" />
 
-	<!-- model提示框 -->
-	<u-modal
-		v-model="model.show"
-		:content="model.content"
-		show-cancel-button
-		@confirm="onConfirm"
-	></u-modal>
+		<!-- model提示框 -->
+		<u-modal
+			v-model="model.show"
+			:content="model.content"
+			show-cancel-button
+			@confirm="onConfirm"
+		></u-modal>
+	</view>
 </template>
 
 <script lang="ts" setup>