diff --git a/src/view/work.vue b/src/view/work.vue index 745b647..6b0db29 100644 --- a/src/view/work.vue +++ b/src/view/work.vue @@ -2,50 +2,27 @@
-
+
-
+
教育
-
+
医疗
-
+
就业
-
+
住房
-
+
自然灾害
-
+
临时救助
@@ -71,11 +48,7 @@
-
+
城乡居民最低生活保障金 99,126,474 @@ -88,22 +61,13 @@
-
+
困难残疾人
-
+
困难军人
-
+
困难职工
@@ -111,42 +75,27 @@
-
-
+
+
-
-
- -
+
发起单位:
+
{{ item.fqdw }}
-
-
-
- 发起单位: {{ item.fqdw }} -
- 项目名称: {{ item.xmmc }} -
- 公众筹款金额(元): {{ item.gzzcje }} -
- 捐赠支出金额: {{ item.jzzcje }} -
- 捐赠人次: {{ item.jzrc }} -
-
-
-
-
+
项目名称:
+
{{ item.xmmc }}
+
+
+
公众筹款金额(元):
+
{{ item.gzzcje }}
+
+
+
捐赠支出金额:
+
{{ item.jzzcje }}
+
+
+
捐赠人次:
+
{{ item.jzrc }}
@@ -231,6 +180,7 @@ const getData = async () => { await http.get("/api/ggfwyth/succour").then((res) => { if (res.code == 200) { console.log(res.data); + data.diversification.hszhxms = res.data.diversification.hszhxms // 专项救助模块 // data.education.data[0] = res.data.specialAssistance.education.data[0]; // 教育&医疗&就业 @@ -308,6 +258,7 @@ onBeforeMount(() => { background-repeat: no-repeat; background-size: 100% 100%; } + .left_1_1 { background-image: url(@/assets/images/work/new_qtjz.png); background-repeat: no-repeat; @@ -337,6 +288,7 @@ onBeforeMount(() => { background-repeat: no-repeat; background-size: 100% 100%; } + .right_2 { background-image: url(@/assets/images/work/new_dyh.png); background-repeat: no-repeat; @@ -583,11 +535,13 @@ onBeforeMount(() => { top: 3px; } } + .choose { display: flex; justify-content: center; margin-top: 47px; margin-bottom: 20px; + .choose_1 { cursor: pointer; width: 124px; @@ -604,6 +558,7 @@ onBeforeMount(() => { background-repeat: no-repeat; background-size: 100% 100%; } + .choose_2 { cursor: pointer; width: 124px; @@ -631,6 +586,7 @@ onBeforeMount(() => { .flex11 { padding: 12px 0; } + .czr-sl { display: flex; @@ -766,56 +722,51 @@ onBeforeMount(() => { } } -.czr-bj { - width: 529px; - height: 350px; +.dyh { + margin-top: 10px; + overflow: hidden; + height: 380px; + overflow-y: auto; + width: 100%; + + .czr-bj { + width: 480px; // height: calc(100% - 26px); background: rgba(0, 103, 165, 0.18); box-shadow: inset 0px 0px 58px 0px rgba(37, 175, 252, 0.47); border-radius: 2px; - padding: 20px 0 0 14px; + padding: 20px 26px 1px 32px; + margin: 0 auto 12px; // box-sizing: border-box; .czrBox { - height: 118px; - .column { - height: calc(100% - 26px); - overflow-y: auto; - font-size: 14px; - color: #ffffff; - padding-left: 18px; - padding-right: 18px; - } - } - - .situation { - width: 495px; - height: 26px; - background-repeat: no-repeat; - background-size: 100% 100%; - } - - .situation1 { - background-image: url(@/assets/images/work/dyh.png); - } - - .situation2 { - background-image: url(@/assets/images/work/dyh2.png); - } - - .situation3 { - background-image: url(@/assets/images/work/dyh1.png); + height: 22px; + font-weight: 500; + font-size: 16px; + color: #FFFFFF; + line-height: 22px; + letter-spacing: 3px; + text-shadow: 0px 0px 17px rgba(0, 255, 254, 0.5); + display: flex; + justify-content: space-between; + margin-bottom: 20px; } } +} + + + .school { display: flex; flex-direction: column; justify-content: space-around; } + .fundingBox { display: flex; flex-direction: column; align-items: center; + .funding { width: 520px; height: 34px; @@ -828,6 +779,7 @@ onBeforeMount(() => { display: flex; align-items: center; justify-content: space-around; + // align-items: center; // justify-content: center; // flex-direction: column; @@ -841,6 +793,7 @@ onBeforeMount(() => { letter-spacing: 3px; } } + .rolling { width: 100%; height: 200px; @@ -873,6 +826,7 @@ onBeforeMount(() => { width: 70%; padding-left: 38px; } + span:nth-child(2) { width: 30%; // padding-left: 50px; @@ -880,11 +834,13 @@ onBeforeMount(() => { } } } + .rating { width: 50%; display: flex; flex-direction: column; align-items: center; + .ratingBtn { display: flex; // align-items: center; @@ -895,7 +851,8 @@ onBeforeMount(() => { background-image: url(@/assets/eduImg/jyImg19.png); background-repeat: no-repeat; background-size: 100% 100%; - cursor: pointer; /* 添加指针样式以指示可点击 */ + cursor: pointer; + /* 添加指针样式以指示可点击 */ } .ratingImg { @@ -905,6 +862,7 @@ onBeforeMount(() => { background-repeat: no-repeat; background-size: 100% 100%; } + .onImg.active { width: 62px; height: 29px; @@ -912,6 +870,7 @@ onBeforeMount(() => { background-repeat: no-repeat; background-size: 100% 100%; } + span { height: 100%; display: flex; @@ -940,20 +899,24 @@ onBeforeMount(() => { } } -.column::-webkit-scrollbar { - display: none; /* Chrome Safari */ +.dyh::-webkit-scrollbar { + display: none; + /* Chrome Safari */ } + /* 滚动条整体部分 */ .rolling::-webkit-scrollbar { width: 5px; // height: 10px; } + /* 滚动槽 */ .rolling::-webkit-scrollbar-track { border-radius: 1px; background: rgba(0, 128, 231, 0.56); -webkit-box-shadow: inset 0 0 6px rgba(139, 139, 139, 0.3); } + /* 滚动条滑块样式 */ .rolling::-webkit-scrollbar-thumb { background-clip: content-box;