~~
人事管理系统(二)
~~
人事管理系统的游客界面(这几天准备软考,代码敲的有所懈怠(手动狗头))
游客界面的目的是让游客可以不用注册登录就可以体验系统的功能
主流色调依旧是大气的黑金,布局采用上下盒子布局,下盒子拆分成两个盒子,上盒子用来放标题和返回按钮,下盒子左边用来存放功能按钮,右侧用来做欢迎游客进入的页面,效果图如下
此页面除了中间的欢迎文字,其余文字均使用了渐变的字体样式,个人认为看上去还算看的过去,但仍有些突兀的地方没有解决,比如右上角的返回主界面按钮为了突出显示,加了左边框后导致了按钮有种下沉的感觉,背景图片在本地加载时间过长,页面缩放比例问题(呜呜呜,这也太菜了叭)
下面附部分代码:
html部分
<template>
<div class="fadiv">
<div class="headerdiv">
<button @click="returnhome" class="rethome">返回主界面</button>
<p class="title">人事管理系统游客界面</p>
</div>
<div class="fundiv">
<button class