左右滑图标改为svg

src/views/newBookRecommend.vue

@@ -12,13 +12,23 @@
               <h4 class="title-item">{{ item.title }}</h4>
               <p>作者：{{ item.author }}</p>
               <p>出版社：教育出版社</p>
-              <p>出版日期：2022-03-03</p>
+              <p>出版日期：2022-03-03 <span class="icon iconfont ">&#xe638;</span></p>
             </div>
           </div>
         </div>
       </div>
-      <div class="icon iconfont prev-btn">&#xe638;</div>
-      <div class="icon iconfont next-btn">&#xe635;</div>
+      <!-- <div class="icon iconfont prev-btn">&#xe638;</div> -->
+      <!-- <div class="icon iconfont next-btn">&#xe635;</div> -->
+      <div class="icon iconfont prev-btn">
+        <svg class="icon svg-icon" aria-hidden="true">
+          <use xlink:href="#icon-zuohua" />
+        </svg>
+      </div>
+      <div class="icon iconfont next-btn">
+        <svg class="icon svg-icon" aria-hidden="true">
+          <use xlink:href="#icon-youhua" />
+        </svg>
+      </div>
     </div>
   </div>
 </template>
@@ -98,12 +108,15 @@ export default {
   }
 }
 
+.icon{
+  height: 1.1em;
+}
 .prev-btn,
 .next-btn{
   position: absolute;
   bottom: 60px;
   font-size: 60px;
-  color: #71C09E;
+  // color: #71C09E;
   z-index: 999;
 }