feat:结构&数据

public/img/no-data.svg

@@ -1,86 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="80px" height="80px" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>-mockplus-</title>
-    <defs>
-        <linearGradient x1="50.0123077%" y1="90.9761299%" x2="50.0123077%" y2="8.18454364%" id="linearGradient-1">
-            <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
-            <stop stop-color="#FFFFFF" stop-opacity="0.1" offset="100%"></stop>
-        </linearGradient>
-        <polygon id="path-2" points="16 18 64 18 63.7361671 42 16 42"></polygon>
-        <filter x="-1.0%" y="-2.1%" width="102.1%" height="104.2%" filterUnits="objectBoundingBox" id="filter-3">
-            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetInner1"></feOffset>
-            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
-            <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.05 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
-        </filter>
-        <linearGradient x1="50.0123077%" y1="90.9761299%" x2="50.0123077%" y2="8.18454364%" id="linearGradient-4">
-            <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
-            <stop stop-color="#FFFFFF" stop-opacity="0.1" offset="100%"></stop>
-        </linearGradient>
-        <polygon id="path-5" points="16 37.3333333 64 37.3333333 76 76 4 76"></polygon>
-        <filter x="-0.7%" y="-1.3%" width="101.4%" height="102.6%" filterUnits="objectBoundingBox" id="filter-6">
-            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetInner1"></feOffset>
-            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
-            <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.05 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
-        </filter>
-        <linearGradient x1="50.0123077%" y1="90.9761299%" x2="50.0123077%" y2="8.18454364%" id="linearGradient-7">
-            <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
-            <stop stop-color="#FFFFFF" stop-opacity="0.1" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-8">
-            <stop stop-color="#FFFFFF" stop-opacity="0.1" offset="0%"></stop>
-            <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="12.0977841%" y1="0%" x2="87.9022159%" y2="100%" id="linearGradient-9">
-            <stop stop-color="#BFDBFF" offset="0%"></stop>
-            <stop stop-color="#4583FF" offset="10%"></stop>
-            <stop stop-color="#112E8C" stop-opacity="0" offset="59.9330747%"></stop>
-            <stop stop-color="#112E8C" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-10">
-            <stop stop-color="#FFFFFF" stop-opacity="0.1" offset="0%"></stop>
-            <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="50.0123077%" y1="90.9761299%" x2="50.0123077%" y2="8.18454364%" id="linearGradient-11">
-            <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
-            <stop stop-color="#FFFFFF" stop-opacity="0.1" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-12">
-            <stop stop-color="#FFFFFF" stop-opacity="0.1" offset="0%"></stop>
-            <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="linearGradient-13">
-            <stop stop-color="#BFDBFF" offset="0.0512183129%"></stop>
-            <stop stop-color="#4583FF" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="0%" y1="50%" x2="100%" y2="50%" id="linearGradient-14">
-            <stop stop-color="#BFDBFF" offset="0.0512183129%"></stop>
-            <stop stop-color="#4583FF" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="数据管理/数据列表（暂无数据）" transform="translate(-134.000000, -238.000000)">
-            <g id="编组-10" transform="translate(64.000000, 96.000000)">
-                <g id="缺省页/暂无解决方案备份" transform="translate(70.000000, 142.000000)">
-                    <g id="矩形备份-6" fill-rule="nonzero">
-                        <use fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
-                        <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
-                    </g>
-                    <g id="空页面/个人中心/我的组件" fill="#FFFFFF" fill-opacity="0">
-                        <rect id="透明层" x="0" y="0" width="80" height="80"></rect>
-                    </g>
-                    <g id="矩形备份-8" fill-rule="nonzero">
-                        <use fill="url(#linearGradient-4)" xlink:href="#path-5"></use>
-                        <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
-                    </g>
-                    <path d="M15.5,21.2980252 L15.5,37.2575304 L4.5,72.7019748 L4.5,56.7424696 L15.5,21.2980252 Z" id="矩形备份-5" stroke="url(#linearGradient-8)" fill="url(#linearGradient-7)" fill-rule="nonzero"></path>
-                    <path d="M75.5,21.2980252 L75.5,37.2575304 L64.5,72.7019748 L64.5,56.7424696 L75.5,21.2980252 Z" id="矩形备份-7" stroke="url(#linearGradient-8)" fill="url(#linearGradient-7)" fill-rule="nonzero" transform="translate(70.000000, 47.000000) scale(-1, 1) translate(-70.000000, -47.000000) "></path>
-                    <path d="M62.980805,4.5 C63.9156353,4.5 64.7648787,4.86648248 65.3926519,5.46365426 C66.0205589,6.06095338 66.4270828,6.88897239 66.4758501,7.81191422 L66.4758501,7.81191422 L66.2055255,65.5 L13.5,65.5 L13.5,8 C13.5,7.03350169 13.8917508,6.15850169 14.5251263,5.52512627 C15.1585017,4.89175084 16.0335017,4.5 17,4.5 L17,4.5 Z" id="矩形备份-6" stroke="url(#linearGradient-10)" fill="url(#linearGradient-9)" fill-rule="nonzero"></path>
-                    <path d="M22.3431458,52.5 C23.2714035,52.5 24.1616422,52.8687489 24.8180195,53.5251263 L24.8180195,53.5251263 L30.4748737,59.1819805 C31.3187874,60.0258942 32.46338,60.5 33.6568542,60.5 L33.6568542,60.5 L46.3431458,60.5 C47.53662,60.5 48.6812126,60.0258942 49.5251263,59.1819805 L49.5251263,59.1819805 L55.1819805,53.5251263 C55.8383578,52.8687489 56.7285965,52.5 57.6568542,52.5 L57.6568542,52.5 L71.933498,52.5 C72.8683283,52.5 73.7175717,52.8664825 74.3453449,53.4636543 C74.9726288,54.0603606 75.3789688,54.8873292 75.4283968,55.8091668 L75.4283968,55.8091668 L75.1122148,75.5 L4.5,75.5 L4.5,56 C4.5,55.0335017 4.89175084,54.1585017 5.52512627,53.5251263 C6.15850169,52.8917508 7.03350169,52.5 8,52.5 L8,52.5 Z" id="路径" stroke="url(#linearGradient-12)" fill="url(#linearGradient-11)" fill-rule="nonzero"></path>
-                    <path d="M24.5,15 L55.5,15 C55.7761424,15 56,15.2238576 56,15.5 L56,16.5 C56,16.7761424 55.7761424,17 55.5,17 L24.5,17 C24.2238576,17 24,16.7761424 24,16.5 L24,15.5 C24,15.2238576 24.2238576,15 24.5,15 Z" id="矩形" fill="url(#linearGradient-13)"></path>
-                    <path d="M24.5,27 L55.5,27 C55.7761424,27 56,27.2238576 56,27.5 L56,28.5 C56,28.7761424 55.7761424,29 55.5,29 L24.5,29 C24.2238576,29 24,28.7761424 24,28.5 L24,27.5 C24,27.2238576 24.2238576,27 24.5,27 Z" id="矩形备份" fill="url(#linearGradient-13)"></path>
-                    <path d="M24.5,39 L39.5,39 C39.7761424,39 40,39.2238576 40,39.5 L40,40.5 C40,40.7761424 39.7761424,41 39.5,41 L24.5,41 C24.2238576,41 24,40.7761424 24,40.5 L24,39.5 C24,39.2238576 24.2238576,39 24.5,39 Z" id="矩形备份-2" fill="url(#linearGradient-14)"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

