xiangshan
/
ggfwjsc
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gx

This commit is contained in:
lnn19986213 2024-04-17 10:12:38 +08:00
parent b8741b9ef8
commit 186ec353ac
1 changed files with 39 additions and 106 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

145
src/view/education.vue
View File

@ -2,120 +2,23 @@
<div class="module"> <div class="module">
<div class="displayFlex left_bg"> <div class="displayFlex left_bg">
<div class="flex1"> <div class="flex1">
<div class="yd_title"> <div class="yd_title left_1"></div>
<span class="text">助乡兴趣点</span>
</div>
<ePie></ePie> <ePie></ePie>
</div> </div>
<div class="flex1"> <div class="flex1">
<div class="yd_title"> <div class="yd_title left_2"></div>
<span class="text">基本信息</span>
</div>
<div class="basicInformation">
<div class="basicInformation_item">
<img class="icon" src="../assets/img_01.png" alt="" />
<div class="right">
<div class="label">
<span>学历</span>
</div>
<p>浙江大学研究生</p>
</div>
</div>
<div class="basicInformation_item">
<img class="icon" src="../assets/img_01.png" alt="" />
<div class="right">
<div class="label">
<span>性格</span>
</div>
<p>沉稳</p>
</div>
</div>
<div class="basicInformation_item">
<img class="icon" src="../assets/img_01.png" alt="" />
<div class="right">
<div class="label">
<span>分类</span>
</div>
<p>乡贤代表</p>
</div>
</div>
<div class="basicInformation_item">
<img class="icon" src="../assets/img_01.png" alt="" />
<div class="right">
<div class="label">
<span>所属行业</span>
</div>
<p>计算机<br />应用专家</p>
</div>
</div>
<div class="basicInformation_item">
<img class="icon" src="../assets/img_01.png" alt="" />
<div class="right">
<div class="label">
<span>家属情况</span>
</div>
<p>父母去世，姨妈 在象</p>
</div>
</div>
<div class="basicInformation_item">
<img class="icon" src="../assets/img_01.png" alt="" />
<div class="right">
<div class="label">
<span>对乡情感</span>
</div>
<p>积极参与</p>
</div>
</div>
</div>
</div> </div>
</div> </div>
<div class="displayFlex"> <div class="displayFlex">
<div class="flex1"> <div class="flex1">
<div class="yd_title"> <div class="yd_title center_1"></div>
<span class="text">活动数据分析</span>
</div>
<eGraph></eGraph> <eGraph></eGraph>
</div> </div>
<div class="flex1">
<div class="yd_title">
<span class="text">走访日志</span>
</div>
<div class="visitLog">
<div class="visitLog_item">
<img src="../assets/img_02.png" width="48px" height="51px" alt="" />
<div class="visitLog_item_box">
<h4>故居走访</h4>
<p>走访人员：陈思思</p>
<p>走访时间：2023-03-19 09:00:03</p>
</div>
<span class="check">点击查看</span>
</div>
<div class="visitLog_item">
<img src="../assets/img_02.png" width="48px" height="51px" alt="" />
<div class="visitLog_item_box">
<h4>节日走访</h4>
<p>走访人员：陈思思</p>
<p>走访时间：2023-03-19 09:00:03</p>
</div>
<span class="check">点击查看</span>
</div>
<div class="visitLog_item">
<img src="../assets/img_02.png" width="48px" height="51px" alt="" />
<div class="visitLog_item_box">
<h4>新年走访</h4>
<p>走访人员：陈思思</p>
<p>走访时间：2023-03-19 09:00:03</p>
</div>
<span class="check">点击查看</span>
</div>
</div>
</div>
</div> </div>
<div class="displayFlex"> <div class="displayFlex right_bg">
<div class="flex1"> <div class="flex1">
<div class="yd_title"> <div class="yd_title right_1"></div>
<span class="text">个人经历</span>
</div>
<div class="history"> <div class="history">
<p>2002年至2009年担任浙江大学计算机学院和软件学院院长；</p> <p>2002年至2009年担任浙江大学计算机学院和软件学院院长；</p>
<p>1984年获得浙江大学计算机应用专业硕士学位，之后留校任教；</p> <p>1984年获得浙江大学计算机应用专业硕士学位，之后留校任教；</p>
@ -174,11 +77,41 @@ import eBubble from "./echarts_education/bubble.vue";
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.right_bg {
.yd_title { width: 642px;
background-image: url(@/assets/img_04.png); box-sizing: border-box;
padding-right: 50px;
padding-left: 20px;
margin-left: 28px;
background-image: url(@/assets/images/right_bg.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
}
.left_1 {
background-image: url(@/assets/eduImg/title1.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.left_2 {
background-image: url(@/assets/eduImg/title2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.center_1 {
background-image: url(@/assets/eduImg/title3.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.right_1{
background-image: url(@/assets/eduImg/title4.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.yd_title {
// background-image: url(@/assets/img_04.png);
// background-repeat: no-repeat;
// background-size: 100% 100%;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
height: 36px; height: 36px;