From 0a66a4890684dff71395258535ede43c945d6192 Mon Sep 17 00:00:00 2001
From: jry <ijry@qq.com>
Date: Wed, 28 Aug 2024 23:28:05 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Duni-app-x=E6=BC=94?=
 =?UTF-8?q?=E7=A4=BA=E9=81=97=E7=95=99=E7=9A=84slot=E6=97=A7=E8=AF=AD?=
 =?UTF-8?q?=E6=B3=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 uni-app-x/pages.json                          |  14 +-
 uni-app-x/pages/componentsA/cell/cell.uvue    |  25 ++--
 uni-app-x/pages/componentsA/empty/empty.nvue  |  13 +-
 .../loading-page/loading-page.uvue            |  13 +-
 .../pages/componentsA/overlay/overlay.nvue    |  13 +-
 uni-app-x/pages/componentsA/popup/popup.nvue  |  14 +-
 .../componentsB/actionSheet/actionSheet.nvue  |  14 +-
 .../pages/componentsB/collapse/collapse.nvue  | 123 ++++++------------
 .../pages/componentsB/keyboard/keyboard.nvue  |  13 +-
 .../pages/componentsB/notify/notify.nvue      |  13 +-
 uni-app-x/pages/componentsB/toast/toast.nvue  |  13 +-
 .../pages/componentsC/calendar/calendar.nvue  |  13 +-
 .../datetimePicker/datetimePicker.nvue        |  13 +-
 uni-app-x/pages/componentsC/form/form.nvue    |  27 ++--
 .../componentsC/indexList/indexList.nvue      |  61 +++++----
 .../pages/componentsC/picker/picker.nvue      |  13 +-
 .../pages/componentsC/swiper/swiper.nvue      |  32 ++---
 uni-app-x/pages/componentsC/tabs/tabs.nvue    |  86 ++++++++++--
 18 files changed, 280 insertions(+), 233 deletions(-)

diff --git a/uni-app-x/pages.json b/uni-app-x/pages.json
index 1242ed311..1afa97f78 100644
--- a/uni-app-x/pages.json
+++ b/uni-app-x/pages.json
@@ -333,12 +333,14 @@
 		// 	"style": {
 		// 		"navigationBarTitleText": "骨架屏"
 		// 	}
-		// }, {
-		// 	"path": "input/input",
-		// 	"style": {
-		// 		"navigationBarTitleText": "输入框"
-		// 	}
-		// }, {
+		// }
+		,{
+			"path": "input/input",
+			"style": {
+				"navigationBarTitleText": "输入框"
+			}
+		}
+		// , {
 		// 	"path": "album/album",
 		// 	"style": {
 		// 		"navigationBarTitleText": "相册"
diff --git a/uni-app-x/pages/componentsA/cell/cell.uvue b/uni-app-x/pages/componentsA/cell/cell.uvue
index fb6a11f5e..8399e6ed5 100644
--- a/uni-app-x/pages/componentsA/cell/cell.uvue
+++ b/uni-app-x/pages/componentsA/cell/cell.uvue
@@ -100,19 +100,20 @@
 			<text class="u-page__item__title">自定义插槽</text>
 			<up-cell-group>
 				<up-cell value="内容">
-					<view
-					    slot="title"
-					    class="u-slot-title"
-					>
-						<text class="u-cell-text">单元格</text>
-						<up-tag
-						    text="标签"
-						    plain
-						    size="mini"
-						    type="warning"
+					<template #title>
+						<view
+							class="u-slot-title"
 						>
-						</up-tag>
-					</view>
+							<text class="u-cell-text">单元格</text>
+							<up-tag
+								text="标签"
+								plain
+								size="mini"
+								type="warning"
+							>
+							</up-tag>
+						</view>
+					</template>
 				</up-cell>
 				<up-cell
 				    title="单元格"
diff --git a/uni-app-x/pages/componentsA/empty/empty.nvue b/uni-app-x/pages/componentsA/empty/empty.nvue
index 496f54234..61be4d2a2 100644
--- a/uni-app-x/pages/componentsA/empty/empty.nvue
+++ b/uni-app-x/pages/componentsA/empty/empty.nvue
@@ -25,12 +25,13 @@
 				:key="index"
 				isLink
 			>
-				<image
-					slot="icon"
-					class="u-cell-icon"
-					:src="item.iconUrl"
-					mode="widthFix"
-				></image>
+				<template #icon>
+					<image
+						class="u-cell-icon"
+						:src="item.iconUrl"
+						mode="widthFix"
+					></image>
+				</template>
 			</up-cell>
 		</div>
 	</view>
diff --git a/uni-app-x/pages/componentsA/loading-page/loading-page.uvue b/uni-app-x/pages/componentsA/loading-page/loading-page.uvue
index 1c9b2beaa..dec99b518 100644
--- a/uni-app-x/pages/componentsA/loading-page/loading-page.uvue
+++ b/uni-app-x/pages/componentsA/loading-page/loading-page.uvue
@@ -20,12 +20,13 @@
 			    :key="index"
 			    isLink
 			>
-				<image
-				    slot="icon"
-				    class="u-cell-icon"
-				    :src="item['iconUrl']"
-				    mode="widthFix"
-				></image>
+				<template #icon>
+					<image
+						class="u-cell-icon"
+						:src="item['iconUrl']"
+						mode="widthFix"
+					></image>
+				</template>
 			</up-cell>
 		</up-cell-group>
 		<up-loading-page
diff --git a/uni-app-x/pages/componentsA/overlay/overlay.nvue b/uni-app-x/pages/componentsA/overlay/overlay.nvue
index 56b6e76ec..d735c6b9a 100644
--- a/uni-app-x/pages/componentsA/overlay/overlay.nvue
+++ b/uni-app-x/pages/componentsA/overlay/overlay.nvue
@@ -15,12 +15,13 @@
 			:key="index"
 			isLink
 		>
-			<image
-				slot="icon"
-				class="u-cell-icon"
-				:src="item.iconUrl"
-				mode="widthFix"
-			></image>
+			<template #icon>
+				<image
+					class="u-cell-icon"
+					:src="item.iconUrl"
+					mode="widthFix"
+				></image>
+			</template>
 		</up-cell>
 		<up-overlay
 			:show="show"
diff --git a/uni-app-x/pages/componentsA/popup/popup.nvue b/uni-app-x/pages/componentsA/popup/popup.nvue
index baf0b3827..494d4d9e1 100644
--- a/uni-app-x/pages/componentsA/popup/popup.nvue
+++ b/uni-app-x/pages/componentsA/popup/popup.nvue
@@ -20,12 +20,14 @@
 				:key="index"
 				isLink
 			>
-				<image
-					slot="icon"
-					class="u-cell-icon"
-					:src="item.iconUrl"
-					mode="widthFix"
-				></image>
+				<template #icon>
+					<image
+						slot="icon"
+						class="u-cell-icon"
+						:src="item.iconUrl"
+						mode="widthFix"
+					></image>
+				</template>
 			</up-cell>
 		</up-cell-group>
 		<up-popup
diff --git a/uni-app-x/pages/componentsB/actionSheet/actionSheet.nvue b/uni-app-x/pages/componentsB/actionSheet/actionSheet.nvue
index 15f398345..79e49550a 100644
--- a/uni-app-x/pages/componentsB/actionSheet/actionSheet.nvue
+++ b/uni-app-x/pages/componentsB/actionSheet/actionSheet.nvue
@@ -15,12 +15,14 @@
 				:key="index"
 				isLink
 			>
-				<image
-					slot="icon"
-					class="u-cell-icon"
-					:src="item.iconUrl"
-					mode="widthFix"
-				></image>
+				<template #icon>
+					<image
+						slot="icon"
+						class="u-cell-icon"
+						:src="item.iconUrl"
+						mode="widthFix"
+					></image>
+				</template>
 			</up-cell>
 		</up-cell-group>
 		<up-action-sheet
