nieyuge 2 yıl önce
ebeveyn
işleme
5a51afceab
3 değiştirilmiş dosya ile 23 ekleme ve 7 silme
  1. 1 1
      index.html
  2. BIN
      public/favicon.ico
  3. 22 6
      src/pages/index.vue

+ 1 - 1
index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
+    <title>DeNet App</title>
     <!--preload-links-->
   </head>
   <body>

BIN
public/favicon.ico


+ 22 - 6
src/pages/index.vue

@@ -65,15 +65,15 @@
         <div class="content">
             <img class="logo" src="../static/img/footer_logo.svg" />
             <div class="link">
-                <div class="item">
+                <div class="item" @click="twitter">
                     <img src="../static/img/footer_twitter.svg" />
                     <div class="font">Twitter</div>
                 </div>
-                <div class="item">
+                <div class="item" @click="telegram">
                     <img src="../static/img/footer_telegram.svg" />
                     <div class="font">Telegram</div>
                 </div>
-                <div class="item">
+                <div class="item" @click="discord">
                     <img src="../static/img/footer_discord.svg" />
                     <div class="font">Discord</div>
                 </div>
@@ -90,6 +90,15 @@
 function install() {
     window.open(`https://chrome.google.com/webstore/detail/denet/inlfbeejfdgkknpiodhemfcokbdgofja`);
 }
+function twitter() {
+    window.open(`https://twitter.com/denet2022`);
+}
+function telegram() {
+    window.open(`https://t.me/denetpro`);
+}
+function discord() {
+    window.open(`https://discord.gg/wZSz9p8ddG`);
+}
 </script>
 
 <style lang="less">
@@ -363,16 +372,23 @@ function install() {
         width: 8.343rem;
     }
     .logo {
-        width: 218px;
-        height: 74px;
+        width: 1.703rem;
+        height: 0.578rem;
     }
     .link {
         display: flex;
         .item {
-            margin: 0 12px;
+            margin: 0 0.093rem;
             width: 0.468rem;
+            cursor: pointer;
             text-align: center;
+            img {
+                width: 0.468rem;
+                margin: auto;
+                text-align: center;
+            }
             .font {
+                overflow: hidden;
                 font-size: 0.101rem;
                 margin-top: 0.078rem;
                 color: rgba(255, 255, 255, .4);