<template> <div class="quick"> <el-dropdown size="medium" :hide-on-click="true" placement="bottom-start"> <span class="el-dropdown-link"> <i class="el-icon-circle-plus-outline"></i> 快速新建 </span> <el-dropdown-menu slot="dropdown"> <router-link to="/setting/rules"> <el-dropdown-item icon="el-icon-s-flag"> 审查细则 </el-dropdown-item> </router-link> <router-link to="/setting/scene"> <el-dropdown-item icon="el-icon-date"> 新建场景</el-dropdown-item ></router-link > <router-link to="/setting/template"> <el-dropdown-item icon="el-icon-tickets"> 报告模板</el-dropdown-item ></router-link > <router-link to="/user/profile" ><el-dropdown-item icon="el-icon-folder-add"> 测试用例</el-dropdown-item ></router-link > <router-link to="/user/profile"> <el-dropdown-item icon="el-icon-document"> 测试工具</el-dropdown-item ></router-link > </el-dropdown-menu> </el-dropdown> </div> </template> <script></script> <style scoped lang="scss"> .quick { padding: 10px 15px; border-bottom: 1px solid #d8dce5; // box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04); } .el-dropdown-link { cursor: pointer; font-weight: 600; color: #97a8be; } </style>