diff --git a/uni-app-x/pages/componentsB/collapse/collapse.nvue b/uni-app-x/pages/componentsB/collapse/collapse.nvue
index 165f41254..49026d0f1 100644
--- a/uni-app-x/pages/componentsB/collapse/collapse.nvue
+++ b/uni-app-x/pages/componentsB/collapse/collapse.nvue
@@ -2,146 +2,101 @@
 	<view class="u-page">
 		<view class="u-page__item">
 			<text class="u-page__item__title">基础功能</text>
-			<up-collapse
-				@change="change"
-				@close="close"
-				@open="open"
-			>
-				<up-collapse-item
-				    title="文档指南"
-					name="Docs guide"
-				>
+			<up-collapse @change="change" @close="close" @open="open">
+				<up-collapse-item title="文档指南" name="Docs guide">
 					<text class="u-collapse-content">涵盖uniapp各个方面，给开发者方向指导和设计理念，让您茅塞顿开，一马平川</text>
 				</up-collapse-item>
-				<up-collapse-item
-				    title="组件全面"
-					name="Variety components"
-				>
+				<up-collapse-item title="组件全面" name="Variety components">
 					<text class="u-collapse-content">众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用</text>
 				</up-collapse-item>
-				<up-collapse-item
-				    title="众多利器"
-					name="Numerous tools"
-				>
+				<up-collapse-item title="众多利器" name="Numerous tools" :showRight="false">
 					<text class="u-collapse-content">众多的贴心小工具，是您开发过程中召之即来的利器，让您飞镖在手，百步穿杨</text>
 				</up-collapse-item>
 			</up-collapse>
 		</view>
 		<view class="u-page__item">
 			<text class="u-page__item__title">展开和禁用</text>
-			<up-collapse
-				:value="['2']"
-			>
-				<up-collapse-item
-				    title="文档指南"
-				>
+			<up-collapse :value="['2']">
+				<up-collapse-item title="文档指南">
 					<text class="u-collapse-content">涵盖uniapp各个方面，给开发者方向指导和设计理念，让您茅塞顿开，一马平川</text>
 				</up-collapse-item>
-				<up-collapse-item
-					disabled
-				    title="组件全面"
-				>
+				<up-collapse-item disabled title="组件全面">
 					<text class="u-collapse-content">众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用</text>
 				</up-collapse-item>
-				<up-collapse-item
-					name="2"
-				    title="众多利器"
-				>
+				<up-collapse-item name="2" title="众多利器">
 					<text class="u-collapse-content">众多的贴心小工具，是您开发过程中召之即来的利器，让您飞镖在手，百步穿杨</text>
 				</up-collapse-item>
 			</up-collapse>
 		</view>
 		<view class="u-page__item">
 			<text class="u-page__item__title">手风琴模式</text>
-			<up-collapse
-				accordion
-			>
-				<up-collapse-item
-				    title="文档指南"
-				>
+			<up-collapse accordion>
+				<up-collapse-item title="文档指南">
 					<text class="u-collapse-content">涵盖uniapp各个方面，给开发者方向指导和设计理念，让您茅塞顿开，一马平川</text>
 				</up-collapse-item>
-				<up-collapse-item
-				    title="组件全面"
-				>
+				<up-collapse-item title="组件全面">
 					<text class="u-collapse-content">众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用</text>
 				</up-collapse-item>
-				<up-collapse-item
-				    title="众多利器"
-				>
+				<up-collapse-item title="众多利器">
 					<text class="u-collapse-content">众多的贴心小工具，是您开发过程中召之即来的利器，让您飞镖在手，百步穿杨</text>
 				</up-collapse-item>
 			</up-collapse>
 		</view>
 		<view class="u-page__item">
 			<text class="u-page__item__title">移除下划线</text>
