From 174653551ffbaf9cff1d29185a0c9f430ffc62c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=86=8A=E4=B8=BD=E5=90=9B?= <664953382@qq.com>
Date: Mon, 24 Jan 2022 17:37:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=BE=A7=E8=BE=B9=E5=B9=BF?=
 =?UTF-8?q?=E5=91=8A=E6=82=AC=E6=B5=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/index.js           |   6 +++
 src/assets/image/close.gif | Bin 0 -> 1447 bytes
 src/views/home/home.vue    |   6 +--
 src/views/index.vue        |  75 ++++++++++++++++++++++++++++++++++---
 4 files changed, 78 insertions(+), 9 deletions(-)
 create mode 100644 src/assets/image/close.gif

diff --git a/src/api/index.js b/src/api/index.js
index a23c5ba..faa3baf 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -1,5 +1,11 @@
 import request from '@/utils/request';
 
+export function getDataInfo(params) {
+  return request({
+    url: '/mobile/getJcPropagandaAd',
+    params
+  });
+}
 // 获取用户详细信息
 export function getList(params) {
   return request({
diff --git a/src/assets/image/close.gif b/src/assets/image/close.gif
new file mode 100644
index 0000000000000000000000000000000000000000..36ebc4434c94d399c9379487c4e830601bf6df46
GIT binary patch
literal 1447
zcmZ?wbhEHb)MnsjxT?rdSXh{!pP!qXTToDtlao_gTAH1motc?gUS3{VSy@+Cmz9;3
zk&%&>mX@BLUR+$<)YO!cl2TGqQdU+L85tQ96B8XBT~$@p(9n>Ynp#_1TT@e$oSYmR
z8{6LAUQ|?+mzVed|9=LW0mc8^5xxNmE{P?HK-$K>q98FjJGDe1DK$Ma&sORE?)^#%
znJKnP;ikR@z6H*y8JQkcMXAA6ej&+K*~ykEO7?aNHWgMCxdpkYC5Z|ZxjA{oRu#5N
zi7EL>sa8NXNLXJ<0j#7X+g8aDB%uJZ(>cE=Rl!uxSU1_g&``n5OwZ87)XdCKN5ROz
z&`93^h|F{iO{`4Ktc=VRpg;*|TTx1yRgjAt)Gi>;Rw<*Tq`*pF9~kI*<;HsXMd|v6
zmX?+vGmMOMfhu&1EAvVcD|GXUm0>2hq!uR^WfqiV=I1GZOiWD5FD<cE0=g99h1>#P
zU%0_}#d=^5=_Tjq>Q^Kd=o{)8=;!8w`~_BBToROua0XV@#UYgisro^w#rdU0$*Dl)
z$}r8qu)}W=NFmTQRxbI;rManjC7v#}N<b04l*|+>12+p-16LPACnrNQLqk_%OBZu9
zM{{FG3u6mob7N-{m|oAk;*!L?<W!j6OoUzoyn3yii&7Iy@{2<9^K)Ra7m$%(l3$#W
zU!dR|Y^D&NnU|7ZUJMFYs5?`OGRsm^+=}vZ6~G~5m5If6H**7XCnHN^pzTH=ms^-S
zySbVfIT@K5nmQS}xhg^RreN_kRIdq6z4}1M=!2paDVkwIz_bHm!V@i!15fs;dBC(@
z1WeS7|Ns5{^ZVD&AK$-y{qp(K#}Dt{y?yig)yo&ppFMr@_|d}$_wU`kbNklK8`rO0
zy>j`|#S7=pojr5<)X5Xaj~zX7_|U-v`}ghLvwPRh9ox5U-LiSp#trM&tzENv)yfsi
zmn~hgc+tWI^XJW-Gkey|8PlgtoicgS#0mX<y*=GsogM9Mtu4(>jScm6wKdgMl@;Y>
zr6t8hg$4O}xjETcnHlM6sVT`xi3#y>u`$t6krClxp&`LRfdT%0zCPYwo*wRQt}f0_
zjt=&Awl>yQmKNq_rY6Qlh6eh2x;olgni}eAsw&D#iVE^_vNF<Ak`m%#q9VdVf&%<}
zygb}ooE+?ItSrn-j0_BlKUqK|gAS<d0hM+PY^x4TFkmr~a5$V&G=W8<eL_G20}~_D
zDNmt~Axh5u?;KYIa?R>XIear!gRhbQ_+g*ANz)c4Rq%PXusTV^IybiXF|o*V^6@BU
zI>jr>mrrbQ5}h97Jc-RY!iiz3Vy&kFHybCD0<$!?tf!ze`y}p~h8>fqD+)-qw234*
z=PcySIubiiktMc#YQ2-V*KDUNv74OFc-@+u?8NCG96X(C!LlglK7Y<TyWhQ^?#N&b
E03}`J2mk;8

literal 0
HcmV?d00001

diff --git a/src/views/home/home.vue b/src/views/home/home.vue
index 2f9698e..d53e270 100644
--- a/src/views/home/home.vue
+++ b/src/views/home/home.vue
@@ -589,9 +589,9 @@ export default {
       const middleIndex = Math.ceil(data.length / 2);
       this.listData = data.slice().splice(0, middleIndex);
       this.listData2 = data.slice().splice(-middleIndex);
-      console.log(this.listData);
-      console.log(this.listData2);
-      console.log(data);
+      // console.log(this.listData);
+      // console.log(this.listData2);
+      // console.log(data);
     });
   }
 };
