first commit
This commit is contained in:
萌狼蓝天
commit
1a5107250e
5
.idea/.gitignore
vendored
Normal file
5
.idea/.gitignore
vendored
Normal file
@ -0,0 +1,5 @@
|
||||
# 默认忽略的文件
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# 基于编辑器的 HTTP 客户端请求
|
||||
/httpRequests/
|
||||
8
.idea/modules.xml
Normal file
8
.idea/modules.xml
Normal file
@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/简历.iml" filepath="$PROJECT_DIR$/.idea/简历.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
12
.idea/简历.iml
Normal file
12
.idea/简历.iml
Normal file
@ -0,0 +1,12 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="WEB_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$">
|
||||
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
|
||||
<excludeFolder url="file://$MODULE_DIR$/temp" />
|
||||
<excludeFolder url="file://$MODULE_DIR$/tmp" />
|
||||
</content>
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
||||
169
index.html
Normal file
169
index.html
Normal file
@ -0,0 +1,169 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>A4 Paper Print</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<script>
|
||||
function checkScreenSize() {
|
||||
var screenWidth = window.innerWidth;
|
||||
// A4纸张横向的大约像素值
|
||||
var a4Width = 800;
|
||||
var status = localStorage.getItem("no_notice")
|
||||
let ele = document.getElementsByClassName("overlay")[0]
|
||||
if (screenWidth < a4Width) {
|
||||
if (status==="1"){
|
||||
ele.style.display="none"
|
||||
}else{
|
||||
ele.style.display="flex"
|
||||
}
|
||||
}
|
||||
}
|
||||
function msg_close(){
|
||||
let ele = document.getElementsByClassName("overlay")[0]
|
||||
ele.style.display="none" //设置display:none
|
||||
}
|
||||
function msg_close_ever(){
|
||||
let ele = document.getElementsByClassName("overlay")[0]
|
||||
ele.style.display="none" //设置display:none
|
||||
localStorage.setItem("no_notice",1)
|
||||
}
|
||||
|
||||
|
||||
function printA4Content() {
|
||||
// 创建一个新的窗口用于打印
|
||||
var printWindow = window.open('', '', 'height=600,width=800');
|
||||
|
||||
// 获取要打印的内容
|
||||
var printContent = document.getElementById('printableArea').innerHTML;
|
||||
|
||||
// 创建一个新的 HTML 文档
|
||||
var html = '<html><head><title>A4 Paper Print</title>';
|
||||
html += '<link rel="stylesheet" type="text/css" href="style.css">';
|
||||
html += '</head><body onload="window.print(); window.close();">' + printContent + '</body></html>';
|
||||
|
||||
// 将 HTML 内容写入新窗口
|
||||
printWindow.document.write(html);
|
||||
printWindow.document.close();
|
||||
|
||||
// 打印完成后关闭新窗口
|
||||
// 注意：某些浏览器可能不允许自动关闭打印窗口
|
||||
// printWindow.close();
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body onload="checkScreenSize()">
|
||||
<div class="container">
|
||||
<div class="a4-paper" id="printableArea">
|
||||
<div class="box-limit">
|
||||
<div class="header">
|
||||
<div class="profile-box">
|
||||
<img src="https://image0.lietou-static.com/img/663a48c62c6c56485c318e2301u.jpeg" class="profile" alt="">
|
||||
</div>
|
||||
<div class="user-info">
|
||||
<p class="title"> 基本信息 </p>
|
||||
<p class="name">
|
||||
<span>姓名：张伟杰</span>
|
||||
<span>求职目标：软件开发工程师(Java/Python)</span>
|
||||
</p>
|
||||
<p class="name">
|
||||
<span>年龄：23</span>
|
||||
<span> 地 址 ：重庆市璧山区</span>
|
||||
</p>
|
||||
<p class="name">
|
||||
<span>手机：<a href="tel:17602344992">17602344992</a></span>
|
||||
<span>邮 箱 ：<a href="mailto:xrilang@mllt.cc?subject=【简历联系】&body=【来自我的简历】">xrilang@mllt.cc</a></span>
|
||||
</p>
|
||||
<p class="name">
|
||||
技能：<small>Java(Web) | Python(Web、Spider、Tensorflow) | Web(Vue、uni-app)</small>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<p> <span class="title">个人作品</span> | 更多项目请访问：<a href="https://i.mllt.cc" target="_blank">https://i.mllt.cc</a> | <a href="https://git.mllt.cc" target="_blank">https://git.mllt.cc</a></p>
|
||||
<hr class="line">
|
||||
<div class="flex-column">
|
||||
<div class="project-item">
|
||||
<p><a href="https://gitee.com/mllt992/source-manage-mvc" target="_blank">自媒体资源分享平台</a> <span class="tag">原创</span> <span class="tag">全栈</span> Vue3+Vant、Java Spring、MySQL</p>
|
||||
<p><span>项目简介：</span><small>多身份、个人信息维护、资源搜索、积分下载、下载历史记录、收藏、邮箱注册、滑动验证</small></p>
|
||||
</div>
|
||||
<div class="project-item">
|
||||
<p><a href="https://gitee.com/mllt992/xrilang-web-2023" target="_blank">账单管理系统</a> <span class="tag">原创</span> <span class="tag">全栈</span> Vue3+AntDesignVue+Echarts、Python Flask、MySQL</p>
|
||||
<p><span>项目简介：</span><small>邮箱注册、多身份、数据统计、数据可视化</small></p>
|
||||
</div>
|
||||
<div class="project-item">
|
||||
<p><a href="https://gitee.com/mllt992/meow-meow-clock-in" target="_blank">自动打卡平台</a> <span class="tag">原创</span> <span class="tag">全栈</span> Flask(业务端)+Ruoyi Springboot(管理端)+Redis+MySQL</p>
|
||||
<p><span>项目简介：</span><small>业务端与管理端分离互不影响、Redis+代理IP降低成本、执行结果邮件通知</small></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="main">
|
||||
<p class="title"> 在校经历 </p>
|
||||
<hr class="line">
|
||||
|
||||
<div class="school">
|
||||
<div class="school-info">
|
||||
<div class="logo">
|
||||
<img src="https://bdfe.liepin.com/school/908885d4d6f143b1bdd9ff8fabf33acb.jpg" alt="LOGO">
|
||||
</div>
|
||||
<div class="shool-name">
|
||||
<p>
|
||||
<span>重庆移通学院</span> <span class="tag">统招</span> <span class="shool-intime">2023-09 —— 2025-06</span> <span>专业：人工智能</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>校园经历：</span><small>网络与信息管理中心软件开发组组长、创新创业先锋班学员、双体系软件精英学院学员</small>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="school-info">
|
||||
<div class="logo">
|
||||
<img src="https://bdfe.liepin.com/school/d6dfa30f6c7b430bac82c8a9aba58eee.jpg" alt="LOGO">
|
||||
</div>
|
||||
<div class="shool-name">
|
||||
<p>
|
||||
<span>重庆工业职业技术学院</span> <span class="tag">统招</span> <span class="shool-intime">2020-09 —— 2023-06</span> <span>专业：软件技术</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>校园经历：</span><small>学生处助理、院新媒体中心负责人、华为耀星校园大使、统信UOS校园大使</small>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="main">
|
||||
<p> <span class="title">获奖经历</span> | 国家级荣誉2项 省级奖项6项 校级创新创业类5+项，校级活动类7+项
|
||||
<hr class="line">
|
||||
<div class="rongyu">
|
||||
<div class="jiangxiang"><span class="tag">重庆市</span> <span>中国大学生计算机设计大赛三等奖</span></div>
|
||||
<div class="jiangxiang"><span class="tag">重庆市</span> <span>第二十四届中国机器人及人工智能大赛智能驾驶赛三等奖</span></div>
|
||||
<div class="jiangxiang"><span class="tag">重庆市</span> <span>巴渝工匠杯乡村振兴技术技能大赛人工智能工程技术项目优胜奖</span></div>
|
||||
<div class="jiangxiang"><span class="tag">重庆市</span> <span>第七届中国国际“互联网+”大学生创新创业大赛铜奖</span></div>
|
||||
<div class="jiangxiang"><span class="tag">重庆市</span> <span>第十四届“挑战杯”中国大学生创业计划竞赛铜奖</span></div>
|
||||
<div class="jiangxiang"><span class="tag">重庆市</span> <span>北斗杯全国青少年空天科技体验与创新大赛一等奖</span></div>
|
||||
<div class="jiangxiang"><span class="tag">个人荣誉</span> <span>国家励志奖学金 优秀毕业生 优秀干部 优秀学生助理 先进个人 三下乡优秀个人</span></div>
|
||||
<div class="jiangxiang"><span class="tag">其他</span> <span>MS Office二级、C语言二级、人工智能训练师数据标注员四级/中级工职业证书</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="overlay">
|
||||
<div class="content">
|
||||
<h1>这是A4大小的简历</h1>
|
||||
<p>本网站设计尺寸为A4大小，为了您的浏览体验，建议使用电脑打开并全屏浏览</p>
|
||||
<button class="msg-btn round shadow" id="btn1" onclick="msg_close()">确定</button>
|
||||
<button class="msg-btn round shadow" id="btn2" onclick="msg_close_ever()">不再提醒</button>
|
||||
</div>
|
||||
</div>
|
||||
<div style="text-align: center">
|
||||
<button class="msg-btn round shadow" onclick="printA4Content()">打印</button>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
193
style.css
Normal file
193
style.css
Normal file
@ -0,0 +1,193 @@
|
||||
:root{
|
||||
/*背景颜色*/
|
||||
--color-background:#ead7c8;
|
||||
/*边框颜色*/
|
||||
--color-border: var(--color-background);
|
||||
/*正文字体颜色*/
|
||||
--color-font-content: #937036;
|
||||
/*标签字体颜色*/
|
||||
--color-tag-font:#ff6400;
|
||||
/*标签背景颜色*/
|
||||
--color-tag-background: #ffefe5;
|
||||
/*圆角大小*/
|
||||
--yuanjiao-usual:10px;
|
||||
--yuanjiao-mini:5px;
|
||||
/*标题字体大小*/
|
||||
--size-font-title:24px;
|
||||
}
|
||||
/*标签样式统一设置*/
|
||||
body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color:var(--color-font-content)
|
||||
}
|
||||
p{
|
||||
margin: 0;
|
||||
}
|
||||
a{
|
||||
color: var(--color-font-content);
|
||||
text-decoration: none;
|
||||
}
|
||||
/*框架/盒子*/
|
||||
.container{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 2em;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.a4-paper {
|
||||
margin: auto;
|
||||
/*padding: 1mm;*/
|
||||
box-sizing: border-box;
|
||||
width: 210mm;
|
||||
height: 297mm;
|
||||
box-shadow: 0 2px 5px 2px rgba(0,0,0,0.1);
|
||||
display: flex;
|
||||
justify-content: center; /* 水平居中 */
|
||||
align-items: center; /* 垂直居中 */
|
||||
}
|
||||
.box-limit{
|
||||
width: 95%;
|
||||
height: 95%;
|
||||
margin: 1em auto;
|
||||
padding: 1em;
|
||||
box-sizing: border-box;
|
||||
border: 5px solid var(--color-border);
|
||||
border-radius: var(--yuanjiao-usual);
|
||||
}
|
||||
|
||||
.header,.footer{
|
||||
justify-content: center; /* 水平居中 */
|
||||
align-items: center; /* 垂直居中 */
|
||||
flex-flow: row;
|
||||
}
|
||||
.main{
|
||||
justify-content: left; /* 水平居中 */
|
||||
padding: 1em;
|
||||
box-sizing: border-box;
|
||||
flex-flow: column;
|
||||
}
|
||||
.header,.main,.footer{
|
||||
margin: 0 0 1em 0;
|
||||
display: flex;
|
||||
background: var(--color-background);
|
||||
border-radius: var(--yuanjiao-usual);
|
||||
}
|
||||
/*通用样式*/
|
||||
.line{
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
/*color: var(--color-font-content);*/
|
||||
background: var(--color-font-content);
|
||||
border: none;
|
||||
}
|
||||
.title{
|
||||
font-size: var(--size-font-title);
|
||||
font-weight: bold;
|
||||
}
|
||||
.name{
|
||||
margin: 0.5em auto;
|
||||
}
|
||||
.tag{
|
||||
border-radius: var(--yuanjiao-mini);
|
||||
color: var(--color-tag-font);
|
||||
background: var(--color-tag-background);
|
||||
padding: 1px 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.round{
|
||||
border-radius: var(--yuanjiao-mini);
|
||||
}
|
||||
.shadow{
|
||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.header .profile-box{
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
padding: 0;
|
||||
margin:1em;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.header .profile-box .profile{
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
/*border: 3px solid var(--color-border);*/
|
||||
border-radius: var(--yuanjiao-usual);
|
||||
}
|
||||
.header .user-info{
|
||||
width: calc(100% - 150px);
|
||||
height: 155px;
|
||||
margin: 0 0.5em;
|
||||
padding: 0 0.5em;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.flex-column,.school {
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
}
|
||||
.flex-row{
|
||||
display: flex;
|
||||
flex-flow: row;
|
||||
margin: 0.5em;
|
||||
}
|
||||
.school .school-info{
|
||||
display: flex;
|
||||
flex-flow: row;
|
||||
margin: 0.5em;
|
||||
}
|
||||
.school .school-info .logo{
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
.school .school-info .logo img{
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50px;
|
||||
}
|
||||
.school .school-info .shool-name{
|
||||
|
||||
}
|
||||
|
||||
.rongyu .jiangxiang{
|
||||
margin: 0.5em;
|
||||
}
|
||||
.project-item{
|
||||
margin: 0.5em;
|
||||
}
|
||||
/*提示框*/
|
||||
.overlay {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
/*background-color: rgba(0, 0, 0, 0.5); !* 可选的半透明背景 *!*/
|
||||
z-index: 1000; /* 确保此div位于其他所有元素之上 */
|
||||
|
||||
}
|
||||
.content {
|
||||
width: 90%;
|
||||
min-width: 350px;
|
||||
max-width: 500px;
|
||||
background-color: white;
|
||||
padding: 20px;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.msg-btn{
|
||||
width: 20%;
|
||||
max-width: 150px;
|
||||
min-width: 50px;
|
||||
height: 2em;
|
||||
margin: 1em auto;
|
||||
color:var(--color-font-content);
|
||||
background: var(--color-background);
|
||||
outline: none;
|
||||
border: none;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user