From dcf9c9e0410fe1186239e3f8d6f7bdc789c08010 Mon Sep 17 00:00:00 2001 From: lzhe <lzhe@example.com> Date: 星期三, 05 六月 2024 18:00:39 +0800 Subject: [PATCH] 1 --- src/views/home/widgets/components/about.vue | 36 +++++++++++++++++++++++++++--------- 1 files changed, 27 insertions(+), 9 deletions(-) diff --git a/src/views/home/widgets/components/about.vue b/src/views/home/widgets/components/about.vue index efe806e..ce6812c 100644 --- a/src/views/home/widgets/components/about.vue +++ b/src/views/home/widgets/components/about.vue @@ -1,19 +1,28 @@ <template> - <el-card shadow="hover" header="鍏充簬椤圭洰" class="item-background"> - <p>楂樻�ц兘 / 绮捐嚧 / 浼橀泤銆傚熀浜嶸ue3 + Element-Plus 鐨勪腑鍚庡彴鍓嶇瑙e喅鏂规锛屽鏋滃枩娆㈠氨鐐逛釜鏄熸槦鏀寔涓�涓嬨��</p> - <p> - <a href='https://gitee.com/lolicode/scui' target="_blank"> - <img src='https://gitee.com/lolicode/scui/badge/star.svg?theme=dark' alt='star' style="vertical-align: middle"> - </a> - </p> + <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> + <div class="ver">鐗堟湰鍙�: 93.1.14</div> </el-card> </template> <script> export default { - title: "鍏充簬椤圭洰", + title: "淇℃伅鍗�", icon: "el-icon-setting", - description: "鐐逛釜鏄熸槦鏀寔涓�涓�", + description: "鍛樺伐鑱屼綅淇℃伅銆佽处鍙蜂俊鎭�佺郴缁熺増鏈揩閫熸煡鐪�", data() { return { @@ -23,5 +32,14 @@ </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> -- Gitblit v1.9.3