diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 3c76a5d..871e7b8 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,9 +2,11 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="be7958c3-0d1c-4f74-a433-b590462e7034" name="Default Changelist" comment="修改 回显问题">
+      <change afterPath="$PROJECT_DIR$/assets/ee.gif" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/pages/index/index.nvue" beforeDir="false" afterPath="$PROJECT_DIR$/pages/index/index.nvue" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/uni_modules/zb-drawer/changelog.md" beforeDir="false" afterPath="$PROJECT_DIR$/uni_modules/zb-drawer/changelog.md" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/uni_modules/zb-drawer/components/zb-drawer/zb-drawer.vue" beforeDir="false" afterPath="$PROJECT_DIR$/uni_modules/zb-drawer/components/zb-drawer/zb-drawer.vue" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/uni_modules/zb-drawer/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/uni_modules/zb-drawer/package.json" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
@@ -15,7 +17,7 @@
   <component name="Git.Settings">
     <option name="RECENT_BRANCH_BY_REPOSITORY">
       <map>
-        <entry key="$PROJECT_DIR$" value="master" />
+        <entry key="$PROJECT_DIR$" value="zb-pagination" />
       </map>
     </option>
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
@@ -30,12 +32,22 @@
     <property name="RunOnceActivity.OpenProjectViewOnStart" value="true" />
     <property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
     <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="last_opened_file_path" value="$PROJECT_DIR$/assets" />
     <property name="node.js.detected.package.eslint" value="true" />
     <property name="node.js.detected.package.tslint" value="true" />
     <property name="node.js.selected.package.eslint" value="(autodetect)" />
     <property name="node.js.selected.package.tslint" value="(autodetect)" />
     <property name="vue.rearranger.settings.migration" value="true" />
   </component>
+  <component name="RecentsManager">
+    <key name="CopyFile.RECENT_KEYS">
+      <recent name="E:\dingw\pr2\zzb-table\assets" />
+    </key>
+    <key name="MoveFile.RECENT_KEYS">
+      <recent name="E:\dingw\pr2\zzb-table" />
+      <recent name="E:\dingw\pr2\zzb-table\pages" />
+    </key>
+  </component>
   <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="false" />
   <component name="SvnConfiguration">
     <configuration />
diff --git a/assets/ee.gif b/assets/ee.gif
new file mode 100644
index 0000000..920bcb1
Binary files /dev/null and b/assets/ee.gif differ
diff --git a/pages/index/index.nvue b/pages/index/index.nvue
index d4035ac..ab50699 100644
--- a/pages/index/index.nvue
+++ b/pages/index/index.nvue
@@ -15,6 +15,9 @@
 				<view class="inner" @click="btn3('bottom')">
 					<view class="text">底部弹出</view>
 				</view>
+				<view class="inner" @click="btn10('bottom')">
+					<view class="text">距顶部任意位置弹出</view>
+				</view>
 			</view>
 		</view>
 
@@ -39,6 +42,8 @@
 
 			</view>
 		</view>
+		
+		
 
 
 		<zb-drawer
@@ -50,14 +55,33 @@
 				<view class="center">
 					<scroll-view scroll-y>
 						<view>
-							<view v-for="item in list" class="item-child">{{item}}</view>
+							<view v-for="item in list" class="item-child">
+								<view>数据展示</view>
+								<view>{{item}}</view>
+							</view>
 						</view>
 					</scroll-view>
 				</view>
 				<view class="footer">
-					<button style="flex: 1;" size="mini">取消</button>
-					<button type="primary" style="flex: 1;" size="mini">确定</button>
+					<view style="flex: 1;" class="cancel" @click="isShow=false">
+						<text class="text" >取消</text>
+					</view>
+					<view style="flex: 1;" class="config" @click="config">
+						<!-- #ifdef APP-NVUE -->
+						<loading-indicator v-if="isLoading"
+							:style="{color: 'white',width:'24px',height:'24px'}" :animating="true"
+							></loading-indicator>
+						<!-- #endif -->
+						<!-- #ifndef APP-NVUE -->
+						<image
+						v-if="isLoading"
+						:src="base64Flower" style="" class="loading-custom-image"></image>
+						<!-- #endif -->
+						
+						<text class="text"  >异步关闭</text>
+					</view>
 				</view>
+				
 			</view>
 		</zb-drawer>
 
