update

src/components/components/audio.vue

@@ -58,7 +58,9 @@ export default {
         recorder.start().then(
           () => { },
           (error) => {
-            _this.$message.error(`${error.name} : ${error.message}`);
+
+            // _this.$message.error(`${error.name} : ${error.message}`);
+            _this.$message.error(`没有找到可使用的麦克风，或者您没有允许此网页使用麦克风`);
             // 出错了
             console.log(`${error.name} : ${error.message}`);
           }

src/components/studyStudent.vue

@@ -1829,7 +1829,8 @@
               </audio>
             </div>
             <div class="pzContent" v-if="pz.type == '3'">
-              <img :src="pz.content"  style="width: 90%;margin: 0 auto;display: block;" @click="previewImg(pz.content)"/>
+              <img :src="pz.content" style="width: 90%;margin: 0 auto;display: block;"
+                @click="previewImg(pz.content)" />
             </div>
             <div class="time">
               {{ pz.time }}
@@ -1842,7 +1843,7 @@
         <div class="addPzButton">
           <div class="addPz" @click="addPzDialog = true,pzType = 1">添加批注</div>
           <div class="img1">
-            <img src="../assets/audio.png" @click="addPzDialog = true,pzType = 2" />
+            <div><img src="../assets/audio.png" @click="addPzDialog = true,pzType = 2" /><span>音频</span></div>
             <!-- <img src="../assets/picture.png" @click="addPzDialog = true,pzType = 3" /> -->
           </div>
         </div>
@@ -7145,25 +7146,35 @@ export default {
 .addPzButton {
   position: relative;
   margin-top: 3px;
-  width:100%;
+  width: 100%;
 }
 
 .addPzButton .img1 {
   position: absolute;
   top: 50%;
-  right: 15px;
+  right: 25px;
   transform: translateY(-50%);
   height: 100%;
   display: flex;
   align-items: center;
 }
 
-.addPzButton .img1 img {
+.addPzButton .img1 div {
+  display: flex;
+}
+
+.addPzButton .img1 div img {
   width: 28px;
   margin-left: 10px;
   cursor: pointer;
 }
 
+.addPzButton .img1 div span {
+  font-size: 14px;
+  margin: 4px 0 0 3px;
+  color: #afafaf;
+}
+
 .addPz {
   background: #4b79ce;
   width: 100px;
@@ -7256,7 +7267,7 @@ export default {
 
 .noPz {
   width: 150px;
-  margin: 0 auto;
+  margin: 0 auto 20%;
 }
 
 .noPz>img {