【我的素材-全景图片】暂无素材提示样式修改

src/config/index.js

@@ -10,6 +10,7 @@ const config = {
     urlFill:  process.env.NODE_ENV === "production" ? process.env.VUE_APP_URL_FILL : "", 
     thumb:require('@/assets/images/default/img_cover_default.jpg'),
     noresult:require('@/assets/images/icons/img_noresults@2x.png'),
+    empty: require('@/assets/images/icons/img_empty@2x.png'),
     projectNum: browser.urlQueryValue('id'),
     sceneNum: browser.urlQueryValue('vr'),
     hengdaNum: browser.urlQueryValue('h') || '6017118343179540233',

src/views/material/pano/index.vue

@@ -115,11 +115,14 @@
           >
         </div>
       </tableList>
-      <div class="nodata" v-if="list.length == 0">
+      <div class="nodata" v-if="list.length == 0 && isClickSearch">
         <img :src="$noresult" alt="" />
-        <span>{{
-          isClickSearch ? "未搜索到结果" : "暂无素材，快去上传吧"
-        }}</span>
+        <span>未搜索到结果</span>
+      </div>
+      <div class="nodata" v-if="list.length == 0 && !isClickSearch">
+        <img :src="config.empty" alt="" />
+        <span>暂无素材~</span>
+        <button @click="$refs.uploadFile.click()" class="upload-btn-in-table">上传素材</button>
       </div>
     </div>
 
@@ -156,6 +159,7 @@ import cover from "../popup/cover";
 import Upload from "@/components/shared/uploads/UploadMultiple";
 import { getImgWH, changeByteUnit } from "@/utils/file";
 import UploadList from "../components/uploadList";
+import config from "@/config";
 
 import uploadui from "../components/uploadui";
 
@@ -188,6 +192,7 @@ export default {
   },
   data() {
     return {
+      config,
       isLongPolling: false,
       showRename: false,
       showPreview: false,
@@ -459,6 +464,16 @@ export default {
 
 <style lang="less" scoped>
 .panorama {
+  .upload-btn-in-table {
+    width: 100px;
+    height: 36px;
+    background: linear-gradient(144deg, #00AEFB 0%, #0076F6 100%);
+    border-radius: 22px;
+    border: none;
+    font-size: 14px;
+    color: #FFFFFF;
+    margin-top: 20px;
+  }
 }
 </style>
 <style lang="less" scoped>