el-alert换成tooltip

src/views/api/PhotoWall.vue

@@ -1,9 +1,5 @@
 <template>
 <div class="page-wrapper">
-  <el-alert type="info" show-icon :closable="false" style="margin-bottom: 10px" >
-    <template #title>上传要求</template>
-    图片格式为{{allowUploadExt.join('、')}}，文件大小不超过10MB。
-  </el-alert>
   <el-form inline :model="search">
     <el-form-item label="文件名">
       <el-input v-model="search.name" />
@@ -41,7 +37,9 @@
       auto-upload
       :show-file-list="false"
       style="display: inline-block;margin-right: 10px;">
-      <el-button type="primary" icon="Upload" :loading="isUploading" v-permission="'photoWall:save'" plain>上传图片</el-button>
+      <el-tooltip :content="`图片格式为${allowUploadExt.join('、')}，文件大小不超过10MB。`">
+        <el-button type="primary" icon="Upload" :loading="isUploading" v-permission="'photoWall:save'" plain>上传图片</el-button>
+      </el-tooltip>
     </el-upload>
     <el-button type="danger" @click="deleteAll" style="vertical-align: bottom" v-permission="'photoWall:delete'" plain>批量删除</el-button>
     <div class="search-btn">

src/views/api/SourceImage.vue

@@ -1,10 +1,6 @@
 <template>
 <div class="page-wrapper">
-  <el-alert type="info" show-icon :closable="false" >
-    <template #title>上传要求</template>
-    图片格式为{{allowUploadExt.join('、')}}，文件大小不超过10MB。
-  </el-alert>
-  <div class="btn-container" style="margin-top:10px;">
+  <div class="btn-container">
     <el-upload
       :action="`${apiBase}/source-image/upload`"
       accept="image/jpeg,image/png,image/svg+xml,image/x-icon"
@@ -16,7 +12,9 @@
       auto-upload
       :show-file-list="false"
       style="display: inline-block;margin-right: 10px;">
-      <el-button type="primary" icon="Upload" :loading="isUploading" v-permission="'sourceImage:save'" plain>上传图片</el-button>
+      <el-tooltip :content="`图片格式为${allowUploadExt.join('、')}，文件大小不超过10MB。`">
+        <el-button type="primary" icon="Upload" :loading="isUploading" v-permission="'sourceImage:save'" plain>上传图片</el-button>
+      </el-tooltip>
     </el-upload>
     <el-button type="danger" @click="deleteAll" style="vertical-align: bottom" v-permission="'sourceImage:delete'" plain>批量删除</el-button>
   </div>