权属状态样式修改
Showing
1 changed file
with
17 additions
and
10 deletions
... | @@ -53,17 +53,14 @@ | ... | @@ -53,17 +53,14 @@ |
53 | :ref="($route.query.bsm && $route.query.bsm==item.bsm)?'curZxx':''" | 53 | :ref="($route.query.bsm && $route.query.bsm==item.bsm)?'curZxx':''" |
54 | :data-zdbsm="item.zdbsm" | 54 | :data-zdbsm="item.zdbsm" |
55 | > | 55 | > |
56 | <!-- <span class="qsztImg" v-if="item.qszt=='0'"> | 56 | <span class="qsztImg" v-if="item.qszt=='0'" style="background: #f79700; "> |
57 | 临时 | 57 | <span class="qsztFont">临</span> |
58 | </span> --> | ||
59 | <span class="qsztImg" v-if="item.qszt=='0'" style="border-radius: 50%; height: 20px; width: 20px; display: inline-block;background: #f79700; vertical-align: top;"> | ||
60 | <span style="display: block; color: #FFFFFF; height: 20px; line-height: 20px; font-size: 14px; text-align: center">临</span> | ||
61 | </span> | 58 | </span> |
62 | <span class="qsztImg" v-if="item.qszt=='1'" style="border-radius: 50%; height: 20px; width: 20px; display: inline-block;background:#00dd00; vertical-align: top;"> | 59 | <span class="qsztImg" v-if="item.qszt=='1'" style="background:#00dd00; "> |
63 | <span style="display: block; color: #FFFFFF; height: 20px; line-height: 20px; font-size: 14px; text-align: center">正</span> | 60 | <span class="qsztFont">正</span> |
64 | </span> | 61 | </span> |
65 | <span class="qsztImg" v-if="item.qszt=='2'" style="border-radius: 50%; height: 20px; width: 20px; display: inline-block;background: #238ff9; vertical-align: top;"> | 62 | <span class="qsztImg" v-if="item.qszt=='2'" style="background: #238ff9; "> |
66 | <span style="display: block; color: #FFFFFF; height: 20px; line-height: 20px; font-size: 14px; text-align: center">现</span> | 63 | <span class="qsztFont">现</span> |
67 | </span> | 64 | </span> |
68 | 65 | ||
69 | 66 | ||
... | @@ -465,9 +462,19 @@ export default { | ... | @@ -465,9 +462,19 @@ export default { |
465 | .qsztImg{ | 462 | .qsztImg{ |
466 | width: 16px; | 463 | width: 16px; |
467 | position: relative; | 464 | position: relative; |
468 | top: 1px; | 465 | top: 1px; |
466 | border-radius: 50%; height: 20px; width: 20px; display: inline-block; | ||
469 | } | 467 | } |
470 | .curPage{ | 468 | .curPage{ |
471 | color: orange; | 469 | color: orange; |
472 | } | 470 | } |
471 | .qsztFont{ | ||
472 | display: block; | ||
473 | color: #FFFFFF; | ||
474 | height: 20px; | ||
475 | line-height: 20px; | ||
476 | font-size: 14px; | ||
477 | text-align: center; | ||
478 | } | ||
479 | |||
473 | </style> | 480 | </style> | ... | ... |
-
Please register or sign in to post a comment