| | |
| | | <!-- |
| | | * @Date: 2024-01-05 22:26:22 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-01-20 20:39:26 |
| | | * @LastEditTime: 2024-01-31 21:47:40 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/preview/index.vue |
| | | --> |
| | | <template> |
| | |
| | | </template> |
| | | <template slot="after"> |
| | | <div class="work-list"> |
| | | <span :class="id===item.id ? 'active' : ''" v-for="item in mapList" @click="select(item)">{{item.name}}</span> |
| | | <span :title="item.name" :class="id===item.id ? 'active' : ''" v-for="item in mapList" @click="select(item)">{{item.name}}</span> |
| | | </div> |
| | | </template> |
| | | </Status> |
| | |
| | | margin-left: auto; |
| | | margin-right: 20px; |
| | | span { |
| | | width: 68px; |
| | | //width: 68px; |
| | | max-width: 100px; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | | padding: 0 10px; |
| | | text-align: center; |
| | | line-height: 28px; |
| | | background: rgba(23,38,67,0.6); |