src/views/components/Data.vue

@@ -276,7 +276,7 @@
       </div>
     </div>
     <div class="flex column middle nodata" v-else>
-      <img src="/img/no-data.svg" />
+      <img src="/img/no-data.png" />
       <div class="gray center">暂无数据</div>
       <div class="mt-20">
         <t-button theme="primary" @click="showAddData()"> 新建变量 </t-button>
@@ -381,7 +381,7 @@
       </div>
     </div>
     <div class="flex column middle nodata" v-else>
-      <img src="/img/no-data.svg" />
+      <img src="/img/no-data.png" />
       <div class="gray center">暂无数据</div>
       <div class="mt-20">
         <t-button theme="primary" @click="addNetwork()">
@@ -516,7 +516,7 @@
       </div>
     </div>
     <div class="flex column middle nodata" v-else>
-      <img src="/img/no-data.svg" />
+      <img src="/img/no-data.png" />
       <div class="gray center">暂无数据</div>    
     </div>
     <div class="flex between mt-24">

src/views/components/Structure.vue

@@ -642,6 +642,8 @@ onBeforeUnmount(() => {
   display: flex;
   flex-direction: column;
   height: calc(100vh - 90px);
+  background: var(--color-background-active);
+
 
   & > * {
     overflow-y: auto;