@94ai/nf-audio 3.2.4 → 3.2.20

package/lib/nf-audio.cjs.js

@@ -136,8 +136,8 @@ var _sfc_render$1 = function render2() {
       "slot": "reference"
     },
     slot: "reference"
-  }, [_c("span", {
-    staticClass: "more-btn"
+  }, [_c("i", {
+    staticClass: "iconfont icon-gengduo1 more-btn"
   })])])], 1);
 };
 var _sfc_staticRenderFns$1 = [];
@@ -370,8 +370,8 @@ var _sfc_render = function render3() {
     }
   }), _c("div", {
     staticClass: "nf-fast"
-  }, [_c("span", {
-    staticClass: "nf-fast-icon",
+  }, [_c("i", {
+    staticClass: "iconfont icon-zanting1 nf-fast-icon",
     on: {
       "click": _vm.jumpToTime
     }
@@ -382,22 +382,22 @@ var _sfc_render = function render3() {
     on: {
       "click": _vm.handlePauseOrPlay
     }
-  }, [_c("span", {
+  }, [_c("i", {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.paused,
       expression: "!paused"
     }],
-    staticClass: "pause-icon"
-  }), _c("span", {
+    staticClass: "iconfont icon-zanting2 pause-icon"
+  }), _c("i", {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: _vm.paused,
       expression: "paused"
     }],
-    staticClass: "play-icon"
+    staticClass: "iconfont icon-bofang1 play-icon"
   })]), _c("div", {
     staticClass: "time"
   }, [_c("span", {
@@ -434,16 +434,16 @@ var _sfc_render = function render3() {
     scopedSlots: _vm._u([{
       key: "reference",
       fn: function() {
-        return [_vm.volume == 0 ? _c("div", {
-          staticClass: "volume"
-        }) : _c("div", {
-          staticClass: "volume-mute"
+        return [_vm.volume == 0 ? _c("i", {
+          staticClass: "iconfont icon-yinliang_guanbi volume-mute"
+        }) : _c("i", {
+          staticClass: "iconfont icon-yinliang_kaiqi volume"
         })];
       },
       proxy: true
     }])
   }, [_c("el-slider", {
-    class: _vm.volumeValue === 0 ? "volume-mute" : "volume-phonic",
+    class: _vm.volumeValue === 0 ? "volume-mute-slider" : "volume-phonic",
     attrs: {
       "vertical": "",
       "min": 0,

package/lib/nf-audio.esm-bundler.js

@@ -134,8 +134,8 @@ var _sfc_render$1 = function render2() {
       "slot": "reference"
     },
     slot: "reference"
-  }, [_c("span", {
-    staticClass: "more-btn"
+  }, [_c("i", {
+    staticClass: "iconfont icon-gengduo1 more-btn"
   })])])], 1);
 };
 var _sfc_staticRenderFns$1 = [];
@@ -368,8 +368,8 @@ var _sfc_render = function render3() {
     }
   }), _c("div", {
     staticClass: "nf-fast"
-  }, [_c("span", {
-    staticClass: "nf-fast-icon",
+  }, [_c("i", {
+    staticClass: "iconfont icon-zanting1 nf-fast-icon",
     on: {
       "click": _vm.jumpToTime
     }
@@ -380,22 +380,22 @@ var _sfc_render = function render3() {
     on: {
       "click": _vm.handlePauseOrPlay
     }
-  }, [_c("span", {
+  }, [_c("i", {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: !_vm.paused,
       expression: "!paused"
     }],
-    staticClass: "pause-icon"
-  }), _c("span", {
+    staticClass: "iconfont icon-zanting2 pause-icon"
+  }), _c("i", {
     directives: [{
       name: "show",
       rawName: "v-show",
       value: _vm.paused,
       expression: "paused"
     }],
-    staticClass: "play-icon"
+    staticClass: "iconfont icon-bofang1 play-icon"
   })]), _c("div", {
     staticClass: "time"
   }, [_c("span", {
@@ -432,16 +432,16 @@ var _sfc_render = function render3() {
     scopedSlots: _vm._u([{
       key: "reference",
       fn: function() {
-        return [_vm.volume == 0 ? _c("div", {
-          staticClass: "volume"
-        }) : _c("div", {
-          staticClass: "volume-mute"
+        return [_vm.volume == 0 ? _c("i", {
+          staticClass: "iconfont icon-yinliang_guanbi volume-mute"
+        }) : _c("i", {
+          staticClass: "iconfont icon-yinliang_kaiqi volume"
         })];
       },
       proxy: true
     }])
   }, [_c("el-slider", {
-    class: _vm.volumeValue === 0 ? "volume-mute" : "volume-phonic",
+    class: _vm.volumeValue === 0 ? "volume-mute-slider" : "volume-phonic",
     attrs: {
       "vertical": "",
       "min": 0,

package/package/more-btn.vue

@@ -11,7 +11,7 @@
         <div class="btn-item" @click="handleDown">下载</div>
       </div>
       <div slot="reference" class="more-icon">
-        <span class="more-btn"></span>
+        <i class="iconfont icon-gengduo1 more-btn"/>
       </div>
     </el-popover>
   </div>

package/package/nf-audio.vue

@@ -3,7 +3,7 @@
     <audio @canplay="getDuration" controls crossOrigin="anonymous" @timeupdate="updateTime" @ended="handleAudioEnded" v-show="false" ref="audio"
            :src="audioSrc"/>
     <div class="nf-fast">
-      <span class="nf-fast-icon" @click="jumpToTime"></span>
+      <i class="iconfont icon-zanting1 nf-fast-icon" @click="jumpToTime" />
       <!-- 以下是 快进/快退 功能 -->
       <!-- 
         <div>
@@ -21,8 +21,8 @@
     </div>
     <div class="nf-audio">
       <div class="play" @click="handlePauseOrPlay">
-        <span class="pause-icon" v-show="!paused"></span>
-        <span class="play-icon" v-show="paused"></span>
+        <i class="iconfont icon-zanting2 pause-icon" v-show="!paused"/>
+        <i class="iconfont icon-bofang1 play-icon" v-show="paused"/>
       </div>
       <div class="time">
         <span class="startTime">{{ currentDuration }}</span>/
@@ -36,8 +36,8 @@
       <div class="nf-volume-panel">
         <volumeTool :visible.sync="volumeVisible">
           <template v-slot:reference>
-            <div class="volume" v-if="volume == 0"></div>
-            <div class="volume-mute" v-else></div>
+            <i class="iconfont icon-yinliang_guanbi volume-mute" v-if="volume == 0" />
+            <i class="iconfont icon-yinliang_kaiqi volume" v-else/>
           </template>
           <el-slider
             v-model="volumeValue"
@@ -45,7 +45,7 @@
             :min="0"
             :max="100"
             :show-tooltip="volumeVisible"
-            :class="volumeValue===0 ? 'volume-mute' : 'volume-phonic'"
+            :class="volumeValue===0 ? 'volume-mute-slider' : 'volume-phonic'"
             @change="rangeVolume"
             height="60px">
           </el-slider>

package/package/volume-tool.vue

@@ -8,7 +8,6 @@
         <slot/>
       </div>
     </transition>
-
   </div>
 </template>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@94ai/nf-audio",
-  "version": "3.2.4",
+  "version": "3.2.20",
   "description": "> TODO: description",
   "keywords": [],
   "author": "liuxiangxiang <liuxiangxiang@94ai.com>",
@@ -14,7 +14,7 @@
     "url": "http://94ai.gitlab.com/zoujiahe/common-ui.git"
   },
   "dependencies": {
-    "@94ai/nf-theme-chalk": "^3.2.4",
+    "@94ai/nf-theme-chalk": "^3.2.20",
     "vue-demi": "^0.14.5"
   },
   "peerDependenciesMeta": {
@@ -30,5 +30,5 @@
   "types": "lib/index.d.ts",
   "main": "lib/nf-audio.cjs.js",
   "module": "lib/nf-audio.esm-bundler.js",
-  "gitHead": "9518f3ee1354378e844b825d6d850d18ec14f71a"
+  "gitHead": "60e08cb237f842c3fc38168cbd911ec3a4c9d440"
 }