Merge branch 'master' into dev
Showing
5 changed files
with
18 additions
and
22 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
... | @@ -110,7 +110,7 @@ | ... | @@ -110,7 +110,7 @@ |
110 | margin-top: 15px; | 110 | margin-top: 15px; |
111 | background: url("~@/image/formContent.png") no-repeat; | 111 | background: url("~@/image/formContent.png") no-repeat; |
112 | background-size: 100% 100%; | 112 | background-size: 100% 100%; |
113 | padding: 20px 30px 20px 30px; | 113 | padding: 22px 42px 20px; |
114 | //修改表头的背景颜色横向渐变色 | 114 | //修改表头的背景颜色横向渐变色 |
115 | @extend .tableClass; | 115 | @extend .tableClass; |
116 | 116 | ... | ... |
... | @@ -37,8 +37,8 @@ | ... | @@ -37,8 +37,8 @@ |
37 | </el-row> | 37 | </el-row> |
38 | <el-row class="mt-10"> | 38 | <el-row class="mt-10"> |
39 | <el-col :span="6"> | 39 | <el-col :span="6"> |
40 | <el-form-item label="业务号流水号" prop="ywh"> | 40 | <el-form-item label="业务流水号" prop="ywh"> |
41 | <el-input v-model.trim="form.ywh" clearable class="width100" placeholder="业务号流水号"></el-input> | 41 | <el-input v-model.trim="form.ywh" clearable class="width100" placeholder="业务流水号"></el-input> |
42 | </el-form-item> | 42 | </el-form-item> |
43 | </el-col> | 43 | </el-col> |
44 | <el-col :span="3"> | 44 | <el-col :span="3"> | ... | ... |
... | @@ -41,8 +41,8 @@ | ... | @@ -41,8 +41,8 @@ |
41 | </el-row> | 41 | </el-row> |
42 | <el-row class="mt-10"> | 42 | <el-row class="mt-10"> |
43 | <el-col :span="6"> | 43 | <el-col :span="6"> |
44 | <el-form-item label="业务号流水号" prop="ywh"> | 44 | <el-form-item label="业务流水号" prop="ywh"> |
45 | <el-input v-model.trim="form.ywh" class="width100" clearable placeholder="业务号流水号"></el-input> | 45 | <el-input v-model.trim="form.ywh" class="width100" clearable placeholder="业务流水号"></el-input> |
46 | </el-form-item> | 46 | </el-form-item> |
47 | </el-col> | 47 | </el-col> |
48 | <el-col :span="6"> | 48 | <el-col :span="6"> | ... | ... |
-
Please register or sign in to post a comment