Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcjg-web
Showing
2 changed files
with
13 additions
and
17 deletions
| 1 | <template> | 1 | <template> |
| 2 | <div class="breadcrumb-con"> | 2 | <el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right"> |
| 3 | <el-breadcrumb class="breadcrumb" separator-class="el-icon-arrow-right"> | 3 | <span class="fl">当前页面:</span> |
| 4 | <span class="fl">当前页面:</span> | 4 | <transition-group name="breadcrumb"> |
| 5 | <transition-group name="breadcrumb"> | 5 | <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path"> |
| 6 | <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path"> | 6 | <span @click.prevent="handleLink(item)">{{ item.meta.title }}</span> |
| 7 | <span @click.prevent="handleLink(item)">{{ item.meta.title }}</span> | 7 | </el-breadcrumb-item> |
| 8 | </el-breadcrumb-item> | 8 | </transition-group> |
| 9 | </transition-group> | 9 | </el-breadcrumb> |
| 10 | </el-breadcrumb> | ||
| 11 | </div> | ||
| 12 | </template> | 10 | </template> |
| 13 | 11 | ||
| 14 | <script> | 12 | <script> |
| ... | @@ -57,16 +55,14 @@ export default { | ... | @@ -57,16 +55,14 @@ export default { |
| 57 | </script> | 55 | </script> |
| 58 | 56 | ||
| 59 | <style lang="scss" scoped> | 57 | <style lang="scss" scoped> |
| 60 | .breadcrumb-con { | ||
| 61 | padding-bottom: 5px; | ||
| 62 | border-bottom: 1px solid #458ACF; | ||
| 63 | margin: 8px 0; | ||
| 64 | } | ||
| 65 | |||
| 66 | .breadcrumb { | 58 | .breadcrumb { |
| 67 | text-indent: 10px; | 59 | text-indent: 10px; |
| 68 | background: linear-gradient(90deg, #0047B8 0%, rgba(0, 26, 95, 0.1) 100%); | 60 | background: url("~@/image/breadcrumb.png") no-repeat; |
| 61 | background-size: 100% 100%; | ||
| 69 | line-height: 32px; | 62 | line-height: 32px; |
| 63 | height: 32px; | ||
| 64 | padding-left: 35px; | ||
| 65 | margin: 8px 0 8px 6px; | ||
| 70 | color: #02D9FD; | 66 | color: #02D9FD; |
| 71 | } | 67 | } |
| 72 | 68 | ... | ... |
src/image/breadcrumb.png
0 → 100644
170 KB
-
Please register or sign in to post a comment