样式调整

src/layout/Index.vue

@@ -238,9 +238,9 @@ store.state.audioData.INS=globalAudioIns
         :src="$store.state.audioData.list[$store.state.audioData.index].voiceUrl"
         ref="globalAudioIns"
       ></audio>
-      <div style="text-align:center;margin:4px 0 10px 0">
-        <img src="@/assets/audio-before-grey.png" alt="" style="width:30px;margin-right:20px;cursor: pointer;" @click="handleAudioChange('before')">
-        <img src="@/assets/audio-before-grey.png" alt="" style="width:30px;transform: rotate(180deg);cursor: pointer;" @click="handleAudioChange('next')">
+      <div class="btns" style="text-align:center;margin:4px 0 10px 0">
+        <span :class="['btn',$store.state.audioData.index==0&&'no-audio']" style="margin-right:20px;" @click="handleAudioChange('before')"></span>
+        <span :class="['btn',$store.state.audioData.index==$store.state.audioData.list.length-1&&'no-audio']" style="transform: rotate(180deg);" @click="handleAudioChange('next')"></span>
       </div>
     </div>
     
@@ -256,7 +256,7 @@ store.state.audioData.INS=globalAudioIns
 }
 .el-main {
   min-width: 580px;
-  // max-width: 1800px;
+  max-width: 1200px;
   background-color: #fff;
   padding-left: 60px;
   padding-top: 0;
@@ -341,6 +341,7 @@ store.state.audioData.INS=globalAudioIns
     float: right;
     position: relative;
     right: 10px;
+    top: 4px;
     cursor: pointer;
   }
   audio{
@@ -351,6 +352,27 @@ store.state.audioData.INS=globalAudioIns
     margin-right: auto;
     margin-top: 9px;
   }
+  .btns{
+    .btn{
+      display: inline-block;
+      width: 30px;
+      height: 30px;
+      background-size: cover;
+      background-image: url('@/assets/audio-before-default.png');
+      cursor: pointer;
+      &:hover{
+        background-image: url('@/assets/audio-before-hover.png');
+      }
+    }
+    .no-audio{
+      background-image: url('@/assets/audio-before-grey.png');
+      &:hover{
+        background-image: url('@/assets/audio-before-grey.png');
+      }
+    }
+
+  }
+  
 }
 
 </style>

src/views/activity/Detail.vue

@@ -325,7 +325,7 @@ const cancelRegister=async ()=>{
                         }}
                         ({{ info.registeredNum>info.limitPeopleNum?info.limitPeopleNum:info.registeredNum }}/{{ info.limitPeopleNum }})
                     </div>
-                    <div class="btn" @click="handleRemind">{{info.hasRemind == 1 ? "取消会议提醒" : "会议提醒"}}</div>
+                    <div :class="['btn active',info.hasRemind == 1&&'btn-block']" @click="handleRemind">{{info.hasRemind == 1 ? "取消会议提醒" : "会议提醒"}}</div>
                     <p style="text-align:center;color:#B6B6B6">(会前15分钟推送微信消息提醒)</p>
                     </block>
                 </div>
@@ -448,6 +448,11 @@ const cancelRegister=async ()=>{
                     color: #fff;
                     border: none;
                 }
+                .btn-block{
+                    border: 1px solid #DAB37C;
+                    color: #DAB37C;
+                    background-color: transparent;
+                }
             }
         }
     }

src/views/activity/List.vue

@@ -353,7 +353,6 @@ onMounted(() => {
     .list-wrap{
         border: 1px solid #EBEBEB;
         border-radius: 4px;
-        max-width: 800px;
         .item{
             border-bottom: 1px solid #EBEBEB;
             &:last-child{

src/views/report/ChapterDetail.vue

@@ -174,6 +174,9 @@ const chapterTypeChange=(item)=>{
                 line-height: 1.75;
                 :deep(img){
                     max-width: 100%;
+                    margin-left: auto;
+                    margin-right: auto;
+                    display: block;
                 }
             }
         }

src/views/report/Detail.vue

@@ -289,6 +289,9 @@ const goChapterDetail=(item)=>{
                 line-height: 1.75;
                 :deep(img){
                     max-width: 100%;
+                    margin-left: auto;
+                    margin-right: auto;
+                    display: block;
                 }
             }
         }