-			<up-collapse
-				accordion
-				:border="false"
-			>
-				<up-collapse-item
-				    title="文档指南"
-				>
+			<up-collapse accordion :border="false">
+				<up-collapse-item title="文档指南">
 					<text class="u-collapse-content">涵盖uniapp各个方面，给开发者方向指导和设计理念，让您茅塞顿开，一马平川</text>
 				</up-collapse-item>
-				<up-collapse-item
-				    title="组件全面"
-				>
+				<up-collapse-item title="组件全面">
 					<text class="u-collapse-content">众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用</text>
 				</up-collapse-item>
-				<up-collapse-item
-				    title="众多利器"
-				>
+				<up-collapse-item title="众多利器">
 					<text class="u-collapse-content">众多的贴心小工具，是您开发过程中召之即来的利器，让您飞镖在手，百步穿杨</text>
 				</up-collapse-item>
 			</up-collapse>
 		</view>
-		<!-- 微信小程序不支持，因为微信中不支持 <slot name="title" slot="title" />的写法 -->
+		<!-- 微信小程序不支持，因为微信中不支持 <slot #title" />的写法 -->
 		<view class="u-page__item">
 			<text class="u-page__item__title">自定义标题和内容</text>
-			<up-collapse
-				accordion
-			>
-				<up-collapse-item
-				>
+			<up-collapse accordion>
+				<up-collapse-item>
 					<template #title>
 						<text class="u-page__item__title__slot-title">文档指南</text>
 					</template>
-					<tex<up-lass="u-collapse-content">涵盖uniapp各个方面，给开发者方向指导和设计理念，让您茅塞顿开，一马平川</text>
+					<text class="u-collapse-content">涵盖uniapp各个方面，给开发者方向指导和设计理念，让您茅塞顿开，一马平川</text>
 				</up-collapse-item>
-				<!-- <u-collapse-item
+				<!-- <up-collapse-item
 					:isLink="false"
 				>
-					<text slot="title" class="u-page__item__title__slot-title">文档指南</text>
-				<up-ext class="u-collapse-content">涵盖uniapp各个方面，给开发者方向指导和设计理念，让您茅塞顿开，一马平川</text>
+					<template #title>
+						<text class="u-page__item__title__slot-title">文档指南</text>
+					</template>
+					<text class="u-collapse-content">涵盖uniapp各个方面，给开发者方向指导和设计理念，让您茅塞顿开，一马平川</text>
 				</up-collapse-item> -->
-				<u-collapse-item
-				    title="组件全面"<up-
-				>
-				<up-emplate v-slot:icon>
-						<u-icon name="tags-fill" size="20"></up-icon>
+				<up-collapse-item title="组件全面">
+					<template v-slot:icon>
+						<up-icon name="tags-fill" size="20"></up-icon>
 					</template>
 					<text class="u-collapse-content">众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用</text>
 				</up-collapse-item>
-				<u-collapse-item
-				    title="众多利器" icon="tags-fill"
-		<up-
-					<template v-slot:value>
-						<text class="u-page__item__title__slot-title">自定义内容</text>
+				<up-collapse-item title="众多利器" icon="tags-fill">
+					<template v-slot:right-icon>
+						<text class="u-page__item__title__slot-title">10</text>
 					</template>
-					<text class="u-collapse-content">众多的贴心小工具，是您开发过程中召之即来的利器，让您飞镖在手，百步穿杨</text>
+					<text
+						class="u-collapse-content">众多的贴心小工具，是您开发过程中召之即来的利器，让您飞镖在手，百步穿杨</text>
 				</up-collapse-item>
 			</up-collapse>
 		</view>
