diff --git a/pages/API/base64/base64.uvue b/pages/API/base64/base64.uvue
index 235abb1e5c0318a78cd5b7ae4eef491d51ea3965..b97a1dd3644be7d6fbacdbb024671830e1a25a05 100644
--- a/pages/API/base64/base64.uvue
+++ b/pages/API/base64/base64.uvue
@@ -1,8 +1,8 @@
 <template>
 	<view>
 		<view class="text-area">
-			<button style="margin-top: 10px;" type="primary" @tap="arrayBufferToBase64"> arrayBufferToBase64 </button>
-			<button style="margin-top: 10px;" type="primary" @tap="base64ToArrayBuffer"> base64ToArrayBuffer </button>
+			<button class="btnstyle" type="primary" @tap="arrayBufferToBase64"> arrayBufferToBase64 </button>
+			<button class="btnstyle" type="primary" @tap="base64ToArrayBuffer"> base64ToArrayBuffer </button>
 		</view>
 	</view>
 </template>
@@ -26,6 +26,9 @@
 				const base64 = uni.arrayBufferToBase64(arraybuffer)
 				console.log(base64) //CxYh
         this.arrayBufferToBase64Res = base64
+        uni.showToast({
+           title:this.arrayBufferToBase64Res
+        })
 			},
 			base64ToArrayBuffer() {
 				const base64 = 'CxYh'
@@ -33,6 +36,9 @@
 				const uint8 = new Uint8Array(arrayBuffer)
 				console.log(uint8.toString())//11, 22, 33
         this.base64ToArrayBufferRes = uint8.toString()
+        uni.showToast({
+           title:this.base64ToArrayBufferRes
+        })
 			}
 
 		}
@@ -51,4 +57,8 @@
 		color: #8f8f94;
 		text-align: center;
 	}
+
+  .btnstyle {
+  	margin: 4px;
+  }
 </style>