| | |
| | | </script> |
| | | |
| | | <template> |
| | | <public-content> |
| | | <template #content> |
| | | <div> |
| | | |
| | | <!-- <public-content> |
| | | <template #content> --> |
| | | <div class="data-content"> |
| | | <div v-for="item in 5"> |
| | | <div class="data-content-item"> |
| | | <div> 测试企业111111</div> |
| | | <el-button size="small" type="primary">化工企业</el-button> |
| | | </div> |
| | | </template> |
| | | </public-content> |
| | | |
| | | </div> |
| | | </div> |
| | | <!-- </template> |
| | | </public-content> --> |
| | | </template> |
| | | |
| | | <style lang="scss" scoped></style> |
| | | <style lang="scss" scoped> |
| | | .data-content { |
| | | color: #fff; |
| | | |
| | | } |
| | | |
| | | .data-content-item { |
| | | display: flex; |
| | | margin: 2px 2px; |
| | | padding: 5px 0; |
| | | background-color: #747bff; |
| | | justify-content: space-between; |
| | | // 超过高度自动显示滚动条 |
| | | overflow-y: auto; |
| | | } |
| | | </style> |