dropdown

myliang · Dec 7, 2023 · 74e5c46 · 74e5c46
1 parent 4000c3e
commit 74e5c46
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/examples/components/DemoDropdown.vue b/examples/components/DemoDropdown.vue
@@ -1,37 +1,46 @@
 <template>
   <main-layout menuActiveIndex="dropdown">
     <h3>Dropdown</h3>
-    <fish-card fluid>
       <fish-dropdown>
         <a slot="title">Link<i class="fa fa-arrow-circle-down" style="margin-left: 10px;"></i></a>
+        <fish-menu>
         <fish-option index="0" content="Jack"></fish-option>
         <fish-option index="1" content="Lucy"></fish-option>
         <fish-option index="2" content="Active"></fish-option>
         <fish-option index="3" disabled content="disabled"></fish-option>
+        </fish-menu>
       </fish-dropdown>
       <fish-dropdown>
         <fish-button slot="title">BL<i class="fa fa-angle-down" style="margin-left: 10px;"></i></fish-button>
+        <fish-menu>
         <fish-option index="0" content="<a href='http://www.baidu.com' target='_blank'>Jack</a>"></fish-option>
         <fish-option index="1" content="Lucy"></fish-option>
         <fish-option index="2" content="Active"></fish-option>
         <fish-option index="3" disabled content="disabled"></fish-option>
+        </fish-menu>
       </fish-dropdown>
       <fish-dropdown align="bottom-right">
         <fish-button slot="title">BR<i class="fa fa-angle-down" style="margin-left: 10px;"></i></fish-button>
+        <fish-menu>
         <fish-option index="1" content="Lucy"></fish-option>
         <fish-option index="2" content="Active"></fish-option>
+        </fish-menu>
       </fish-dropdown>
       <fish-dropdown align="top-left">
         <fish-button slot="title">TL<i class="fa fa-angle-down" style="margin-left: 10px;"></i></fish-button>
+        <fish-menu>
         <fish-option index="1" content="Lucy"></fish-option>
         <fish-option index="2" content="Active"></fish-option>
+        </fish-menu>
       </fish-dropdown>
       <fish-dropdown align="top-right">
         <fish-button slot="title">TR<i class="fa fa-angle-down" style="margin-left: 10px;"></i></fish-button>
+        <fish-menu>
         <fish-option index="1" content="Lucy"></fish-option>
         <fish-option index="2" content="Active"></fish-option>
+        </fish-menu>
       </fish-dropdown>
-      <footer slot="footer">
+      <footer>
         <pre v-highlightjs><code class="html">&lt;fish-dropdown&gt;
         &lt;a slot=&quot;title&quot;&gt;Link&lt;i class=&quot;fa fa-arrow-circle-down&quot; style=&quot;margin-left: 10px;&quot;&gt;&lt;/i&gt;&lt;/a&gt;
         &lt;fish-option index=&quot;0&quot; content=&quot;Jack&quot;&gt;&lt;/fish-option&gt;
@@ -62,7 +71,6 @@
         &lt;fish-option index=&quot;2&quot; content=&quot;Active&quot;&gt;&lt;/fish-option&gt;
       &lt;/fish-dropdown&gt;</code></pre>
       </footer>
-    </fish-card>
   </main-layout>
 </template>
 <script>

diff --git a/src/components/Dropdown.vue b/src/components/Dropdown.vue
@@ -4,16 +4,14 @@
     @click="clickHandler"
     v-clickoutside="awayHandler">
     <slot name="title"></slot>
-    <fish-menu v-show="visible" class="content" @click="menusClickHandler">
+    <div v-show="visible" class="content" @click="menusClickHandler">
       <slot></slot>
-    </fish-menu>
+    </div>
   </div>
 </template>
 <script>
   import clickoutside from '../directives/clickoutside'
-  import fishMenu from './Menu'
   export default {
-    components: {fishMenu},
     directives: { clickoutside },
     name: 'fish-dropdown',
     props: {