use zanui name

docs/examples/popup.md

@@ -22,12 +22,12 @@ export default {
 </script>
 
 <style>
-.o2-popup-1 {
+.z-popup-1 {
   width: 100%;
   height: 200px;
 }
 
-.o2-popup-2 {
+.z-popup-2 {
   width: 100%;
   line-height: 44px;
   background-color: rgba(0, 0, 0, 0.701961);
@@ -35,13 +35,13 @@ export default {
   color: #fff;
 }
 
-.o2-popup-3 {
+.z-popup-3 {
   width: 100%;
   height: 100%;
   background-color: #fff;
 }
 
-.o2-popup-4 {
+.z-popup-4 {
   width: 50%;
   height: 200px;
   background: #fff;
@@ -55,25 +55,25 @@ export default {
 
 :::demo
 ```html
-<o2-button @click="popupShow1 = true">从下方弹出popup</o2-button>
-<o2-popup v-model="popupShow1" position="bottom" class="o2-popup-1">
+<z-button @click="popupShow1 = true">从下方弹出popup</z-button>
+<z-popup v-model="popupShow1" position="bottom" class="z-popup-1">
   xxxx
-</o2-popup>
+</z-popup>
 
-<o2-button @click="popupShow2 = true">从上方方弹出popup</o2-button>
-<o2-popup v-model="popupShow2" position="top" class="o2-popup-2" :overlay="false">
+<z-button @click="popupShow2 = true">从上方方弹出popup</z-button>
+<z-popup v-model="popupShow2" position="top" class="z-popup-2" :overlay="false">
   更新成功
-</o2-popup>
+</z-popup>
 
-<o2-button @click="popupShow3 = true">从右方弹出popup</o2-button>
-<o2-popup v-model="popupShow3" position="right" class="o2-popup-3" :overlay="false">
-  <o2-button @click.native="popupShow3 = false">关闭 popup</o2-button>
-</o2-popup>
+<z-button @click="popupShow3 = true">从右方弹出popup</z-button>
+<z-popup v-model="popupShow3" position="right" class="z-popup-3" :overlay="false">
+  <z-button @click.native="popupShow3 = false">关闭 popup</z-button>
+</z-popup>
 
-<o2-button @click="popupShow4 = true">从中间弹出popup</o2-button>
-<o2-popup v-model="popupShow4" transition="popup-fade" class="o2-popup-4">
+<z-button @click="popupShow4 = true">从中间弹出popup</z-button>
+<z-popup v-model="popupShow4" transition="popup-fade" class="z-popup-4">
   一些内容
-</o2-popup>
+</z-popup>
 ```
 :::