fix(noticebar、swiper): md文档问题；修复noticebar右侧图标垂直居中问题；修复audio显示时长问题 (#1510)

* fix(noticebar): 修复文档样例问题

* fix(noticebar): 修复右侧图标垂直居中问题

* fix(swiper): 修复文档样例问题

* fix(audio): 修复时长显示问题

src/packages/__VUE/audio/index.vue

@@ -224,37 +224,17 @@ export default create({
     };
 
     const formatSeconds = (value: string) => {
-      let theTime = parseInt(value); // 秒
-      let theTime1 = 0; // 分
-      let theTime2 = 0; // 小时
-      if (theTime > 60) {
-        theTime1 = Math.floor(theTime / 60);
-        theTime = Math.floor(theTime % 60);
-        if (theTime1 > 60) {
-          theTime2 = Math.floor(theTime1 / 60);
-          theTime1 = Math.floor(theTime1 % 60);
-        }
+      if (!value) {
+        return '00:00:00';
       }
+      let time = parseInt(value);
+      let hours = Math.floor(time / 3600);
+      let minutes = Math.floor((time - hours * 3600) / 60);
+      let seconds = time - hours * 3600 - minutes * 60;
       let result = '';
-      if (theTime < 10) {
-        result = '0' + result;
-      }
-      if (theTime1 > 0) {
-        result = '' + theTime1 + ':' + result;
-        if (theTime1 < 10) {
-          result = '0' + result;
-        }
-      } else {
-        result = '00:' + result;
-      }
-      if (theTime2 > 0) {
-        result = '' + theTime2 + ':' + result;
-        if (theTime2 < 10) {
-          result = '0' + result;
-        }
-      } else {
-        result = '00:' + result;
-      }
+      result += ('0' + hours.toString()).slice(-2) + ':';
+      result += ('0' + minutes.toString()).slice(-2) + ':';
+      result += ('0' + seconds.toString()).slice(-2);
       return result;
     };
 

src/packages/__VUE/noticebar/doc.en-US.md

@@ -195,7 +195,7 @@ When text is long, you can enable multi-line display by setting the wrapable pro
 <template>
     <nut-noticebar direction='vertical' :list="horseLamp1" :speed='10' :standTime='1000' :background="`rgba(251, 248, 220, 1)`" :color="`#D9500B`">
       <template v-slot:rightIcon>
-        <nut-icon type="trolley" color="#f0250f"></nut-icon>
+        <nut-icon name="fabulous" color="#f0250f"></nut-icon>
       </template>
     </nut-noticebar>
 </template>

src/packages/__VUE/noticebar/doc.md

@@ -197,7 +197,7 @@ app.use(NoticeBar);
 <template>
     <nut-noticebar direction='vertical' :list="horseLamp1" :speed='10' :standTime='1000' :background="`rgba(251, 248, 220, 1)`" :color="`#D9500B`">
       <template v-slot:rightIcon>
-        <nut-icon type="trolley" color="#f0250f"></nut-icon>
+        <nut-icon name="fabulous" color="#f0250f"></nut-icon>
       </template>
     </nut-noticebar>
 </template>

src/packages/__VUE/noticebar/index.scss

@@ -122,5 +122,6 @@
 
   .go {
     align-self: center;
+    display: flex;
   }
 }

src/packages/__VUE/swiper/doc.en-US.md

@@ -429,7 +429,7 @@ You can manually switch through `api` (`prev`, `next`)
       <img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
     </nut-swiper-item>
     <nut-swiper-item>
-      <img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg'" alt="" />
+      <img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg" alt="" />
     </nut-swiper-item>
     <nut-swiper-item>
       <img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />
@@ -476,7 +476,7 @@ You can manually switch through `api` (`prev`, `next`)
       <img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
     </nut-swiper-item>
     <nut-swiper-item>
-      <img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg'" alt="" />
+      <img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg" alt="" />
     </nut-swiper-item>
     <nut-swiper-item>
       <img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />

src/packages/__VUE/swiper/doc.md

@@ -430,7 +430,7 @@ app.use(Swiper).use(SwiperItem);
       <img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
     </nut-swiper-item>
     <nut-swiper-item>
-      <img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg'" alt="" />
+      <img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg" alt="" />
     </nut-swiper-item>
     <nut-swiper-item>
       <img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />
@@ -477,7 +477,7 @@ app.use(Swiper).use(SwiperItem);
       <img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
     </nut-swiper-item>
     <nut-swiper-item>
-      <img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg'" alt="" />
+      <img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg" alt="" />
     </nut-swiper-item>
     <nut-swiper-item>
       <img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />