修改虚拟展按钮

src/icons/svg/quanjing.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1665306474677" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3234" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 128C300.256 128 128 300.256 128 512c0 211.744 172.256 384 384 384 211.744 0 384-172.256 384-384C896 300.256 723.744 128 512 128zM667.552 603.84C670.4 573.664 672 542.848 672 512c0-27.488-1.28-54.944-3.552-81.952C770.432 449.568 832 485.472 832 512 832 545.632 779.776 586.624 667.552 603.84zM430.048 668.448C457.056 670.72 484.512 672 512 672c17.664 0 32-14.304 32-32s-14.336-32-32-32c-32.448 0-62.88-1.76-91.328-4.672C417.76 574.88 416 544.448 416 512c0-17.664-14.336-32-32-32s-32 14.336-32 32c0 27.488 1.28 54.944 3.552 81.952C253.568 574.432 192 538.528 192 512c0-38.208 127.616-96 320-96 32.448 0 62.88 1.76 91.328 4.672C606.24 449.12 608 479.552 608 512c0 192.384-57.792 320-96 320C485.472 832 449.568 770.432 430.048 668.448zM512 192c26.528 0 62.432 61.568 81.952 163.552C566.944 353.28 539.488 352 512 352c-30.848 0-61.696 1.6-91.84 4.448C437.408 244.256 478.368 192 512 192zM815.136 410.272c-41.248-21.408-95.136-37.056-154.752-46.688-9.632-59.616-25.28-113.472-46.688-154.752C708.384 240.704 783.296 315.616 815.136 410.272zM396.96 213.728c-19.36 36.512-34.688 86.24-42.816 151.488-55.84 9.696-106.208 24.768-145.28 45.056C239.2 320.096 308.608 247.936 396.96 213.728zM208.864 613.696c41.248 21.44 95.136 37.088 154.752 46.688 9.632 59.616 25.248 113.472 46.688 154.752C315.616 783.296 240.704 708.384 208.864 613.696zM613.696 815.136c20.288-39.04 35.328-89.408 45.056-145.248 65.248-8.128 114.944-23.424 151.488-42.816C776.032 715.424 703.872 784.8 613.696 815.136z" p-id="3235"></path></svg>
\ No newline at end of file

src/views/home/components/Virtural.vue

@@ -14,10 +14,12 @@
           <div class="intro" v-if="list.length > 0">
             <div class="name">{{ list[0].name }}</div>
             <div class="deptName">{{ list[0].deptName }}</div>
-            <div class="intro-content" v-html="list[0].intro">
-              
+            <div class="intro-content" v-html="list[0].intro"></div>
+            <!-- <EntranceIcon color="#fff" @click.native="handleClick(list[0])" /> -->
+            <div class="entrance" @click="handleClick(list[0])">
+              <svg-icon icon-class="quanjing"></svg-icon>
+              <span>点击体验</span>
             </div>
-            <EntranceIcon color="#fff" @click.native="handleClick(list[0])" />
           </div>
         </el-col>
         <el-col :span="18">
@@ -69,11 +71,10 @@ export default {
       }
     },
     handleClick(item) {
-      this.$message(`即将打开${item.name}虚拟展厅...`)
-      setTimeout(()=>{
+      this.$message(`即将打开${item.name}虚拟展厅...`);
+      setTimeout(() => {
         window.open(item.url);
-      },1000)
-      
+      }, 1000);
     },
   },
 };
@@ -132,12 +133,19 @@ $blue: #2069c4;
           text-overflow: ellipsis;
           display: -webkit-box;
           -webkit-box-orient: vertical;
+          line-height: 2;
         }
         .entrance {
-          font-size: 16px;
-          cursor: pointer;
-          .entrance-text {
-            margin-right: 12px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          border: 1px solid #fff;
+          width: 120px;
+          height: 32px;
+          font-size: 14px;
+          .svg-icon{
+            font-size: 20px;
+            margin-right: 4px;
           }
         }
       }
@@ -173,7 +181,6 @@ $blue: #2069c4;
             transform: translateY(100px);
             width: 100%;
             transition: all 0.5s ease;
-           
           }
         }
       }