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

gx

This commit is contained in:
duanxiaohai 2024-04-17 16:03:39 +08:00
parent 2a2b4ccdfa
commit 7ec271744e
1 changed files with 88 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

93
src/view/education.vue
View File

@ -21,8 +21,18 @@
<div class="yd_title left_2"></div>
<div class="selectLint">
<div class="selectBox">
<el-select v-model="value" placeholder="Select" size="large" class="selClass">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
<el-select
v-model="value"
placeholder="Select"
size="large"
class="selClass"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</div>
<div class="selectBox">
@ -95,7 +105,22 @@
<edXX></edXX>
</div>
</div>
<div class="flex1"></div>
<div class="flex1">
<div class="funding">
<!-- <div class="fundings"> -->
<span>资助项目</span>
<span>资助数量</span>
<span>资助金额</span>
<!-- </div> -->
</div>
<div class="rolling">
<div v-for="(item, index) in 20" :key="index" class="fundingContent">
<span class="spot">幼儿资助</span>
<span class="spot">379人次</span>
<span class="spot">70.88</span>
</div>
</div>
</div>
</div>
<div class="displayFlex right_bg">
<div class="flex1">
@ -151,7 +176,7 @@
<div class="czrBox">
<div class="situation situation1"></div>
<div class="column">
<div v-for="item in 20">111111111111111</div>
<div v-for="item in 20">测试信息</div>
</div>
</div>
<div class="czrBox">
@ -204,6 +229,9 @@ const options = [
</script>
<style lang="scss" scoped>
::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
.displayFlex {
box-sizing: border-box;
height: 100%;
@ -686,6 +714,9 @@ const options = [
.column {
height: calc(100% - 26px);
overflow-y: auto;
font-size: 14px;
color: #ffffff;
padding-left: 18px;
}
}
.situation {
@ -797,6 +828,59 @@ const options = [
}
}
}
.funding {
width: 520px;
height: 34px;
margin-top: 20px;
// padding: 10px 0 14px 0;
box-sizing: border-box;
background-image: url(@/assets/eduImg/jyImg17.png);
background-repeat: no-repeat;
background-size: 100% 100%;
display: flex;
align-items: center;
justify-content: space-around;
// align-items: center;
// justify-content: center;
// flex-direction: column;
// justify-content: space-between;
span {
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 14px;
color: #ffffff;
line-height: 20px;
letter-spacing: 3px;
}
// .fundings{
// display: flex;
// }
}
.rolling {
height: 16vh;
// height: calc(100% - 26px);
overflow-y: auto;
.fundingContent {
display: flex;
align-items: center;
justify-content: space-around;
margin-top: 10px;
width: 94%;
height: 34px;
box-sizing: border-box;
background-image: url(@/assets/eduImg/jyImg16.png);
span {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 14px;
color: #ffffff;
letter-spacing: 3px;
text-align: left;
font-style: normal;
}
}
}
.selectLint {
width: 94%;
@ -820,7 +904,6 @@ const options = [
.el-select__wrapper {
background-color: rgba(255, 255, 255, 0) !important;
}
.el-select__placeholder {