feat:头像

src/components/avatorSwiper.vue

@@ -125,7 +125,7 @@ export default {
   }
 };
 </script>
-<style lang="less">
+<style lang="less" scoped>
 @keyframes bigToSamll {
   from {
     transform: scale(1);

src/components/groupSwiper.vue

 <template>
   <div class="avator-swiper">
-    <div class="avator-swiper_left" :class="{ anileft: isAnimate }">
-      <cr-image class="avator-swiper_item" :src="leftImgPath" />
+    <div class="avator_left avator-swiper_item" :class="{ anileft: isAnimate }">
+      <img :src="leftImgPath" />
     </div>
     <swiper ref="mySwiper" :options="swiperOptions" class="avator-swiper_container">
       <swiper-slide
@@ -14,8 +14,8 @@
         <img :src="item.avatar" />
       </swiper-slide>
     </swiper>
-    <div class="avator-swiper_right">
-      <cr-image class="avator-swiper_item" :src="rightImgPath" />
+    <div class="avator_right avator-swiper_item">
+      <img :src="rightImgPath" />
     </div>
   </div>
 </template>
@@ -97,7 +97,7 @@ export default {
   }
 };
 </script>
-<style lang="less">
+<style lang="less" scoped>
 @keyframes leftToRight {
   from {
     transform: scale(0.3, 0.3);
@@ -116,18 +116,15 @@ export default {
 .ani-opt {
   opacity: 0;
 }
-.avator-swiper_left,
-.avator-swiper_right {
-  height: 100%;
-  width: 25px;
+.avator_left,
+.avator_right {
   position: absolute;
   top: 0px;
-  // bottom: 0;
 }
-.avator-swiper_right {
-  right: 3px;
+.avator_right {
+  right: 1px;
 }
-.avator-swiper_left {
+.avator_left {
   left: 0px;
 }
 .avator-swiper {