diff --git a/docs/examples-docs/popup.md b/docs/examples-docs/popup.md
index b9e5d3de7..24cc710f4 100644
--- a/docs/examples-docs/popup.md
+++ b/docs/examples-docs/popup.md
@@ -27,28 +27,28 @@ export default {
 
 :::demo 基础用法
 ```html
-<div class="zan-button-1">
+<div class="zan-row">
   <zan-button @click="popupShow1 = true">从下方弹出popup</zan-button>
 </div>
 <zan-popup v-model="popupShow1" position="bottom" class="zan-popup-1">
   xxxx
 </zan-popup>
 
-<div class="zan-button-1">
+<div class="zan-row">
   <zan-button @click="popupShow2 = true">从上方方弹出popup</zan-button>
 </div>
 <zan-popup v-model="popupShow2" position="top" class="zan-popup-2" :overlay="false">
   更新成功
 </zan-popup>
 
-<div class="zan-button-1">
+<div class="zan-row">
   <zan-button @click="popupShow3 = true">从右方弹出popup</zan-button>
 </div>
 <zan-popup v-model="popupShow3" position="right" class="zan-popup-3" :overlay="false">
   <zan-button @click.native="popupShow3 = false">关闭 popup</zan-button>
 </zan-popup>
 
-<div class="zan-button-1">
+<div class="zan-row">
   <zan-button @click="popupShow4 = true">从中间弹出popup</zan-button>
 </div>
 <zan-popup v-model="popupShow4" transition="popup-fade" class="zan-popup-4">