Bläddra i källkod

23923 (v1.1.0全景看看)管理中心-我的素材-所有模块的上传素材处的悬浮提示遮挡住各模块名称

任一存 4 år sedan
förälder
incheckning
b097115f8f

+ 1 - 2
src/views/material/audio/index.vue

@@ -2,14 +2,13 @@
   <div class="panorama con">
     <div class="top">
       <crumbs :list="tablist" />
-      <!-- <audio controls :src="`https://houseoss.4dkankan.com/chuanshan/audio/testaudio.mp3`"></audio> -->
     </div>
     <div class="second-line">
       <div class="btn">
         <button
           @mouseover.stop="showList = true"
           @click="$refs.uploadFile.click()"
-          class="ui-button ui-button-rect submit"
+          class="ui-button submit"
         >
           <span>上传素材</span>
           <i class="iconfont icon-material_prompt hover-tips hover-tips-upload-icon">

+ 1 - 1
src/views/material/image/index.vue

@@ -8,7 +8,7 @@
         <button
           @mouseover.stop="showList = true"
           @click="$refs.uploadFile.click()"
-          class="ui-button ui-button-rect submit"
+          class="ui-button submit"
         >
           <span>上传素材</span>
           <i class="iconfont icon-material_prompt hover-tips hover-tips-upload-icon">

+ 16 - 0
src/views/material/style.less

@@ -343,4 +343,20 @@
     color: #fff !important;
     cursor: default;
   }
+  // tip的方框
+  > div {
+    top: -30px;
+    left: -30px;
+    transform: translateX(0);
+    // tip的箭头
+    &::before {
+      position: absolute;
+      bottom: -14px;
+      transform: translateX(0);
+      left: 30px;
+    }
+    .remark {
+      line-height: 20px;
+    }
+  }
 }

+ 1 - 1
src/views/material/video/index.vue

@@ -8,7 +8,7 @@
         <button
           @mouseover.stop="showList = true"
           @click="$refs.uploadFile.click()"
-          class="ui-button ui-button-rect submit"
+          class="ui-button submit"
         >
           <span>上传素材</span>
           <i class="iconfont icon-material_prompt hover-tips hover-tips-upload-icon">