前端样式完成

master
Lee-1203 2022-05-12 15:28:36 +08:00
parent 641ee4694e
commit 3b91edf989
25 changed files with 217 additions and 9 deletions

View File

@ -48,6 +48,12 @@
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -91,5 +97,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -86,5 +92,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -263,5 +269,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -100,6 +100,12 @@
}
.login-registration span{
margin: 0 8px;
display: -webkit-box;
-webkit-line-clamp: 1;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.icon-arrow{
width: 0;
@ -126,7 +132,7 @@
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
user-select: none;
position: absolute;
top: 37px;
top: 45px;
right: 0;
}
.open-more>a{

View File

@ -48,6 +48,12 @@
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -90,5 +96,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -457,5 +463,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -263,5 +269,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -42,12 +42,13 @@
<div class="top-right">
<!-- 通知 -->
<div class="notice"><a href=""><img src="images/icon/icon-notice.png" alt="通知"></a><em>15</em></div>
<!-- 登录/注册 -->
<!-- 用户信息 -->
<div class="login-registration">
<!-- <ins><img src="images/icon/icon-user.png" alt="登录/注册"></ins> -->
<span><em><a href="login.html">登录</a>/<a href="register.html">注册</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>

View File

@ -48,6 +48,12 @@
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -93,5 +99,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -122,5 +128,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="user-admin.html">管理员</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -259,5 +265,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -260,5 +266,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -263,5 +269,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="user-admin.html">管理员</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -242,5 +248,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -131,5 +137,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -212,5 +218,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -42,12 +42,18 @@
<div class="top-right">
<!-- 通知 -->
<div class="notice"><a href=""><img src="images/icon/icon-notice.png" alt="通知"></a><em>15</em></div>
<!-- 登录/注册 -->
<!-- 用户信息 -->
<div class="login-registration">
<!-- <ins><img src="images/icon/icon-user.png" alt="登录/注册"></ins> -->
<span><em><a href="login.html">登录</a>/<a href="register.html">注册</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -106,9 +112,6 @@
</div>
<!-- 提示框 -->
<div class="tips-box">
<span>提 示</span>
<p>注册成功,自动跳转到登录页</p>
</div>
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="user.html">186****8573</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -94,5 +100,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -226,5 +232,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="login.html">管理员</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -259,5 +265,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -44,10 +44,16 @@
<div class="notice"><a href=""><img src="images/icon/icon-notice.png" alt="通知"></a><em>15</em></div>
<!-- 用户信息 -->
<div class="login-registration">
<ins><img src="images/icon/icon-user.png" alt="高高兴"></ins>
<span><em><a href="user.html">高高兴</a></em></span>
<ins><a href=""><img src="images/icon/icon-user.png" alt="高高兴"></a></ins>
<span><em><a href="user.html">186****8573</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -204,5 +210,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -154,5 +160,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="user-admin.html">管理员</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -242,5 +248,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -121,5 +127,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>

View File

@ -48,6 +48,12 @@
<span><em><a href="user.html">高高兴</a></em></span>
<em class="icon-arrow"></em>
</div>
<!-- 快捷菜单 -->
<div class="open-more">
<a href="">个人中心</a>
<a href="">修改密码</a>
<a href="">退出登录</a>
</div>
</div>
<!-- 导航按钮 -->
<div class="nav-bg"></div>
@ -209,5 +215,8 @@
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持:<a href="">大向天成</a></div>
</div>
</div>
<!-- 提示框 -->
<div class="tips-box"><span></span><p></p></div>
</body>
</html>