动态获取完成

明梦爽

2021-11-18 a1ec1d89e98ebcbd49cabae816b26b3f550f057f

动态获取完成

 src/assets/1.jpg

 src/assets/2.jpg

 src/assets/3.jpg

 src/assets/boer.jpg

Binary files differ

 src/assets/boer2.jpg

Binary files differ

 src/assets/css/my_style.css

@@ -23,6 +23,9 @@
.marb10{
  margin-bottom: 10px !important;
}
.marb20{
  margin-bottom: 20px !important;
}
.padt10{
  padding-top:10px !important;
}
@@ -54,5 +57,5 @@
}
/* 蓝色标题 */
.color {
  color: #0f99e9;
  color: rgb(0, 110, 215);
}

 src/assets/gzh.jpg

 src/assets/wb.jpg

 src/components/Home.vue

@@ -116,7 +116,7 @@
}
.el-header {
  height: 120px !important;
  padding: 0 40px;
  padding: 0 80px 0 120px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;

 src/components/page/index.vue

@@ -19,6 +19,14 @@
      <school class="school"/>
      <other class="other"/>
    </el-row>

    <!-- 定位fixed -->
    <div class="fixed1">
      <a href="#"><img src="../../assets/gzh.jpg" alt=""></a>
    </div>
    <div class="fixed2">
      <a href="#"><img src="../../assets/wb.jpg" alt=""></a>
    </div>
  </div>
</template>
<script>
@@ -33,9 +41,9 @@
  data(){
    return{
      imgList:[
        { path:require('../../assets/boer.jpg'),index: 1},
        { path:require('../../assets/boer2.jpg'),index: 2},
        { path:require('../../assets/boer.jpg'),index: 3},
        { path:require('../../assets/1.jpg'),index: 1},
        { path:require('../../assets/2.jpg'),index: 2},
        { path:require('../../assets/3.jpg'),index: 3},
      ]
    }
  }
@@ -66,4 +74,14 @@
  width: 20%;
  margin-left: 5px;
}
.fixed1 {
  position: fixed;
  top:270px;
  right: 2px;
}
.fixed2 {
  position: fixed;
  top:340px;
  right: 2px;
}
</style>

 src/views/other.vue

@@ -1,7 +1,7 @@
<template>
  <div>
    <div>
      <el-row class="underline marb10">
      <el-row class="underline marb20">
        <span class="color"><b>友情链接</b></span>
      </el-row>
      <div>
@@ -17,9 +17,18 @@
        <div class="aLianJ marb10">
          <a href="http://www.pdskx.cn/" class="anone" target="_block">平顶山市科协</a>
        </div>
        <div class="aLianJ marb10">
          <a href="#" class="anone" target="_block">平顶山市公安局</a>
        </div>
        <div class="aLianJ marb10">
          <a href="#" class="anone" target="_block">平顶山市消防局</a>
        </div>
        <div class="aLianJ marb10">
          <a href="#" class="anone" target="_block">平顶山市教育局</a>
        </div>
      </div>
    </div>
    <div>
    <!-- <div>
      <span>联系我们</span>
      <div>
        <div class="bg">
@@ -33,7 +42,7 @@
          <a href="https://www.pdsu.edu.cn/#"> <img src="../assets/weiBo.jpg" alt="" /> </a>
        </div>
      </div>
    </div>
    </div> -->
  </div>
</template>
<script>