This commit is contained in:
萌狼蓝天 2024-08-04 18:36:49 +08:00
parent db553270ea
commit a05b95340f
5 changed files with 82 additions and 14 deletions

View File

@ -3,7 +3,7 @@
# 网站标题 - 显示在浏览器标签栏中 # 网站标题 - 显示在浏览器标签栏中
title: "个人介绍" title: "个人介绍"
# 网站图标 # 网站图标
ico: https://q2.qlogo.cn/g?b=qq&nk=2952458479&s=100 ico: static/profile.png
# 背景设置 # 背景设置
# 参数支持: # 参数支持:

View File

@ -31,7 +31,9 @@ body {
.round { .round {
border-radius: 15px; border-radius: 15px;
} }
.round-5{
border-radius: 5px;
}
.container{ .container{
display: flex; /* 添加 Flex 容器 */ display: flex; /* 添加 Flex 容器 */
height: 100%; height: 100%;
@ -63,11 +65,14 @@ body {
min-width: 350px; min-width: 350px;
/* 调整高度以适应剩余的空间 */ /* 调整高度以适应剩余的空间 */
height: 85%; height: 85%;
/* max-height: calc(100vh - 18%); */
margin: 16px auto; margin: 16px auto;
padding: 0.5em; padding: 0.5em;
box-sizing: border-box; box-sizing: border-box;
/* 添加以下样式以实现内部滚动条 */ /* 添加以下样式以实现内部滚动条 */
overflow-y: auto; /* 当内容超过 div 高度时显示滚动条 */ /* 当内容超过 div 高度时显示滚动条 */
/* overflow-y: auto; */
flex-direction: column;
} }
footer { footer {
width: 100%; width: 100%;
@ -97,9 +102,14 @@ footer a:hover{
height: 50px; height: 50px;
border-radius: 50px; border-radius: 50px;
} }
.center{
text-align: center;
}
.profile-about{ .profile-about{
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 12px;
} }
.profile-name{ .profile-name{
font-size:20px; font-size:20px;
@ -109,4 +119,32 @@ footer a:hover{
.profile-text{ .profile-text{
margin-left: 0.5em; margin-left: 0.5em;
}
.tag{
background-color:black;
color: bisque;
box-sizing: border-box;
padding: 0.2em 0.5em;
margin: 0 0.5em;
}
.tags-profile{
display: inline-block;
}
.tags{
display:none;
text-align: left;
margin-left: 1em;
}
@media (max-width: 400px){
.tags{
display: block;
}
.tags-profile{
display: none;
}
}
.gongsi-jieshao{
padding: 1em;
box-sizing: border-box;
} }

View File

@ -5,7 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Loading...</title> <title>Loading...</title>
<link rel="icon" type="image/png" href="default.png"> <link rel="icon" type="image/png" href="default.png">
<script src="https://unpkg.com/js-yaml"></script> <!-- <script src="https://unpkg.com/js-yaml"></script> -->
<script src="script/js-yaml.min.js"></script>
<script src="/script/log.js"></script> <script src="/script/log.js"></script>
<script src="/script/bacggroundSetting.js"></script> <script src="/script/bacggroundSetting.js"></script>
<link href="css/index.css" rel="stylesheet" type="text/css"> <link href="css/index.css" rel="stylesheet" type="text/css">
@ -36,20 +37,19 @@
<div class="jianjie shadow mh round"> <div class="jianjie shadow mh round">
<div class="box-profile"> <div class="box-profile">
<div> <div>
<img src="https://q2.qlogo.cn/g?b=qq&nk=2952458479&s=100" alt="" class="profile"> <img src="static/profile.png" alt="" class="profile">
</div> </div>
<div class="profile-text"> <div class="profile-text">
<p class="profile-name">萌狼蓝天</p> <p style="margin: 0;"><span class="profile-name">萌狼蓝天</span><span class="tags-profile"><span class="tag border round-5">软件工程</span><span class="tag border round-5">人工智能</span></span></p>
<span class="profile-about"> 乖乖狼科技首席技术官</span> <span class="profile-about"> Web开发Java/Python | vue/uni-app、爬虫与自动化</span>
</div> </div>
</div> </div>
<div class="tags">
专业:<span class="tag border round-5">软件工程</span><span class="tag border round-5">人工智能</span>
</div> </div>
</div>
<div class="xiangmu shadow mh round"> <div class="xiangmu shadow mh round">
2 2
</div> </div>
@ -57,7 +57,35 @@
3 3
</div> </div>
<div class="gongsi shadow mh round"> <div class="gongsi shadow mh round">
4 <h2 class="gongsi-pinpai center" style="margin: 0.5em ;">乖乖狼科技</h2>
<h4 class="gongsi-name center" style="margin: 0.25em;">重庆乖乖狼科技有限责任公司</h4>
<div class="gongsi-jieshao">
<p style="text-indent: 2em;">
重庆乖乖狼科技有限责任公司(简称:乖乖狼科技),成立于二零二四年,是以软件开发、软件服务、技术咨询为主的综合型技术服务公司。公司致力于为企业提供高质量的数字化解决方案和技术支持,帮助客户实现业务流程优化和技术创新。通过专业的软件定制开发、系统集成服务以及前沿的技术咨询,乖乖狼科技助力各行业客户提升核心竞争力,在快速变化的市场环境中保持领先地位。
</p>
</div>
<h4 class="gongsi-name center" style="margin: 0.25em;">企业文化</h4>
<div class="gongsi-jieshao">
<p>
使命:优化软件服务体验
</p>
<p>
价值观:技术为本 专注创新
</p>
<p>
经营理念:客户至上 产品为王
</p>
</div>
<h4 class="gongsi-name center" style="margin: 0.25em;">联系我们</h4>
<div class="gongsi-jieshao">
<p style="text-indent: 2em;">
欢迎致信<e-mail>vip@mllt.cc</e-mail>,您也可以通过微信公众号 <code>乖乖狼科技</code>、抖音:<code>乖乖狼科技</code> 联系我们
</p>
</div>
</div> </div>
<div class="boxs"> <div class="boxs">

2
script/js-yaml.min.js vendored Normal file

File diff suppressed because one or more lines are too long

BIN
static/profile.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB