分享 发布 下载中心

src/Layouts/BaseLayout.vue

@@ -31,16 +31,15 @@
           <i class="iconfont icon-yulan"></i>
           <span style="margin-left: 6px;width: 29px;">预览</span>
         </div>
-        <a-button v-show="!showPublish && isRenderBtn"
-                  type="primary"
-                  class="publish-btn"
-                  @click="openPublishModal">
-          <template #icon>
-            <i class="iconfont icon-Path"
-               style="font-size: 15px; margin-right: 6px"></i>
-          </template>
-          发布
-        </a-button>
+            <a-button 
+                class="publish-btn share-button"
+                @click.stop="clickEntrance">
+        <template #icon>
+          <img class="download_img"
+               :src="require('@/assets/img/fenxiang.png')" />
+        </template>
+        分享
+      </a-button>
       </template>
       <template v-else>
         <div style="display: flex; align-items: center;">
@@ -48,15 +47,17 @@
           <span style="margin-left: 10px;width: 90px;">正在保存中...</span>
         </div>
       </template>
-      <a-button type="primary"
-                class="publish-btn share-button"
-                @click.stop="clickEntrance">
-        <template #icon>
-          <i class="iconfont icon-fenxiang"
-             style="font-size: 15px; margin-right: 6px"></i>
-        </template>
-        分享
-      </a-button>
+  
+        <a-button v-show="!showPublish && isRenderBtn"
+                  type="primary"
+                  class="publish-btn"
+                  @click="openPublishModal">
+          <template #icon>
+          <img class="download_img"
+               :src="require('@/assets/img/fabu.png')" />
+          </template>
+          发布
+        </a-button>
       <a-button type="primary"
                 class="download-btn share-button"
                 @click.stop="toDownload"
@@ -71,12 +72,12 @@
     </div>
     <div class="right"
          v-if="!showPreview && !isRenderBtn && !showShare">
-      <a-button type="primary"
+      <a-button 
                 class="publish-btn share-button"
                 @click.stop="clickEntrance">
         <template #icon>
-          <i class="iconfont icon-fenxiang"
-             style="font-size: 15px; margin-right: 6px"></i>
+          <img class="download_img"
+               :src="require('@/assets/img/fenxiang.png')" />
         </template>
         分享
       </a-button>
@@ -464,6 +465,7 @@ onMounted(() => {
   }
   .share-button {
     margin-left: 10px;
+    font-size: 16px;
   }
   .head-portrait {
     width: 32px;
@@ -591,8 +593,8 @@ onMounted(() => {
   transform: rotateY(180deg);
 }
 .download_img {
-  width: 16px;
-  height: 14px;
+  width: 24px;
+  height: 24px;
   margin-right: 6px;
 }
 .click {

src/font/demo_index.html

@@ -54,6 +54,18 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe7fc;</span>
+                <div class="name">分享</div>
+                <div class="code-name">&amp;#xe7fc;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7fd;</span>
+                <div class="name">发布</div>
+                <div class="code-name">&amp;#xe7fd;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe7fb;</span>
                 <div class="name">3D场景分析</div>
@@ -2832,9 +2844,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1668563240634') format('woff2'),
-       url('iconfont.woff?t=1668563240634') format('woff'),
-       url('iconfont.ttf?t=1668563240634') format('truetype');
+  src: url('iconfont.woff2?t=1668575081960') format('woff2'),
+       url('iconfont.woff?t=1668575081960') format('woff'),
+       url('iconfont.ttf?t=1668575081960') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -2860,6 +2872,24 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont icon-fenxiang2"></span>
+            <div class="name">
+              分享
+            </div>
+            <div class="code-name">.icon-fenxiang2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fabu3"></span>
+            <div class="name">
+              发布
+            </div>
+            <div class="code-name">.icon-fabu3
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-a-3Dchangjingfenxi"></span>
             <div class="name">
@@ -7027,6 +7057,22 @@
       <div class="content symbol">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fenxiang2"></use>
+                </svg>
+                <div class="name">分享</div>
+                <div class="code-name">#icon-fenxiang2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fabu3"></use>
+                </svg>
+                <div class="name">发布</div>
+                <div class="code-name">#icon-fabu3</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-a-3Dchangjingfenxi"></use>

src/font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 3121635 */
-  src: url('iconfont.woff2?t=1668563240634') format('woff2'),
-       url('iconfont.woff?t=1668563240634') format('woff'),
-       url('iconfont.ttf?t=1668563240634') format('truetype');
+  src: url('iconfont.woff2?t=1668575081960') format('woff2'),
+       url('iconfont.woff?t=1668575081960') format('woff'),
+       url('iconfont.ttf?t=1668575081960') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-fenxiang2:before {
+  content: "\e7fc";
+}
+
+.icon-fabu3:before {
+  content: "\e7fd";
+}
+
 .icon-a-3Dchangjingfenxi:before {
   content: "\e7fb";
 }

src/font/iconfont.json

@@ -5,6 +5,20 @@
   "css_prefix_text": "icon-",
   "description": "调研猩球前台icon",
   "glyphs": [
+    {
+      "icon_id": "32880564",
+      "name": "分享",
+      "font_class": "fenxiang2",
+      "unicode": "e7fc",
+      "unicode_decimal": 59388
+    },
+    {
+      "icon_id": "32880565",
+      "name": "发布",
+      "font_class": "fabu3",
+      "unicode": "e7fd",
+      "unicode_decimal": 59389
+    },
     {
       "icon_id": "32874979",
       "name": "3D场景分析",