-		<u-gap height="50"></up-gap>
+		<up-gap height="50"></up-gap>
 	</view>
 </template>
 
 <script>
 	export default {
 		data() {
-			return {
-			}
+			return {}
 		},
 		methods: {
 			open(e) {
@@ -160,15 +115,15 @@
 <style lang="scss">
 	.u-page {
 		padding: 0;
-		
+
 		&__item {
-			
+
 			&__title {
 				color: $u-tips-color;
 				background-color: $u-bg-color;
 				padding: 15px;
 				font-size: 15px;
-				
+
 				&__slot-title {
 					color: $u-primary;
 					font-size: 14px;
@@ -181,4 +136,4 @@
 		color: $u-tips-color;
 		font-size: 14px;
 	}
-</style>
+</style>
\ No newline at end of file
diff --git a/uni-app-x/pages/componentsB/keyboard/keyboard.nvue b/uni-app-x/pages/componentsB/keyboard/keyboard.nvue
index 4f61960d4..129f4edf5 100644
--- a/uni-app-x/pages/componentsB/keyboard/keyboard.nvue
+++ b/uni-app-x/pages/componentsB/keyboard/keyboard.nvue
@@ -17,12 +17,13 @@
 			    :key="index"
 			    isLink
 			>
-				<image
-				    slot="icon"
-				    class="u-cell-icon"
-				    :src="item.iconUrl"
-				    mode="widthFix"
-				></image>
+				<template #icon>
+					<image
+						class="u-cell-icon"
+						:src="item.iconUrl"
+						mode="widthFix"
+					></image>
+				</template>
 			</up-cell>
 		</up-cell-group>
 		<up-keyboard
diff --git a/uni-app-x/pages/componentsB/notify/notify.nvue b/uni-app-x/pages/componentsB/notify/notify.nvue
index fec9f8b6e..d4ae2ee0b 100644
--- a/uni-app-x/pages/componentsB/notify/notify.nvue
+++ b/uni-app-x/pages/componentsB/notify/notify.nvue
@@ -13,12 +13,13 @@
 				:key="index"
 				isLink
 			>
-				<image
-					slot="icon"
-					class="u-cell-icon"
-					:src="item.iconUrl"
-					mode="widthFix"
-				></image>
+				<template #icon>
+					<image
+						class="u-cell-icon"
+						:src="item.iconUrl"
+						mode="widthFix"
+					></image>
+				</template>
 			</up-cell>
 		</up-cell-group>
 		<up-notify ref="uNotify"></up-notify>
diff --git a/uni-app-x/pages/componentsB/toast/toast.nvue b/uni-app-x/pages/componentsB/toast/toast.nvue
index fe1b46f66..dbbf18fc5 100644
--- a/uni-app-x/pages/componentsB/toast/toast.nvue
+++ b/uni-app-x/pages/componentsB/toast/toast.nvue
@@ -15,12 +15,13 @@
 				:icon="item.iconUrl"
 				@click="showToast(item)"
 			>
-				<!-- <image
-				    slot="icon"
-				    class="u-cell-icon"
-				    :src="getIcon(item.icon)"
-				    mode="widthFix"
-				></image> -->
+				<!-- <template #icon>
+					<image
+						class="u-cell-icon"
+						:src="getIcon(item.icon)"
+						mode="widthFix"
+					></image>
+				</template> -->
 			</up-cell>
 		</up-cell-group>
 	</view>
diff --git a/uni-app-x/pages/componentsC/calendar/calendar.nvue b/uni-app-x/pages/componentsC/calendar/calendar.nvue
index 43beea157..4a6c088f7 100644
--- a/uni-app-x/pages/componentsC/calendar/calendar.nvue
+++ b/uni-app-x/pages/componentsC/calendar/calendar.nvue
@@ -16,12 +16,13 @@
 				:label="values[index]"
 				isLink
 			>
-				<image
-					slot="icon"
-					class="u-cell-icon"
-					:src="item.iconUrl"
-					mode="widthFix"
-				></image>
+				<template #icon>
+					<image
+						class="u-cell-icon"
+						:src="item.iconUrl"
+						mode="widthFix"
+					></image>
+				</template>
 			</up-cell>
 		</up-cell-group>
 		<up-calendar
diff --git a/uni-app-x/pages/componentsC/datetimePicker/datetimePicker.nvue b/uni-app-x/pages/componentsC/datetimePicker/datetimePicker.nvue
index 4d342d23b..b3cf56d31 100644
--- a/uni-app-x/pages/componentsC/datetimePicker/datetimePicker.nvue
+++ b/uni-app-x/pages/componentsC/datetimePicker/datetimePicker.nvue
@@ -15,12 +15,13 @@
 				:key="index"
 				isLink
 			>
-				<image
-					slot="icon"
-					class="u-cell-icon"
-					:src="item.iconUrl"
-					mode="widthFix"
-				></image>
+				<template #icon>
+					<image
+						class="u-cell-icon"
+						:src="item.iconUrl"
+						mode="widthFix"
+					></image>
+				</template>
 			</up-cell>
 		</up-cell-group>
 		<up-datetime-picker
diff --git a/uni-app-x/pages/componentsC/form/form.nvue b/uni-app-x/pages/componentsC/form/form.nvue
index 61c810c83..5a50abe33 100644
--- a/uni-app-x/pages/componentsC/form/form.nvue
+++ b/uni-app-x/pages/componentsC/form/form.nvue
@@ -42,10 +42,11 @@
 							placeholder="请选择性别"
 							border="none"
 						></up-input>
-						<up-icon
-							slot="right"
-							name="arrow-right"
-						></up-icon>
+						<template #right>
+							<up-icon
+								name="arrow-right"
+							></up-icon>
+						</template>
 					</up-form-item>
 					<up-form-item
 						label="水果"
@@ -112,10 +113,11 @@
 							placeholder="请选择住店和离店时间"
 							border="none"
 						></up-input>
-						<up-icon
-							slot="right"
-							name="arrow-right"
-						></up-icon>
+						<template #right>
+							<up-icon
+								name="arrow-right"
+							></up-icon>
+						</template>
 					</up-form-item>
 					<up-form-item
 						label="验证码"
@@ -152,10 +154,11 @@
 							placeholder="请选择生日"
 							border="none"
 						></up-input>
-						<up-icon
-							slot="right"
-							name="arrow-right"
-						></up-icon>
+						<template #right>
+							<up-icon
+								name="arrow-right"
+							></up-icon>
+						</template>
 					</up-form-item>
 				</up-form>
 				<up-button
diff --git a/uni-app-x/pages/componentsC/indexList/indexList.nvue b/uni-app-x/pages/componentsC/indexList/indexList.nvue
index da828ba08..855d7e2b8 100644
--- a/uni-app-x/pages/componentsC/indexList/indexList.nvue
+++ b/uni-app-x/pages/componentsC/indexList/indexList.nvue
@@ -1,27 +1,29 @@
 <template>
 	<up-index-list :indexList="indexList">
-		<view slot="header" class="list">
-			<view class="list__item">
-				<up-avatar shape="square" size="35" icon="man-add-fill" fontSize="26" randomBgColor></up-avatar>
-				<text class="list__item__user-name">新的朋友</text>
-			</view>
-			<up-line></up-line>
-			<view class="list__item">
-				<up-avatar shape="square" size="35" icon="tags-fill" fontSize="26" randomBgColor></up-avatar>
-				<text class="list__item__user-name">标签</text>
-			</view>
-			<up-line></up-line>
-			<view class="list__item">
-				<up-avatar shape="square" size="35" icon="chrome-circle-fill" fontSize="26" randomBgColor></up-avatar>
-				<text class="list__item__user-name">朋友圈</text>
-			</view>
-			<up-line></up-line>
-			<view class="list__item">
-				<up-avatar shape="square" size="35" icon="qq-fill" fontSize="26" randomBgColor></up-avatar>
-				<text class="list__item__user-name">QQ</text>
+		<template #header>
+			<view class="list">
+				<view class="list__item" @click="goNext">
+					<up-avatar shape="square" size="35" icon="man-add-fill" fontSize="26" randomBgColor></up-avatar>
+					<text class="list__item__user-name">新的朋友</text>
+				</view>
+				<up-line></up-line>
+				<view class="list__item">
+					<up-avatar shape="square" size="35" icon="tags-fill" fontSize="26" randomBgColor></up-avatar>
+					<text class="list__item__user-name">标签</text>
+				</view>
+				<up-line></up-line>
+				<view class="list__item">
+					<up-avatar shape="square" size="35" icon="chrome-circle-fill" fontSize="26" randomBgColor></up-avatar>
+					<text class="list__item__user-name">朋友圈</text>
+				</view>
+				<up-line></up-line>
+				<view class="list__item">
+					<up-avatar shape="square" size="35" icon="qq-fill" fontSize="26" randomBgColor></up-avatar>
+					<text class="list__item__user-name">QQ</text>
+				</view>
+				<up-line></up-line>
 			</view>
-			<up-line></up-line>
-		</view>
+		</template>
 		<template :key="index" v-for="(item, index) in itemArr">
 			<!-- #ifdef APP-NVUE -->
 			<up-index-anchor :text="indexList[index]"></up-index-anchor>
@@ -39,9 +41,11 @@
 				</view>
 			</up-index-item>
 		</template>
-		<view slot="footer" class="u-safe-area-inset--bottom">
-			<text class="list__footer">共305位好友</text>
-		</view>
+		<template #footer>
+			<view class="u-safe-area-inset--bottom">
+				<text class="list__footer">共305位好友</text>
+			</view>
+		</template>
 	</up-index-list>
 </template>
 
@@ -51,7 +55,7 @@
 		const charCodeOfA = 'A'.charCodeAt(0)
 		indexList.push("↑")
 		indexList.push("☆")
-		for (let i = 0; i < 26; i++) {
+		for (let i = 0; i < 16; i++) {
 			indexList.push(String.fromCharCode(charCodeOfA + i))
 		}
 		indexList.push('#')
@@ -92,6 +96,13 @@
 				})
 			}
 		},
+		methods: {
+			goNext() {
+				uni.navigateTo({
+					url: 'indexList2'
+				})
+			}
+		}
 	}
 </script>
 
diff --git a/uni-app-x/pages/componentsC/picker/picker.nvue b/uni-app-x/pages/componentsC/picker/picker.nvue
index 4b08dd3ff..67b89581a 100644
--- a/uni-app-x/pages/componentsC/picker/picker.nvue
+++ b/uni-app-x/pages/componentsC/picker/picker.nvue
@@ -15,12 +15,13 @@
 				:key="index"
 				isLink
 			>
-				<image
-					slot="icon"
-					class="u-cell-icon"
-					:src="item.iconUrl"
-					mode="widthFix"
-				></image>
+				<template #icon>
+					<image
+						class="u-cell-icon"
+						:src="item.iconUrl"
+						mode="widthFix"
+					></image>
+				</template>
 			</up-cell>
 		</up-cell-group>
 		<up-picker
diff --git a/uni-app-x/pages/componentsC/swiper/swiper.nvue b/uni-app-x/pages/componentsC/swiper/swiper.nvue
index f67655ec4..70beaa259 100644
--- a/uni-app-x/pages/componentsC/swiper/swiper.nvue
+++ b/uni-app-x/pages/componentsC/swiper/swiper.nvue
@@ -49,18 +49,19 @@
 				@change="e => current = e.current"
 				:autoplay="false"
 			>
-				<view
-					slot="indicator"
-					class="indicator"
-				>
+				<template #indicator>
 					<view
-						class="indicator__dot"
-						v-for="(item, index) in list5"
-						:key="index"
-						:class="[index === current && 'indicator__dot--active']"
+						class="indicator"
 					>
+						<view
+							class="indicator__dot"
+							v-for="(item, index) in list5"
+							:key="index"
+							:class="[index === current && 'indicator__dot--active']"
+						>
+						</view>
 					</view>
-				</view>
+				</template>
 			</up-swiper>
 			<up-gap
 				bgColor="transparent"
@@ -72,12 +73,13 @@
 				:autoplay="false"
 				indicatorStyle="right: 20px"
 			>
-				<view
-					slot="indicator"
-					class="indicator-num"
-				>
-					<text class="indicator-num__text">{{ currentNum + 1 }}/{{ list6.length }}</text>
-				</view>
+				<template #indicator>
+					<view
+						class="indicator-num"
+					>
+						<text class="indicator-num__text">{{ currentNum + 1 }}/{{ list6.length }}</text>
+					</view>
+				</template>
 			</up-swiper>
 		</view>
 		<!-- #ifndef APP-NVUE || MP-TOUTIAO -->
diff --git a/uni-app-x/pages/componentsC/tabs/tabs.nvue b/uni-app-x/pages/componentsC/tabs/tabs.nvue
index 9c02c209b..1d52db21d 100644
--- a/uni-app-x/pages/componentsC/tabs/tabs.nvue
+++ b/uni-app-x/pages/componentsC/tabs/tabs.nvue
@@ -88,23 +88,75 @@
 			</view>
 		</view>
 		<view class="u-demo-block">
-			<text class="u-demo-block__title">右侧自定义插槽</text>
+			<text class="u-demo-block__title">自定义内容插槽</text>
 			<view class="u-demo-block__content">
 				<up-tabs :list="list1">
-					<view
-						slot="right"
-						style="padding-left: 4px;"
-						@tap="$u.toast('插槽被点击')"
-					>
-						<up-icon
-							name="list"
-							size="21"
-							bold
-						></up-icon>
-					</view>
+					<template #default="scope">
+						<text class="u-tabs__wrapper__nav__item__text"
+							style="color: red">
+							{{scope.item?.[scope.keyName] || '-'}}
+						</text>
+					</template>
 				</up-tabs>
 			</view>
 		</view>
+		<view class="u-demo-block">
+			<text class="u-demo-block__title">右侧自定义插槽</text>
+			<view class="u-demo-block__content">
+				<up-tabs :list="list1" v-model:current="list1Current">
+					<template #right>
+						<view
+							style="padding-left: 4px;"
+							@tap="$u.toast('插槽被点击')"
+						>
+							<up-icon
+								name="list"
+								size="21"
+								bold
+							></up-icon>
+						</view>
+					</template>
+				</up-tabs>
+				<up-button type="primary" size="small" style="width: 120px;"
+					@click="nextTab" :text="'切换下一个' + list1Current">
+				</up-button>
+			</view>
+		</view>
+		<view class="u-demo-block">
+			<text class="u-demo-block__title">在swiper中使用</text>
+			<view class="u-demo-block__content">
+				<swiper class="swiper" >
+				  <swiper-item item-id="A">
+					<up-tabs :list="list1">
+						<template #default="scope">
+							<text class="u-tabs__wrapper__nav__item__text"
+								style="color: red">
+								{{scope.item?.[scope.keyName] || '-'}}
+							</text>
+						</template>
+					</up-tabs>
+				  </swiper-item>
+				  <swiper-item item-id="A">
+				  <up-tabs
+				  	:list="list4"
+				  	lineWidth="30"
+				  	lineColor="#f56c6c"
+				  	:activeStyle="{
+				  		color: '#303133',
+				  		fontWeight: 'bold',
+				  		transform: 'scale(1.05)'
+				  	}"
+				  	:inactiveStyle="{
+				  		color: '#606266',
+				  		transform: 'scale(1)'
+				  	}"
+				  	itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;"
+				  >
+				  </up-tabs>
+				  </swiper-item>
+				</swiper>
+			</view>
+		</view>
 	</view>
 </template>
 
@@ -211,7 +263,8 @@
 					}, {
 						name: '科技'
 					}
-				]
+				],
+				list1Current: 1
 			}
 		},
 		onLoad() {
@@ -220,6 +273,13 @@
 		methods: {
 			click(item) {
 				console.log('item', item);
+			},
+			nextTab() {
+				if (this.list1.length <= (this.list1Current + 1)) {
+					this.list1Current = 0;
+				} else {
+					this.list1Current = this.list1Current + 1;
+				}
 			}
 		}
 	}