src/views/projectManage/version/list/timeLine.vue

@@ -14,13 +14,19 @@
       <!-- 左右箭头 -->
     </swiper>
     <div class="swiper-button">
-      <div class="swiper-button-prev" />
-      <div class="swiper-button-next" />
+      <div class="swiper-button-prev">
+        <img style="width:100%;height:100%" :src="preImg">
+      </div>
+      <div class="swiper-button-next">
+        <img style="width:100%;height:100%" :src="nextImg">
+      </div>
     </div>
   </div>
 </template>
 
 <script>
+import preImg from '@/icons/png/previous.png'
+import nextImg from '@/icons/png/next.png'
 import 'swiper/dist/css/swiper.css'
 // import Swiper from 'swiper'
 import { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper'
@@ -52,6 +58,8 @@ export default {
   },
   data() {
     return {
+      nextImg: nextImg,
+      preImg: preImg,
       options: {
         // 设置点击箭头
         navigation: {
@@ -141,4 +149,14 @@ export default {
   position: relative;
   top: -108px;
 }
+.swiper-button-prev,
+.swiper-button-next {
+  background-image: none !important;
+}
+</style>
+
+<style>
+.swiper-container .swiper-pagination-bullet-active {
+  background-color: #409eff;
+}
 </style>