From 416af5b02cfa74f21411514d558517608dc7e67c Mon Sep 17 00:00:00 2001
From: mehaotian <490272692@qq.com>
Date: Thu, 31 Mar 2022 11:17:16 +0800
Subject: [PATCH] update uni-ui slot

---
 docs/component/uniui/uni-card.md       | 29 +++++++++++++-------------
 docs/component/uniui/uni-list.md       | 12 +++++++----
 docs/component/uniui/uni-nav-bar.md    |  6 +++---
 docs/component/uniui/uni-search-bar.md |  9 ++++++--
 4 files changed, 33 insertions(+), 23 deletions(-)

diff --git a/docs/component/uniui/uni-card.md b/docs/component/uniui/uni-card.md
index 7043cff48..2daaeef07 100644
--- a/docs/component/uniui/uni-card.md
+++ b/docs/component/uniui/uni-card.md
@@ -58,22 +58,23 @@
 
 ```html
 <uni-card cover="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png">
-	<!-- <image slot='cover' style="width: 100%;" :src="cover"></image> -->
 	<text>这是一个带封面和操作栏的卡片示例，此示例展示了封面插槽和操作栏插槽的用法。</text>
-	<view slot="actions" class="card-actions">
-		<view class="card-actions-item" @click="actionsClick('分享')">
-			<uni-icons type="pengyouquan" size="18" color="#999"></uni-icons>
-			<text class="card-actions-item-text">分享</text>
+	<template v-slot:actions>
+		<view class="card-actions">
+			<view class="card-actions-item" @click="actionsClick('分享')">
+				<uni-icons type="pengyouquan" size="18" color="#999"></uni-icons>
+				<text class="card-actions-item-text">分享</text>
+			</view>
+			<view class="card-actions-item" @click="actionsClick('点赞')">
+				<uni-icons type="heart" size="18" color="#999"></uni-icons>
+				<text class="card-actions-item-text">点赞</text>
+			</view>
+			<view class="card-actions-item" @click="actionsClick('评论')">
+				<uni-icons type="chatbubble" size="18" color="#999"></uni-icons>
+				<text class="card-actions-item-text">评论</text>
+			</view>
 		</view>
-		<view class="card-actions-item" @click="actionsClick('点赞')">
-			<uni-icons type="heart" size="18" color="#999"></uni-icons>
-			<text class="card-actions-item-text">点赞</text>
-		</view>
-		<view class="card-actions-item" @click="actionsClick('评论')">
-			<uni-icons type="chatbubble" size="18" color="#999"></uni-icons>
-			<text class="card-actions-item-text">评论</text>
-		</view>
-	</view>
+	</template>
 </uni-card>
 ```
 
diff --git a/docs/component/uniui/uni-list.md b/docs/component/uniui/uni-list.md
index b156932e3..825104bbd 100644
--- a/docs/component/uniui/uni-list.md
+++ b/docs/component/uniui/uni-list.md
@@ -256,17 +256,21 @@ switchTab|同 uni.switchTab()
 ```html
 <uni-list>
 	<uni-list-item title="自定义右侧插槽" note="列表描述信息" link>
-		<template slot="header">
+		<template v-slot:header>
 			<image class="slot-image" src="/static/logo.png" mode="widthFix"></image>
 		</template>
 	</uni-list-item>
 	<uni-list-item>
 		<!-- 自定义 header -->
-		<view slot="header" class="slot-box"><image class="slot-image" src="/static/logo.png" mode="widthFix"></image></view>
+		<template v-slot:header>
+			<view class="slot-box"><image class="slot-image" src="/static/logo.png" mode="widthFix"></image></view>
+		</template>
 		<!-- 自定义 body -->
-		<text slot="body" class="slot-box slot-text">自定义插槽</text>
+		<template v-slot:body>
+			<text class="slot-box slot-text">自定义插槽</text>
+		</template>
 		<!-- 自定义 footer-->
-		<template slot="footer">
+		<template v-slot:footer>
 			<image class="slot-image" src="/static/logo.png" mode="widthFix"></image>
 		</template>
 	</uni-list-item>
diff --git a/docs/component/uniui/uni-nav-bar.md b/docs/component/uniui/uni-nav-bar.md
index 9eef2c68b..3f4de6509 100644
--- a/docs/component/uniui/uni-nav-bar.md
+++ b/docs/component/uniui/uni-nav-bar.md
@@ -119,8 +119,8 @@ Tips:
 
 
 ### NavBar Slots
-
 支持向 NavBar 里插入不同内容，以达到自定义的目的。
+
 |slot名	|说明|
 |:-:|:-:|
 |default|向导航栏中间插入	|
@@ -130,8 +130,8 @@ Tips:
 ```html
 <uni-nav-bar>
     <view>标题栏</view>
-    <view slot="left">left</view>
-    <view slot="right">right</view>
+    <view v-slot:left>left</view>
+    <view v-slot:right>right</view>
 </uni-nav-bar>
 ```
 
diff --git a/docs/component/uniui/uni-search-bar.md b/docs/component/uniui/uni-search-bar.md
index f2c098ab5..d302f7e9d 100644
--- a/docs/component/uniui/uni-search-bar.md
+++ b/docs/component/uniui/uni-search-bar.md
@@ -60,12 +60,17 @@
 ```html
 <!-- 替换组件的搜索图标 -->
 <uni-search-bar placeholder="自定义searchIcon" @confirm="search" @cancel="cancel" cancel-text="cancel">
-	<uni-icons slot="searchIcon" color="#999999" size="18" type="home" />
+	<template v-slot:searchIcon>
+		<uni-icons  color="#999999" size="18" type="home" />
+	</template>
 </uni-search-bar>
 
 <!-- 替换组件的清除图标 -->
 <uni-search-bar placeholder="自定义clearIcon" @confirm="search" @cancel="cancel" cancel-text="cancel">
-	<view slot="clearIcon" style="color: #999999" >X</view>
+	
+	<template v-slot:clearIcon>
+		<view style="color: #999999" >X</view>
+	</template>
 </uni-search-bar>
 
 ```
-- 
GitLab