<!--
|
* @Author: lzhe lzhe@example.com
|
* @Date: 2024-09-06 14:09:39
|
* @LastEditors: lzhe lzhe@example.com
|
* @LastEditTime: 2024-10-23 13:40:48
|
* @FilePath: /smart-web/src/views/home/widgets/components/Access.vue
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
-->
|
<template>
|
<el-card shadow="hover" header="信息卡" class="item-background">
|
<div class="informationCar">
|
<div class="informationCar-info">
|
<img src="./img-logo.png">
|
<div>
|
<div>admin</div>
|
<div>admin</div>
|
</div>
|
</div>
|
<img class="car-img" src="./info.76e912c7.png">
|
</div>
|
<ul>
|
<li>中兵航联</li>
|
<li>未绑定员工</li>
|
</ul>
|
</el-card>
|
</template>
|
|
<script>
|
export default {
|
title: "信息卡",
|
icon: "el-icon-setting",
|
description: "员工职位信息、账号信息、系统版本快速查看",
|
data() {
|
return {
|
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
.item-background {position: relative;}
|
.item-background p {color: #999;margin-top:10px;line-height: 1.8;}
|
.informationCar {display: flex;height: 60px;}
|
.car-img {flex: 1;}
|
.informationCar-info {width: 150px;display: flex;height: 50px;align-items: center;}
|
.informationCar-info img {width: 30px;height:30px;}
|
.informationCar-info > div {margin-left: 32px;flex: 1;}
|
.informationCar-info > div div:nth-child(1) {margin-bottom: 8px;font-size: 14px;font-weight: bold;}
|
ul {list-style: none;margin-bottom: 20px;}
|
.ver {position: absolute;bottom: 6px;right: 8px;}
|
</style>
|
