~ thefooter change

src/components/TheFooter.vue

@@ -12,9 +12,7 @@ request({
 })
 </script>
 
-<template>
-  <div id="publicFooterContent">
-    <div class="publicFooter_footer_model">
+<!--  <div class="publicFooter_footer_model">
       <div class="publicFooter_footer_wrapper">
         <div class="publicFooter_footer_wx_wrapper">
           <img :src="footerData?.qrcode" alt="" class="publicFooter_footer_wx">
@@ -29,14 +27,6 @@ request({
             {{ footerData?.contact_phone }}
           </div>
         </div>
-        <div v-for="(item, key) in footerData?.footer_menu" v-show="key != 0" :key="key" class="publicFooter_footer_item">
-          <div style="margin-bottom:8px;height:27px;">
-            {{ item.name }}
-          </div>
-          <div v-for="(childItem, childKey) in item.submenu" :key="childKey" class="publicFooter_footer_item_child">
-            <a @click.stop="jumpdetail(childItem)">{{ childItem.name }}</a>
-          </div>
-        </div>
         <div class="publicFooter_footer_wx_wrapper" style="float:right">
           <img :src="footerData?.site_app_qrcode" alt="" class="publicFooter_footer_wx">
           <div class="publicFooter_footer_wx_text">
@@ -45,6 +35,14 @@ request({
           <div class="publicFooter_footer_wx_text" />
         </div>
         <div style="clear:both;" />
+        <div v-for="(item, key) in footerData?.footer_menu" v-show="key != 0" :key="key" class="publicFooter_footer_item">
+          <div style="margin-bottom:8px;height:27px;">
+            {{ item.name }}
+          </div>
+          <div v-for="(childItem, childKey) in item.submenu" :key="childKey" class="publicFooter_footer_item_child">
+            <a @click.stop="jumpdetail(childItem)">{{ childItem.name }}</a>
+          </div>
+        </div>
       </div>
       <div style="width:300px;margin:0 auto; padding:20px 0;">
         <a
@@ -61,75 +59,36 @@ request({
           )
         </p>
       </div>
+    </div> -->
+<template>
+  <div id="publicFooterContent" class="w-full flex justify-center bg-hex-1f232f py-12 text-xs text-light-50">
+    <div class="w-1200px flex space-x-26">
+      <div class="text-center space-y-4">
+        <img :src="footerData?.qrcode" alt="" class="w-110px">
+        <div class="" v-html="footerData?.qrcode_brief" />
+      </div>
+      <div class="text-center space-y-4">
+        <img :src="footerData?.site_app_qrcode" alt="" class="w-110px">
+        <div class="" v-text="footerData?.site_app_qrcode_brief" />
+      </div>
+
+      <div style="margin-left: 300px;" class="text-sm space-y-2">
+        <div class="font-bold tracking-wider">
+          {{ footerData?.footer_menu[1].name }}
+        </div>
+        <div v-for="item in footerData?.footer_menu[1].submenu" :key="item.name" class="pl-2" @click="jumpdetail(item)">
+          {{ item.name }}
+        </div>
+        <div class="pt-6 tracking-wider">
+          苏公网安备 32050702010915号
+        </div>
+        <div class="tracking-wider">
+          技术支持 苏州博智电子科技有限公司
+        </div>
+        <div class="tracking-wider">
+          主办单位 宜昌市教育信息技术中心
+        </div>
+      </div>
     </div>
   </div>
 </template>
-
-<style>
-.publicFooter_footer_model {
-  width: 100%;
-  /* height: 276px; */
-  background: rgba(31, 35, 47, 1);
-}
-
-.publicFooter_footer_wrapper {
-  width: 1200px;
-  margin: 0 auto;
-  position: relative;
-  padding-top: 64px;
-}
-
-.publicFooter_footer_wx_wrapper {
-  float: left;
-  width: 120px;
-  height: 120px;
-  text-align: center;
-}
-
-.publicFooter_footer_wx {
-  width: 110px;
-  height: 110px;
-}
-
-.publicFooter_footer_wx_text {
-  font-size: 12px;
-  font-family: PingFangSC-Regular, PingFang SC;
-  font-weight: 400;
-  color: rgba(255, 255, 255, 1);
-  line-height: 20px;
-}
-
-.publicFooter_footer_connect_us {
-  float: left;
-  font-size: 16px;
-  font-family: PingFangSC-Regular, PingFang SC;
-  color: rgba(255, 255, 255, 1);
-  line-height: 25px;
-  margin-left: 80px;
-  padding-top: 6px;
-  margin-right: 50px;
-}
-
-.publicFooter_footer_item {
-  float: left;
-  font-size: 16px;
-  font-family: PingFangSC-Regular, PingFang SC;
-  color: rgba(255, 255, 255, 1);
-  line-height: 25px;
-  padding-top: 6px;
-  margin-left: 80px;
-}
-
-.publicFooter_footer_item_child {
-  font-size: 14px;
-  font-family: PingFangSC-Semibold, PingFang SC;
-  color: rgba(255, 255, 255, 0.5);
-  line-height: 20px;
-  margin-bottom: 10px;
-}
-
-.publicFooter_footer_item_child:hover {
-  cursor: pointer;
-  color: #2a80f7;
-}
-</style>

src/pages/index.vue

@@ -313,7 +313,7 @@ function toDetail(id) {
     </div>
     <div v-if="live_best.length > 0" v-loading="loading">
       <ul class="course-list mt-10px">
-        <li v-for="(item, i) in live_best" :key="i">
+        <li v-for="(item, i) in live_best" :key="i" @click="toDetail(item.id)">
           <div class="course-img relative">
             <img :src="item.img" alt="">
           </div>