@@ -75,24 +99,34 @@
 		<zb-drawer :mode="mode" width="80%" :visible.sync="isShow4" :radius="true">
 			<view class="top-content"></view>
 		</zb-drawer>
+		
+		<zb-drawer mode="top" width="80%" :visible.sync="isShow5" :radius="true">
+			<view class="top-content"></view>
+		</zb-drawer>
 	</view>
 </template>
 
 <script>
+	const base64Flower = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAKlBMVEVHcEzDw8Ovr6+pqamUlJTCwsKenp61tbWxsbGysrLNzc2bm5u5ubmjo6MpovhuAAAACnRSTlMA/P79/sHDhiZS0DxZowAABBBJREFUWMPtl89rE0EUx7ctTXatB3MI1SWnDbUKPUgXqh4ED8Uf7KUVSm3ooVSpSii0Fn/gD4j4o+APiEoVmos9FO2celiqZVgwgaKHPQiCCkv+F99kM7Ozm5kxq1dfD91k9pPve9/3ZjbRNHHok/mKli4eIPNgSuRObuN9SqSEzM20iGnm0yIbqCuV7NSSSIV7uyPM6JMBYdeTOanh/QihJYZsUCSby+VkMj2AvOt0rAeQAwqE3lfKMZVlQCZk1QOCKkkVPadITCfIRNKxfoJI5+0OIFtJx14CMSg1mRSDko7VAfksRQzEbGYqxOJcVTWMCH2I1/IACNW0PWU2M8cmAVHtnH5mM1VRWtwKZjOd5JbF6s1IbaYqaotjNlPHgDAnlAizubTR6ovMYn052g/U5qcmOpi0WL8xTS/3IfSet5m8MEr5ajjF5le6dq/OJpobrdY0t3i9QgefWrxW9/1BLhk0E9m8FeUMhhXal499iD0eQRfDF+ts/tttORRerfp+oV7f4xJj82iUYm1Yzod+ZQEAlS/8mMBwKebVmCVp1f0JLS6zKd17+iwRKTARVg2SHtz3iEbBH+Q+U28zW2Jiza8Tjb1YFoYZMsJyjDqp3M9XBQdSdPLFdxEpvOB37JrHcmR/y9+LgoTlCFGZEa2sc6d4PGlweEa2JSVPoVm+IfGG3ZL037iV9oH+P+Jxc4HGVflNq1M0pivao/EopO4b/ojVCP9GjmiXOeS0DOn1o/iiccT4ORnyvBGF3yUywkQajW4Ti0SGuiy/wVSg/L8w+X/8Q+hvUx8Xd90z4oV5a1i88MbFWHz0WZZ1UrTwBGPX3Rat9AFiXRMRjoMdIdJLEOt2h7jrYOzgOamKZSWSNspOS0X8SAqRYmxRL7sg4eLzYmNehcxh3uoyud/BH2Udux4ywxFTc1xC7Mgf4vMhc5S+kSH3Y7yj+qpwIWSoPTVCOOPVthGx9FbGqrwFw6wSFxJr+17zeKcztt3u+2roAEVgUjDd+AHGuxHy2rZHaa8JMkTHEeyi85ANPO9j9BVuBRD2FY5LDMo/Sz/2hReqGIs/KiFin+CsPsYO/yvM3jL2vE8EbX7/Bf8ejtr2GLN65bioAdgLd8Bis/mD5GmP2qeqyo2ZwQEOtAjRIDH7mBKpUcMoApbZJ5UIxkEwxyMZyMxW/uKFvHCFR3SSmerHyDNQ2dF4JG6zIMpBgLfjSF9x1D6smFcYnGApjmSLICO3ecCDWrQ48geba9DI3STy2i7ax6WIB62fSyIZIiO3GFQqSURp8wCo7GhJBGwuSovJBNjb7kT6FPVnIa9qJ2Ko+l9mefGIdinaMp0yC1URYiwsdfNE45EuA5Cx9EhalfvN5s+UyItm81vaB3p4joniN+SCP7Qc1hblAAAAAElFTkSuQmCC';
+	import load from '@/assets/ee.gif'
 	const list = []
 	for (let i = 0; i < 40; i++) {
-		list.push(`数据${i}`)
+		list.push(`${i}`)
 	}
 	export default {
 		data() {
 			return {
+				load,
+				base64Flower,
 				list,
 				isShow: false,
 				isShow1: false,
 				isShow2:false,
 				isShow3:false,
 				isShow4:false,
-				mode: 'left'
+				isShow5:true,
+				mode: 'left',
+				isLoading:false
 			}
 		},
 		methods: {
@@ -103,6 +137,9 @@
 					title: '点击自定义'
 				})
 			},