diff --git a/src/views/index.vue b/src/views/index.vue
index 023910a..56fb853 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,5 +1,19 @@
 <template>
   <div class="index_page">
+    <div
+      class="couplet"
+      :class="item.type == '1' ? 'c_left' : 'c_right'"
+      v-for="item in dataList"
+      :key="item.id"
+      v-show="item.status == 1"
+    >
+      <div class="couplet-close pointer" @click="item.status = 0">
+        <img src="../assets/image/close.gif" alt="" />
+      </div>
+      <div class="c_content">
+        <img :src="item.pic" alt="" />
+      </div>
+    </div>
     <!-- 右侧悬浮 -->
     <div class="slid" v-if="path == '/home'">
       <div class="item-box">
@@ -64,12 +78,12 @@ import headerPage from './components/header';
 import { mapGetters } from 'vuex';
 import footerPage from './components/footer';
 // import user from '@/store/modules/user';
-// import { getMsgCount } from '@/api/home/news';
+import { getDataInfo } from '@/api/index';
 export default {
   name: 'home',
   components: {
     headerPage,
-    footerPage
+    footerPage,
   },
   data() {
     return {
@@ -104,11 +118,12 @@ export default {
       //     name: '智能评估'
       //   }
       // ],
-      path: this.$route.path == '/' ? '/home' : this.$route.path
+      path: this.$route.path == '/' ? '/home' : this.$route.path,
+      dataList: [],
     };
   },
   computed: {
-    ...mapGetters(['avatar', 'badge'])
+    ...mapGetters(['avatar', 'badge']),
   },
   // watch: {
   //   badge(newVal, oldVal) {
@@ -130,9 +145,14 @@ export default {
     handlePath(path) {
       this.path = path;
       this.$router.push({ path });
-    }
+    },
   },
   created() {
+    getDataInfo({ type: 1 }).then((res) => {
+      getDataInfo({ type: 2 }).then(({ data }) => {
+        this.dataList = [...res.data, ...data];
+      });
+    });
     // console.log(this.badge);
     // console.log(user.state.badge);
     // getMsgCount().then(({ data }) => {
@@ -144,7 +164,7 @@ export default {
     // if (this.badge == 0) {
     //   document.querySelector('.el-badge sup').style = 'display:none';
     // }
-  }
+  },
 };
 </script>
 
@@ -165,6 +185,49 @@ export default {
   //     display: none;
   //   }
   // }
+  .couplet {
+    position: fixed;
+    top: 30%;
+    width: 100px;
+    height: 300px;
+    .couplet-close {
+      width: 43px;
+      height: 11px;
+      position: relative;
+      img {
+        width: 100%;
+        height: 100%;
+        vertical-align: top;
+      }
+    }
+    .c_content {
+      width: 100%;
+      margin-top: 5px;
+      background-color: #f00;
+      img {
+        width: 100%;
+        vertical-align: middle;
+      }
+    }
+  }
+  .c_left {
+    left: 5px;
+    .couplet-close {
+      text-align: left;
+      margin-left: 5px;
+    }
+  }
+  .c_right {
+    right: 5px;
+    .couplet-close {
+      margin-left: calc(100% - 48px);
+    }
+  }
+  @media screen and (max-width: 1365px) {
+    .couplet {
+      display: none;
+    }
+  }
   .slid {
     width: 70px;
     height: 246px;