Browse Source

style: 统计页面pad样式

TIANYONG 4 months ago
parent
commit
97ac4871d9

BIN
src/views/questionnaire-statistics/images/tbg_icon1.png


BIN
src/views/questionnaire-statistics/images/tbg_icon2.png


BIN
src/views/questionnaire-statistics/images/tbg_icon3.png


+ 23 - 2
src/views/questionnaire-statistics/index.module.less

@@ -49,15 +49,36 @@
 }
 
 .scContent {
-  background: url('./images/total_box_icon.png') no-repeat center;
+  // background: url('./images/total_box_icon.png') no-repeat center;
   background-size: contain;
   width: 100%;
   height: 145px;
   margin: 8px 0 12px;
-  max-width: 400px;
+  // max-width: 400px;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
+  .scBgBox {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    .scBg1 {
+      height: 145px;
+      object-fit: contain;
+    }
+    .scBg2 {
+      height: 145px;
+      flex: 1;
+    }
+    .scBg3 {
+      height: 145px;
+      object-fit: contain;
+    }    
+  }
   .scTop {
     margin: 19px 0 0 24px;
     display: inline-block;

+ 9 - 1
src/views/questionnaire-statistics/index.tsx

@@ -17,6 +17,9 @@ import totalBoxBg from './images/total_box_icon.png';
 import useWeChatShare from '@/hooks/useWeChatShare';
 import { browser } from '@/helpers/utils';
 import OFullRefresh from '@/components/m-full-refresh';
+import tbgIcon1 from './images/tbg_icon1.png';
+import tbgIcon2 from './images/tbg_icon2.png';
+import tbgIcon3 from './images/tbg_icon3.png';
 
 export default defineComponent({
   name: 'questionnaire-statistics',
@@ -106,7 +109,6 @@ export default defineComponent({
 
     const getList = async () => {
       try {
-        console.log(11111)
         const { provinceCode='',cityCode='',regionCode='' } = forms.currentAreaInfo
         const res = await request.post(
           '/edu-app/open/schoolMeetingQuestion/areaSummary',
@@ -228,6 +230,12 @@ export default defineComponent({
         </div>
         }
         <div class={styles.scContent}>
+          <div class={styles.scBgBox}>
+            <img class={styles.scBg1} src={tbgIcon1} />
+            <img class={styles.scBg2} src={tbgIcon2} />
+            <img class={styles.scBg3} src={tbgIcon3} />
+          </div>
+
           <div class={styles.scTop}>
             <div>参与学校</div><span>{formatNumberWithComma(forms.totalInfo.schoolNum || 0)}</span><i>所</i>
           </div>