gx

src/view/education.vue

@@ -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-select
-              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+              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 {