From 11e8c2ba5cc11d2e5a58b57263353f0e43ba490f Mon Sep 17 00:00:00 2001
From: kagol <kagol@sina.com>
Date: Sat, 27 Nov 2021 22:37:03 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=BD=91=E7=AB=99?=
 =?UTF-8?q?=E9=A1=B6=E9=83=A8navbar=E7=9A=84=E6=A0=B7=E5=BC=8F=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/devui-vue/docs/components/back-top/index.md |  4 ++--
 packages/devui-vue/docs/components/card/index.md     |  6 +++---
 packages/devui-vue/docs/components/popover/index.md  | 12 ++++++------
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/devui-vue/docs/components/back-top/index.md b/packages/devui-vue/docs/components/back-top/index.md
index 76cf74ff..ce29e746 100644
--- a/packages/devui-vue/docs/components/back-top/index.md
+++ b/packages/devui-vue/docs/components/back-top/index.md
@@ -83,7 +83,7 @@ export default defineComponent({
 <template>
   <div class="devui-scroll-container">
     <ul class="devui-scroll-content">
-      <li class="item" v-for="(item, index) of list" :key="item">
+      <li class="backtop-demo-item" v-for="(item, index) of list" :key="item">
         {{ index + 1 + '. ' + item }}
       </li>
       <d-back-top
@@ -127,7 +127,7 @@ export default defineComponent({
   list-style-type: none;
 }
 
-.item {
+.backtop-demo-item {
   line-height: 35px;
   border-bottom: 1px solid #dfe1e6;
 }
diff --git a/packages/devui-vue/docs/components/card/index.md b/packages/devui-vue/docs/components/card/index.md
index e29350a2..c2cf5359 100644
--- a/packages/devui-vue/docs/components/card/index.md
+++ b/packages/devui-vue/docs/components/card/index.md
@@ -19,7 +19,7 @@
     <template #cardTitle>
       DEVUI Course
     </template>
-    <template #cardSubtitle class="icon">
+    <template #cardSubtitle class="card-demo-icon">
       <d-icon name="company-member"></d-icon><span>DevUI</span>
     </template>
     <template #cardContent>
@@ -40,13 +40,13 @@
 </template>
 <style lang="scss">
 @import '@devui-design/icons/icomoon/devui-icon.css'
-.icon {
+.card-demo-icon {
   cursor: pointer;
   font-size: 16px;
   margin-right: 8px;
   vertical-align: middle;
 }
-.icon + span {
+.card-demo-icon + span {
   vertical-align: middle;
 }
 .card-block {
diff --git a/packages/devui-vue/docs/components/popover/index.md b/packages/devui-vue/docs/components/popover/index.md
index 9270b498..5a70c3e6 100644
--- a/packages/devui-vue/docs/components/popover/index.md
+++ b/packages/devui-vue/docs/components/popover/index.md
@@ -9,7 +9,7 @@
 :::demo
 ```vue
 <template>
-<div class="item" >
+<div class="popover-demo-item" >
   <d-popover visible>
     <template #reference>
       <d-button bsStyle="common">default</d-button>
@@ -43,7 +43,7 @@
 </div>
 </template>
 <style>
-.item > *{
+.popover-demo-item > *{
   margin-right:10px;
 }
 </style>
@@ -57,7 +57,7 @@
 
 ```vue
 <template>
-<div class="item">
+<div class="popover-demo-item">
   <d-popover content="自定义内容" >
     <template #reference>
       <d-button bsStyle="primary"> click me!</d-button>
@@ -72,7 +72,7 @@
 </template>
 
 <style>
-.item > *{
+.popover-demo-item > *{
   margin-right:10px;
 }
 </style>
@@ -200,7 +200,7 @@
 </div>
 </template>
 <style>
-.item > *{
+.popover-demo-item > *{
   margin-right:10px;
 }
 </style>
@@ -236,7 +236,7 @@
   </div>
 </template>
 <style>
-.item > * {
+.popover-demo-item > * {
   margin-right:10px;
 }
 </style>
-- 
Gitee