Browse Source

用户退出视图

曹冬冬 5 years ago
parent
commit
eb70484315
2 changed files with 9 additions and 3 deletions
  1. 7 1
      src/components/HeaderMain.vue
  2. 2 2
      src/views/myHistoryTest/myHistoryTest.html

+ 7 - 1
src/components/HeaderMain.vue

@@ -4,7 +4,13 @@
       <img class="logo-img" src="" alt="">调研宝</div>
     <div class="right">
       <div class="operational-data">去“看板”查看测试运营数据</div>
-      <div class="userinfo">用户名 <i class="el-icon-caret-bottom"></i></div>
+      <el-dropdown placement="bottom" trigger="click">
+        <div class="userinfo">用户名 <i class="el-icon-caret-bottom"></i></div>
+        <el-dropdown-menu slot="dropdown">
+          <el-dropdown-item>退出</el-dropdown-item>
+        </el-dropdown-menu>
+      </el-dropdown>
+
     </div>
   </div>
 </template>

+ 2 - 2
src/views/myHistoryTest/myHistoryTest.html

@@ -4,7 +4,7 @@
   <!-- 工具栏 -->
   <div class="history-tools">
     <div class="left">
-      <el-dropdown>
+      <el-dropdown trigger="click">
         <el-button type="primary">所属项目 <i class="el-icon-caret-bottom icon-right"></i>
         </el-button>
         <el-dropdown-menu slot="dropdown">
@@ -15,7 +15,7 @@
           <el-dropdown-item>蚵仔煎</el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>
-      <el-dropdown>
+      <el-dropdown trigger="click">
         <el-button type="primary">更新时间 <i class="el-icon-caret-bottom icon-right"></i>
         </el-button>
         <el-dropdown-menu slot="dropdown">