样式调整

src/views/priceDriven/detail.vue

@@ -338,7 +338,7 @@ onUnmounted(() => {
         </div>
 
         <!-- 无数据 -->
-        <div class="no-auth-wrap" v-else>
+        <div class="no-auth-wrap nodata" v-else>
           <div class="apply-box">
             <img
               src="@/assets/pricedriven/nodata.png"
@@ -367,18 +367,16 @@ onUnmounted(() => {
             alt=""
             class="nodata-img"
           />
-          <div>您暂无权限查看价格驱动</div>
-          <div>
-            若想查看请联系对口销售：{{ noAuthInfo.name }}--{{
-              noAuthInfo.mobile
-            }}
+          <div style="margin-bottom: 10px;">您暂无权限查看价格驱动</div>
+          <div>若想查看请联系对口销售</div>
+          <div>{{ noAuthInfo.name }}：<span style="color: #e3b377">{{ noAuthInfo.mobile }}</span>
           </div>
         </div>
       </div>
     </div>
-    <div class="right-aside-box">
+    <div class="right-aside-box" v-if="!noAuthInfo">
       <div class="fix-top">
-        <div class="share-box" v-if="!noAuthInfo">
+        <div class="share-box">
           <div class="label">分享</div>
           <el-popover
             :width="200"
@@ -534,25 +532,19 @@ onUnmounted(() => {
   }
   .no-auth-wrap {
     text-align: center;
-    color: #999;
-    margin-top: 150px;
-    min-height: 200px;
-    position: relative;
-    z-index: 5;
-    background: linear-gradient(
-      360deg,
-      #ffffff 60%,
-      rgba(255, 255, 255, 0) 88%
-    );
-    .nodata-img {
-      width: 342px;
-      margin-bottom: 20px;
+    padding: 20px 0;
+    color: #666;
+    &.nodata {
+      margin-top: 130px;
+    }
+    img{
+        width: 400px;
     }
-    .btn {
-      width: 218px;
-      margin-left: auto;
-      margin-right: auto;
-      margin-top: 20px;
+    .btn{
+        width: 218px;
+        margin-top: 10px;
+        margin-left: auto;
+        margin-right: auto;
     }
   }
 }