微调

src/views/index/index.vue

@@ -1,10 +1,15 @@
 <template>
   <div>
     <el-row>
-      <el-col>
+      <el-col class="bgc">
         <!--首页图片-->
         <div class="top">
+
           <img src="@/assets/index/sy_bj1@2x.png" alt="">
+
+        </div>
+        <div class="next">
+          <img src="@/assets/index/sy_icon_xh.png" alt="">
         </div>
       </el-col>
     </el-row>
@@ -43,9 +48,10 @@ import ResearchTrends from './components/scientific_research_trends.vue'
 import SlideshowCard from './components/slideshow_card.vue'
 import TeachingStudent from './components/teaching_student.vue'
 import Bottom from './components/bottom.vue'
+
 export default {
   name: "index",
-  components:{
+  components: {
     NewsCenter,
     PartyBuildingActivities,
     ResearchTrends,
@@ -53,21 +59,39 @@ export default {
     TeachingStudent,
     Bottom
   },
-  data(){
-    return{
-      width:document.documentElement.clientWidth
+  data() {
+    return {
+      width: document.documentElement.clientWidth
     }
   },
 }
 </script>
 
 <style scoped lang="scss">
-.top {
-  img {
-    width: 100%;
+.bgc {
+  position: relative;
+
+  .top {
+    img {
+      width: 100%;
+    }
+  }
+
+  .next {
+    //width: 100%;
+    width: 6rem;
+    left: 50%;
+    bottom: 8rem;
+    position: absolute;
+    margin-left: -3rem;
+    cursor: pointer;
+    img{
+      width: 100%;
+    }
   }
 }
-.interval{
+
+.interval {
   margin-top: 5rem;
 }
 </style>