+			btn10(){
+				this.isShow5 = true
+			},
 			btn1(type) {
 				this.mode = type
 				this.isShow1 = true
@@ -123,11 +160,19 @@
 				uni.showToast({
 					icon: 'none',
 					duration: 3000,
-					title: '异步关闭'
+					title: '点击遮罩层关闭'
 				})
-				setTimeout(() => {
-					done()
-				}, 1000)
+				done()
+				// setTimeout(() => {
+				// 	done()
+				// }, 1000)
+			},
+			config(){
+				this.isLoading = true
+				setTimeout(()=>{
+					this.isLoading = false
+					this.isShow = false
+				},2000)
 			},
 			btn(type) {
 				console.log('==========', type)
@@ -150,6 +195,40 @@
 		right: 0;
 		bottom: 0;
 	}
+	.cancel{
+		background-color: #f8f8f8;
+			display: flex;
+			height: 80rpx;
+			justify-content: center;
+			align-items: center;
+	}
+	.config{
+			display: flex;
+			height: 80rpx;
+			justify-content: center;
+			align-items: center;
+			flex-direction: row;	
+		    background-color: #007aff;
+			.text{
+				color: white;
+			}
+			.loading-custom-image{
+				width: 40rpx;
+				height: 40rpx;
+				margin-right: 5px;
+				animation: loading-circle 1s linear infinite;
+			}
+			@keyframes loading-circle {
+			  0% {
+			    -webkit-transform: rotate(0deg);
+			    transform: rotate(0deg);
+			  }
+			  100% {
+			    -webkit-transform: rotate(360deg);
+			    transform: rotate(360deg);
+			  }
+			}
+	}
 	.item-block{
 		.title{
 			color: #455a6499;
@@ -175,6 +254,7 @@
 		}
 	}
 	.wrap {
+		border-top:1px solid #e8e8e8;
 		flex: 1;
 		display: flex;
 		flex-direction: column;
@@ -193,7 +273,10 @@
 	.item-child {
 		height: 60rpx;
 		display: flex;
-		align-items: center;
+		flex-direction: row;
+		justify-content: space-around;
+		align-items:center;
+		border-bottom:1px solid #e8e8e8;
 	}
 
 	.footer {
diff --git a/uni_modules/zb-drawer/changelog.md b/uni_modules/zb-drawer/changelog.md
index 3e52538..1de8b9f 100644
--- a/uni_modules/zb-drawer/changelog.md
+++ b/uni_modules/zb-drawer/changelog.md
@@ -1,3 +1,5 @@
+## 1.0.5（2022-04-13）
+优化关闭 、优化样式
 ## 1.0.4（2022-04-12）
 进行优化
 ## 1.0.3（2022-04-09）
diff --git a/uni_modules/zb-drawer/components/zb-drawer/zb-drawer.vue b/uni_modules/zb-drawer/components/zb-drawer/zb-drawer.vue
index ba68469..212252a 100644
--- a/uni_modules/zb-drawer/components/zb-drawer/zb-drawer.vue
+++ b/uni_modules/zb-drawer/components/zb-drawer/zb-drawer.vue
@@ -115,15 +115,22 @@ export default {
       handler(newValue){
         this.$emit('update:visible', newValue)
       },
-      // immediate:true
+      
     },
-    async visible (val) {
-      this._change('show','mask',val)
-    }
+    visible:{
+		async handler(val){
+			if(val){
+				 this._change('show','mask',val)
+			}else{
+				this._change('mask','show',val)
+			}
+		},
+		immediate:true
+	}
   },
   data(){
     return{
-      show: this.visible,
+      show: false,
       mask:this.visible,
       watchTimer:null,
     }
diff --git a/uni_modules/zb-drawer/package.json b/uni_modules/zb-drawer/package.json
index 10a83c8..5399cb0 100644
--- a/uni_modules/zb-drawer/package.json
+++ b/uni_modules/zb-drawer/package.json
@@ -1,7 +1,7 @@
 {
   "id": "zb-drawer",
   "displayName": "zb-drawer",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "抽屉组件，功能有、支持设置宽度百分比、高度百分比、左边弹出、右边弹出、顶部弹出、底部弹出",
   "keywords": [
     "drawer",