This commit is contained in:
parent
b8741b9ef8
commit
186ec353ac
|
@ -2,120 +2,23 @@
|
|||
<div class="module">
|
||||
<div class="displayFlex left_bg">
|
||||
<div class="flex1">
|
||||
<div class="yd_title">
|
||||
<span class="text">助乡兴趣点</span>
|
||||
</div>
|
||||
<div class="yd_title left_1"></div>
|
||||
<ePie></ePie>
|
||||
</div>
|
||||
<div class="flex1">
|
||||
<div class="yd_title">
|
||||
<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 class="yd_title left_2"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="displayFlex">
|
||||
<div class="flex1">
|
||||
<div class="yd_title">
|
||||
<span class="text">活动数据分析</span>
|
||||
</div>
|
||||
<div class="yd_title center_1"></div>
|
||||
<eGraph></eGraph>
|
||||
</div>
|
||||
</div>
|
||||
<div class="displayFlex right_bg">
|
||||
<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 class="displayFlex">
|
||||
<div class="flex1">
|
||||
<div class="yd_title">
|
||||
<span class="text">个人经历</span>
|
||||
</div>
|
||||
<div class="yd_title right_1"></div>
|
||||
<div class="history">
|
||||
<p>2002年至2009年担任浙江大学计算机学院和软件学院院长;</p>
|
||||
<p>1984年获得浙江大学计算机应用专业硕士学位,之后留校任教;</p>
|
||||
|
@ -174,11 +77,41 @@ import eBubble from "./echarts_education/bubble.vue";
|
|||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.yd_title {
|
||||
background-image: url(@/assets/img_04.png);
|
||||
.right_bg {
|
||||
width: 642px;
|
||||
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-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;
|
||||
width: 100%;
|
||||
height: 36px;
|
||||
|
|
Loading…
Reference in New Issue