访客+

src/views/system/visitor/index.vue

@@ -27,14 +27,6 @@
       </div>
       <div class="flex_spection">
         <HeadlineTag type="right" value="园区基本信息"></HeadlineTag>
-        <div class="camera">
-
-          <div class="entry-box">
-            <div class="entry-box-item">
-              <div class="item-center-line"></div>
-            </div>
-          </div>
-        </div>
       </div>
     </div>
   </div>
@@ -105,66 +97,6 @@ function getList() {
   align-items: center;
   height: calc(100% - 40px);
 }
-
-.camera {
-  width: 190px;
-  height: 100%;
-  display: flex;
-  position: relative;
-
-  .entry-box {
-    width: 100%;
-    height: 100%;
-    object-fit: fill;
-    position: absolute;
-    top: 0;
-    left: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .entry-box-item {
-    width: 100%;
-    height: 180px;
-    color: #fff;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-    background: radial-gradient(circle,
-        rgba(51, 149, 233, 0) 100px,
-        rgba(51, 149, 233, 0) 100px);
-
-    .item-center-line {
-      width: 180px;
-      height: 180px;
-      background-color: transparent;
-      border-top: 3px solid rgb(22, 110, 191);
-      border-bottom: 3px solid rgb(22, 110, 191);
-      border-radius: 50%;
-      box-sizing: border-box;
-      position: absolute;
-      top: calc(50% - 90px);
-      left: calc(50% - 90px);
-      animation: rotate 8s infinite linear;
-    }
-
-    .item-center-pie {
-      width: 150px;
-      height: 150px;
-      background-color: transparent;
-      border-top: 2px solid rgb(22, 110, 191);
-      border-bottom: 2px solid rgb(22, 110, 191);
-      border-radius: 50%;
-      box-sizing: border-box;
-      position: absolute;
-      top: calc(50% - 75px);
-      left: calc(50% - 75px);
-      animation: rotate1 8s infinite linear;
-    }
-  }
-}
 </style>
 
 <style lang="scss" scoped>

src/views/system/visitor/starView.vue

@@ -4,7 +4,7 @@
             <div className='top_ball center_in'>
                 <div class="text_star_title">
                     <span>测试</span>
-                    <span>123</span>
+                    <span>33</span>
                 </div>
             </div>
             <div className='right_ball center_in'>2</div>
@@ -28,7 +28,11 @@
 
 .planet {
     position: absolute;
-    border: 2px solid #fff;
+    border-top: 3px solid rgb(22, 110, 191);
+    border-bottom: 3px solid rgb(22, 110, 191);
+    background: radial-gradient(circle,
+            rgba(51, 149, 233, 0) 100px,
+            rgba(51, 149, 233, 0) 100px);
     transform-style: preserve-3d;
     width: 280px;
     height: 280px;
@@ -36,12 +40,14 @@
     transform: scaleY(0.5) rotateZ(15deg);
     animation: planet-rotate 20s linear infinite;
 }
-.text_star_title{
+
+.text_star_title {
     position: absolute;
     right: -40px;
     display: flex;
     flex-direction: column;
 }
+
 .top_ball {
     width: 50px;
     height: 50px;