发布文章的样式更新

src/assets/iconfont/demo_index.html

@@ -49,11 +49,23 @@
               </li>
           
             <li class="dib">
+              <span class="icon iconfont">&#xe647;</span>
+                <div class="name">视频</div>
+                <div class="code-name">&amp;#xe647;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xe6ab;</span>
                 <div class="name">发布</div>
                 <div class="code-name">&amp;#xe6ab;</div>
               </li>
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe674;</span>
+                <div class="name">图片</div>
+                <div class="code-name">&amp;#xe674;</div>
+              </li>
+          
           </ul>
           <div class="article markdown">
           <h2 id="unicode-">Unicode 引用</h2>
@@ -132,6 +144,15 @@
           </li>
           
           <li class="dib">
+            <span class="icon iconfont icon-shipin-tianchong"></span>
+            <div class="name">
+              视频
+            </div>
+            <div class="code-name">.icon-shipin-tianchong
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont icon-fabu"></span>
             <div class="name">
               发布
@@ -140,6 +161,15 @@
             </div>
           </li>
           
+          <li class="dib">
+            <span class="icon iconfont icon-tupian"></span>
+            <div class="name">
+              图片
+            </div>
+            <div class="code-name">.icon-tupian
+            </div>
+          </li>
+          
         </ul>
         <div class="article markdown">
         <h2 id="font-class-">font-class 引用</h2>
@@ -195,12 +225,28 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shipin-tianchong"></use>
+                </svg>
+                <div class="name">视频</div>
+                <div class="code-name">#icon-shipin-tianchong</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-fabu"></use>
                 </svg>
                 <div class="name">发布</div>
                 <div class="code-name">#icon-fabu</div>
             </li>
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tupian"></use>
+                </svg>
+                <div class="name">图片</div>
+                <div class="code-name">#icon-tupian</div>
+            </li>
+          
           </ul>
           <div class="article markdown">
           <h2 id="symbol-">Symbol 引用</h2>

src/assets/iconfont/iconfont.css

 @font-face {font-family: "iconfont";
-  src: url('iconfont.eot?t=1557310950809'); /* IE9 */
-  src: url('iconfont.eot?t=1557310950809#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAVEAAsAAAAACjQAAAT4AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqHUIYKATYCJAMUCwwABCAFhG0HSRuXCCOS7k2b7C8O7DYfGzKtlssk9ABpI48ECxa2sCgTdu+D6+Dg3sfD136v5+7uex9ViFRU5rsIE1aAnlilZGur2Lga0wqPvjNBI/4Qnnlpiiyp9ISTvKD2R5cj2E7A4pwHNipCjeTsyaPv+qQ0TNNDAJRAzQ/3S71MsHz27Vwye1GAowHPZhHJa1/rRjIA3zB2cRmXE2ib0RMra+v7mgpNE7Dh9uriSDNmVUrYoWmocw4t4hOaZvqQzpn56P5+vKiiSVJl2q7b56unFu6399+zrC8rsFFk/bnBHEVGD4W4y/Xeyn62J2tLaxcLaGtKUl8rDdxb3K/t/w+VK9K3dS+pl3+8QtQ0bRfiF3KFe4aJkLjnI2TuLRCC+7XyG6Ot0CFtDBDzxCsabdZXryWVaqDOzRyrE93uzFS33R4sk1v3s5ftk1LU+204Kw8awZoDtpB7xb5JoVU5MIFnh+yeHBRGhJHZlH4gnFJJr+GX8GXWqALVJZ7ReWoMISN91NGotXpTQ8n+6+aSo3pLXaZC7IjNFW0POH095PJ1YrG5SrrSaWNmqeiwhbpsDhr7g/OcVbt2rZMuCli+3W7nRTOt3FAXqSiH5YpJc4D3cycrsxlNtVf+bZWQqVgjzloDnSOEKLL9GGvyPEXR82WjpAJFJwlxdM4c2VwMmyzJxgi3SSlXFMCKHm7dr5wsypgrE1aQ1RVE9Vq5Y+aaSTVzhPiyNUbZypXL1b7IeaHlInVxGBFcwNbpSNpSfRxr8mrZKpS57ZIxdf5lH87Oq2awfO3k1cCva35lP998WMU5yl79Aa+uZh/lqD4QzsGlNqXWLtYnlC9OHf788mwJVmqUjlyVL87HXUqQ++YuoiyLcNOK9KjjqYJls13M4Vjq+/WZ+WH1wY5prKhx5dHB3PCoJPP14sZ6PMKoaT07NW/freUCLvfzckZ6NGoaNJWWlvKrctzfiZ283JIY4Z24PG8AjUlswGyjMTJJ1JDrnpZ0fHmfXz4z6e59MDJtIqLmrEYmMlZz1NPogMxVi+1djLcyNIxHbK8HXx54sR8JayKHgqHnphNMv5j2sPhVXAYuhEfgyAwEd1a90KLmqBE9QkSEDxhqwhfHzWftu9ByOhLZu4P/JV2iLqJaVH3qVF6e9qtm2rbNfB2aeC2xOz7vKCHf6BZ9N9pto0vDCl2IxfCwxZWGYM873ncWLz4vVZyJgEgSiphoRhAfz7B5xjz2mXAedSLNK/1MuhdtSapnCRRBkqAH2jD/pPwC/WU5G06X2O9gKL+4APjgn9wM/LAZ7VLMCf6KYA9jyb8fF5658npa8GPpQG3ZHyirOafICs1WFXHclIqxSrH/S5ukIgrow+CAe/3oh2vXExCiEBIGE8gQ1uiCd4YKxhtqiDBocxJ3dIdAGxhURgFgzlgAEK6NQMF2EGBc59FU/F2gEXsLdNyAAUWG4JQY22i7w5FRCb6h+YPTQ0+GQw5e4w1NahVHFS7nhRxdAsqsSBau2CP3sUf8mEqEgHjo4AKuhm07wMiDRy2ZFRnrPKe8e8r00M0OsyOjEnxD8wenh57sxeWQ+vkbmtQqLplQEn4hR7d8KLOiBvqq7WtNOJf2+DGVoDQBMfVDBxfkxlbPDjDmb+RRS2ZbpMc6RwtRXW02vr67xrLvf1LtzmjzFDlKVFHb/ofknepX5Bi30ape27Qi1aTZDA==') format('woff2'),
-  url('iconfont.woff?t=1557310950809') format('woff'),
-  url('iconfont.ttf?t=1557310950809') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('iconfont.svg?t=1557310950809#iconfont') format('svg'); /* iOS 4.1- */
+  src: url('iconfont.eot?t=1557813315754'); /* IE9 */
+  src: url('iconfont.eot?t=1557813315754#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+  url('iconfont.woff?t=1557813315754') format('woff'),
+  url('iconfont.ttf?t=1557813315754') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1557813315754#iconfont') format('svg'); /* iOS 4.1- */
 }
 
 .iconfont {
@@ -27,7 +27,15 @@
   content: "\e612";
 }
 
+.icon-shipin-tianchong:before {
+  content: "\e647";
+}
+
 .icon-fabu:before {
   content: "\e6ab";
 }
 
+.icon-tupian:before {
+  content: "\e674";
+}
+

src/assets/iconfont/iconfont.js

-!function(a){var e,c='<svg><symbol id="icon-youjian" viewBox="0 0 1024 1024"><path d="M885.727285 134.724401 137.500119 134.724401c-41.463344 0-75.17412 33.162284-75.17412 74.002434l0 451.134771c0 40.804335 33.710776 73.92978 75.17412 73.92978l748.227166 0c41.60763 0 75.172073-33.125445 75.172073-73.92978l0-451.134771C960.899358 167.885662 927.334915 134.724401 885.727285 134.724401L885.727285 134.724401 885.727285 134.724401zM867.738585 187.703009 569.345568 447.849958c-26.030863 22.833031-45.301765 34.168194-57.732889 34.168194s-31.699979-11.335163-57.769728-34.168194L155.488819 187.703009 867.738585 187.703009 867.738585 187.703009 867.738585 187.703009zM118.231263 643.334187 118.231263 235.765655l233.051847 200.969151L118.231263 643.334187 118.231263 643.334187 118.231263 643.334187zM157.425937 680.774915l233.893005-204.224288 38.317701 33.07121c22.267143 19.140942 49.725518 28.957519 81.975013 28.957519 32.431643 0 59.671031-9.816576 82.048691-28.957519l38.317701-33.07121 233.893005 204.224288L157.425937 680.774915 157.425937 680.774915 157.425937 680.774915zM904.995117 643.334187 671.978063 436.734806l233.017054-200.969151L904.995117 643.334187 904.995117 643.334187 904.995117 643.334187zM904.995117 643.334187"  ></path></symbol><symbol id="icon-fire" viewBox="0 0 1024 1024"><path d="M854.35904 613.09952v44.52864c-0.6656 2.16576-1.46944 4.33152-1.92 6.54336-4.55168 23.53664-7.1168 47.68768-13.9776 70.528-20.36224 67.39968-58.5216 123.57632-112.01024 169.43616-41.25184 35.39968-87.68512 60.9024-140.75904 73.45152-17.44896 4.13696-35.34336 6.57408-53.0432 9.79968h-44.51328c-2.16576-0.6656-4.3776-1.67424-6.59456-1.8176-46.99136-2.93376-91.52512-15.16544-133.2992-36.51072-78.96576-40.22272-135.93088-100.11136-161.9456-186.27072-5.53984-18.41664-7.85408-37.71392-11.69408-56.62208v-42.48064c1.67424-10.4448 3.1232-20.97664 5.0944-31.41632 8.41728-45.58848 28.67712-85.9648 55.51104-123.22816 25.30304-35.072 52.18304-69.04832 76.1856-105.0112 25.94816-39.0144 38.5024-82.31936 31.13984-129.80224-1.44896-9.37984-2.80576-18.75968-4.22912-28.08832 0.95744-0.24576 1.92-0.44032 2.87744-0.7168 57.92256 60.70784 67.3536 135.2192 59.07968 215.74144 2.11456-2.26304 3.8912-3.84 5.24288-5.66272 49.16224-66.48832 70.28224-139.93984 54.25152-222.208-10.1888-52.33664-32.22016-99.3792-68.67456-138.496-15.83104-16.93696-34.97984-30.79168-52.6336-46.08h18.21696c1.50528 0.6144 2.90816 1.67424 4.4288 1.8176 32.0512 2.75968 62.1568 12.65152 90.83904 26.56256 65.59744 31.75424 118.77376 78.69952 163.25632 135.95648 65.3824 84.26496 107.88864 177.73056 116.31104 285.35296 3.2256 41.08288-0.96256 81.01376-11.91424 120.40192-4.13696 14.91456-9.96864 29.3376-15.3088 44.8768 21.21728-9.0368 37.34016-22.84544 49.79712-40.74496 37.1456-53.48864 47.53408-113.13664 39.1168-179.08224 2.73408 3.1744 4.13696 4.4288 5.08928 6.00576 22.3744 35.34848 39.1168 73.0624 47.85664 114.04288 3.47136 16.22016 5.49376 32.8192 8.22272 49.19296m-349.952-78.42816c-0.82944 0.5888-1.7408 1.19808-2.60096 1.792-1.16224 16.24576-2.0224 32.52224-3.59936 48.768-2.31424 24.78592-8.2432 48.6912-19.84 70.91712-14.17728 27.22816-37.88288 44.16-64.1536 57.63072-28.32896 14.6176-46.17216 35.49696-48.4864 68.4544-2.41664 33.8944 7.77728 62.37696 35.10272 83.20512 25.6 19.49696 55.50592 25.85088 87.21408 24.79104 50.60608-1.64864 88.32512-25.7024 103.43424-76.35968 10.85952-36.36224 9.088-72.97024 1.82784-109.568-9.92768-50.176-28.09344-96.94208-59.1872-137.92256-8.7296-11.45344-19.7632-21.17632-29.70624-31.70816"  ></path></symbol><symbol id="icon-shanchu" viewBox="0 0 1024 1024"><path d="M386.990351 752.645802L386.990351 359.958188c0-9.866718-8.003606-17.84953-17.851285-17.84953-9.849726 0-17.850261 7.982812-17.850261 17.84953l0 392.687614c0 9.850345 8.000536 17.851577 17.850261 17.851577C378.986745 770.497379 386.990351 762.496148 386.990351 752.645802zM529.793466 752.645802L529.793466 359.958188c0-9.866718-8.003606-17.84953-17.853331-17.84953-9.846656 0-17.848215 7.982812-17.848215 17.84953l0 392.687614c0 9.850345 8.001559 17.851577 17.848215 17.851577C521.788837 770.497379 529.793466 762.496148 529.793466 752.645802zM815.393554 324.259128c-9.845632 0-17.846168 7.983835-17.846168 17.84953l0 481.935264c0 19.697621-15.987768 35.700083-35.702569 35.700083L262.038521 859.744006c-19.715825 0-35.700523-16.002462-35.700523-35.700083L226.337999 342.109682c0-9.866718-8.001559-17.84953-17.850261-17.84953-8.3014 0-15.271424 5.681396-17.26286 13.373589-0.194436-0.107447-0.396036-0.204661-0.588425-0.316202l0 486.72843c0 39.429011 31.953022 71.39812 71.401046 71.39812l499.806295 0c39.430627 0 71.401046-31.969109 71.401046-71.39812L833.244839 342.109682C833.245862 332.242963 825.244303 324.259128 815.393554 324.259128zM869.04872 199.312418L663.473431 199.312418l-65.856545-65.853847c-3.810948-3.811816-8.844798-5.641487-13.840783-5.52176-0.146339-0.00307-0.287561-0.021489-0.4339-0.021489L440.541135 127.915321c-0.128942 0-0.254814 0.016373-0.382732 0.019443-4.979612-0.105401-9.991971 1.726318-13.789616 5.523807l-65.856545 65.853847L154.93593 199.312418c-9.848702 0-17.849238 7.984858-17.849238 17.850553 0 9.849322 8.000536 17.850553 17.849238 17.850553l214.203137 0c0.225137 0 0.444133-0.025583 0.667223-0.033769 5.0799 0.190335 10.221201-1.633197 14.097644-5.508457l65.856545-65.85487 124.462669 0 65.856545 65.85487c3.875419 3.876284 9.017744 5.698792 14.09662 5.508457 0.224113 0.008186 0.44311 0.033769 0.667223 0.033769l214.202113 0c9.848702 0 17.849238-8.001231 17.849238-17.850553C886.898981 207.297276 878.897422 199.312418 869.04872 199.312418zM672.592487 752.645802L672.592487 359.958188c0-9.866718-7.998489-17.84953-17.848215-17.84953s-17.851285 7.982812-17.851285 17.84953l0 392.687614c0 9.850345 8.001559 17.851577 17.851285 17.851577S672.592487 762.496148 672.592487 752.645802z" fill="" ></path></symbol><symbol id="icon-fabu" viewBox="0 0 1024 1024"><path d="M862 105.5c10-10 26.8-10 36.8 0l53.7 53.7c10 10 10 26.8 0 36.8L495.7 652.8l-90.5-90.5L862 105.5m-45.3-45.2l-502 502 181 181 502-502c35-35 35-92.3 0-127.3L944 60.3c-35-35.1-92.3-35.1-127.3 0z" fill="" ></path><path d="M497 742c-4 4-9 7-14.8 8.5l-176.5 47.3c-12.8 3.4-26.5-0.3-35.9-9.6-9.4-9.4-13-23.1-9.6-35.9l47.3-176.5c4.7-17.6 22.8-28.1 40.5-23.4 17.6 4.7 28.1 22.8 23.4 40.5l-34.3 128.2 128.2-34.3c17.6-4.7 35.7 5.7 40.5 23.4 3 11.7-0.7 23.7-8.8 31.8zM731.315 164l45.255-45.254L939.203 281.38l-45.255 45.255z" fill="" ></path><path d="M868.6 990H155.4C69.7 990 0 920.3 0 834.6V186C0 102.2 68.2 34 152 34h458.1c17.7 0 32 14.3 32 32s-14.3 32-32 32H152c-48.5 0-88 39.5-88 88v648.6c0 50.4 41 91.4 91.4 91.4h713.2c50.4 0 91.4-41 91.4-91.4V417.1c0-17.7 14.3-32 32-32s32 14.3 32 32v417.5c0 85.7-69.7 155.4-155.4 155.4z" fill="" ></path></symbol></svg>',t=(e=document.getElementsByTagName("script"))[e.length-1].getAttribute("data-injectcss");if(t&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(e){console&&console.log(e)}}!function(e){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(e,0);else{var t=function(){document.removeEventListener("DOMContentLoaded",t,!1),e()};document.addEventListener("DOMContentLoaded",t,!1)}else document.attachEvent&&(c=e,n=a.document,l=!1,o=function(){l||(l=!0,c())},(i=function(){try{n.documentElement.doScroll("left")}catch(e){return void setTimeout(i,50)}o()})(),n.onreadystatechange=function(){"complete"==n.readyState&&(n.onreadystatechange=null,o())});var c,n,l,o,i}(function(){var e,t;(e=document.createElement("div")).innerHTML=c,c=null,(t=e.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",function(e,t){t.firstChild?function(e,t){t.parentNode.insertBefore(e,t)}(e,t.firstChild):t.appendChild(e)}(t,document.body))})}(window);
\ No newline at end of file
+!function(a){var t,c='<svg><symbol id="icon-youjian" viewBox="0 0 1024 1024"><path d="M885.727285 134.724401 137.500119 134.724401c-41.463344 0-75.17412 33.162284-75.17412 74.002434l0 451.134771c0 40.804335 33.710776 73.92978 75.17412 73.92978l748.227166 0c41.60763 0 75.172073-33.125445 75.172073-73.92978l0-451.134771C960.899358 167.885662 927.334915 134.724401 885.727285 134.724401L885.727285 134.724401 885.727285 134.724401zM867.738585 187.703009 569.345568 447.849958c-26.030863 22.833031-45.301765 34.168194-57.732889 34.168194s-31.699979-11.335163-57.769728-34.168194L155.488819 187.703009 867.738585 187.703009 867.738585 187.703009 867.738585 187.703009zM118.231263 643.334187 118.231263 235.765655l233.051847 200.969151L118.231263 643.334187 118.231263 643.334187 118.231263 643.334187zM157.425937 680.774915l233.893005-204.224288 38.317701 33.07121c22.267143 19.140942 49.725518 28.957519 81.975013 28.957519 32.431643 0 59.671031-9.816576 82.048691-28.957519l38.317701-33.07121 233.893005 204.224288L157.425937 680.774915 157.425937 680.774915 157.425937 680.774915zM904.995117 643.334187 671.978063 436.734806l233.017054-200.969151L904.995117 643.334187 904.995117 643.334187 904.995117 643.334187zM904.995117 643.334187"  ></path></symbol><symbol id="icon-fire" viewBox="0 0 1024 1024"><path d="M854.35904 613.09952v44.52864c-0.6656 2.16576-1.46944 4.33152-1.92 6.54336-4.55168 23.53664-7.1168 47.68768-13.9776 70.528-20.36224 67.39968-58.5216 123.57632-112.01024 169.43616-41.25184 35.39968-87.68512 60.9024-140.75904 73.45152-17.44896 4.13696-35.34336 6.57408-53.0432 9.79968h-44.51328c-2.16576-0.6656-4.3776-1.67424-6.59456-1.8176-46.99136-2.93376-91.52512-15.16544-133.2992-36.51072-78.96576-40.22272-135.93088-100.11136-161.9456-186.27072-5.53984-18.41664-7.85408-37.71392-11.69408-56.62208v-42.48064c1.67424-10.4448 3.1232-20.97664 5.0944-31.41632 8.41728-45.58848 28.67712-85.9648 55.51104-123.22816 25.30304-35.072 52.18304-69.04832 76.1856-105.0112 25.94816-39.0144 38.5024-82.31936 31.13984-129.80224-1.44896-9.37984-2.80576-18.75968-4.22912-28.08832 0.95744-0.24576 1.92-0.44032 2.87744-0.7168 57.92256 60.70784 67.3536 135.2192 59.07968 215.74144 2.11456-2.26304 3.8912-3.84 5.24288-5.66272 49.16224-66.48832 70.28224-139.93984 54.25152-222.208-10.1888-52.33664-32.22016-99.3792-68.67456-138.496-15.83104-16.93696-34.97984-30.79168-52.6336-46.08h18.21696c1.50528 0.6144 2.90816 1.67424 4.4288 1.8176 32.0512 2.75968 62.1568 12.65152 90.83904 26.56256 65.59744 31.75424 118.77376 78.69952 163.25632 135.95648 65.3824 84.26496 107.88864 177.73056 116.31104 285.35296 3.2256 41.08288-0.96256 81.01376-11.91424 120.40192-4.13696 14.91456-9.96864 29.3376-15.3088 44.8768 21.21728-9.0368 37.34016-22.84544 49.79712-40.74496 37.1456-53.48864 47.53408-113.13664 39.1168-179.08224 2.73408 3.1744 4.13696 4.4288 5.08928 6.00576 22.3744 35.34848 39.1168 73.0624 47.85664 114.04288 3.47136 16.22016 5.49376 32.8192 8.22272 49.19296m-349.952-78.42816c-0.82944 0.5888-1.7408 1.19808-2.60096 1.792-1.16224 16.24576-2.0224 32.52224-3.59936 48.768-2.31424 24.78592-8.2432 48.6912-19.84 70.91712-14.17728 27.22816-37.88288 44.16-64.1536 57.63072-28.32896 14.6176-46.17216 35.49696-48.4864 68.4544-2.41664 33.8944 7.77728 62.37696 35.10272 83.20512 25.6 19.49696 55.50592 25.85088 87.21408 24.79104 50.60608-1.64864 88.32512-25.7024 103.43424-76.35968 10.85952-36.36224 9.088-72.97024 1.82784-109.568-9.92768-50.176-28.09344-96.94208-59.1872-137.92256-8.7296-11.45344-19.7632-21.17632-29.70624-31.70816"  ></path></symbol><symbol id="icon-shanchu" viewBox="0 0 1024 1024"><path d="M386.990351 752.645802L386.990351 359.958188c0-9.866718-8.003606-17.84953-17.851285-17.84953-9.849726 0-17.850261 7.982812-17.850261 17.84953l0 392.687614c0 9.850345 8.000536 17.851577 17.850261 17.851577C378.986745 770.497379 386.990351 762.496148 386.990351 752.645802zM529.793466 752.645802L529.793466 359.958188c0-9.866718-8.003606-17.84953-17.853331-17.84953-9.846656 0-17.848215 7.982812-17.848215 17.84953l0 392.687614c0 9.850345 8.001559 17.851577 17.848215 17.851577C521.788837 770.497379 529.793466 762.496148 529.793466 752.645802zM815.393554 324.259128c-9.845632 0-17.846168 7.983835-17.846168 17.84953l0 481.935264c0 19.697621-15.987768 35.700083-35.702569 35.700083L262.038521 859.744006c-19.715825 0-35.700523-16.002462-35.700523-35.700083L226.337999 342.109682c0-9.866718-8.001559-17.84953-17.850261-17.84953-8.3014 0-15.271424 5.681396-17.26286 13.373589-0.194436-0.107447-0.396036-0.204661-0.588425-0.316202l0 486.72843c0 39.429011 31.953022 71.39812 71.401046 71.39812l499.806295 0c39.430627 0 71.401046-31.969109 71.401046-71.39812L833.244839 342.109682C833.245862 332.242963 825.244303 324.259128 815.393554 324.259128zM869.04872 199.312418L663.473431 199.312418l-65.856545-65.853847c-3.810948-3.811816-8.844798-5.641487-13.840783-5.52176-0.146339-0.00307-0.287561-0.021489-0.4339-0.021489L440.541135 127.915321c-0.128942 0-0.254814 0.016373-0.382732 0.019443-4.979612-0.105401-9.991971 1.726318-13.789616 5.523807l-65.856545 65.853847L154.93593 199.312418c-9.848702 0-17.849238 7.984858-17.849238 17.850553 0 9.849322 8.000536 17.850553 17.849238 17.850553l214.203137 0c0.225137 0 0.444133-0.025583 0.667223-0.033769 5.0799 0.190335 10.221201-1.633197 14.097644-5.508457l65.856545-65.85487 124.462669 0 65.856545 65.85487c3.875419 3.876284 9.017744 5.698792 14.09662 5.508457 0.224113 0.008186 0.44311 0.033769 0.667223 0.033769l214.202113 0c9.848702 0 17.849238-8.001231 17.849238-17.850553C886.898981 207.297276 878.897422 199.312418 869.04872 199.312418zM672.592487 752.645802L672.592487 359.958188c0-9.866718-7.998489-17.84953-17.848215-17.84953s-17.851285 7.982812-17.851285 17.84953l0 392.687614c0 9.850345 8.001559 17.851577 17.851285 17.851577S672.592487 762.496148 672.592487 752.645802z" fill="" ></path></symbol><symbol id="icon-shipin-tianchong" viewBox="0 0 1024 1024"><path d="M450.133333 213.333333l-145.066666-170.666666H140.8l145.066667 170.666666zM876.8 213.333333l-145.066667-170.666666h-164.266666l145.066666 170.666666zM663.466667 213.333333l-145.066667-170.666666h-164.266667l145.066667 170.666666zM938.666667 42.666667h-157.866667l145.066667 170.666666H1002.666667V106.666667c0-36.266667-27.733333-64-64-64zM91.733333 42.666667H85.333333C49.066667 42.666667 21.333333 70.4 21.333333 106.666667v106.666666h215.466667L91.733333 42.666667zM21.333333 917.333333c0 36.266667 27.733333 64 64 64h853.333334c36.266667 0 64-27.733333 64-64V256H21.333333v661.333333z m341.333334-469.333333c0-36.266667 29.866667-53.333333 64-53.333333 10.666667 0 23.466667 2.133333 34.133333 8.533333L704 544c42.666667 23.466667 42.666667 83.2 0 106.666667l-243.2 140.8c-10.666667 6.4-21.333333 8.533333-34.133333 8.533333-34.133333 0-64-17.066667-64-53.333333V448z" fill="#666767" ></path></symbol><symbol id="icon-fabu" viewBox="0 0 1024 1024"><path d="M862 105.5c10-10 26.8-10 36.8 0l53.7 53.7c10 10 10 26.8 0 36.8L495.7 652.8l-90.5-90.5L862 105.5m-45.3-45.2l-502 502 181 181 502-502c35-35 35-92.3 0-127.3L944 60.3c-35-35.1-92.3-35.1-127.3 0z" fill="" ></path><path d="M497 742c-4 4-9 7-14.8 8.5l-176.5 47.3c-12.8 3.4-26.5-0.3-35.9-9.6-9.4-9.4-13-23.1-9.6-35.9l47.3-176.5c4.7-17.6 22.8-28.1 40.5-23.4 17.6 4.7 28.1 22.8 23.4 40.5l-34.3 128.2 128.2-34.3c17.6-4.7 35.7 5.7 40.5 23.4 3 11.7-0.7 23.7-8.8 31.8zM731.315 164l45.255-45.254L939.203 281.38l-45.255 45.255z" fill="" ></path><path d="M868.6 990H155.4C69.7 990 0 920.3 0 834.6V186C0 102.2 68.2 34 152 34h458.1c17.7 0 32 14.3 32 32s-14.3 32-32 32H152c-48.5 0-88 39.5-88 88v648.6c0 50.4 41 91.4 91.4 91.4h713.2c50.4 0 91.4-41 91.4-91.4V417.1c0-17.7 14.3-32 32-32s32 14.3 32 32v417.5c0 85.7-69.7 155.4-155.4 155.4z" fill="" ></path></symbol><symbol id="icon-tupian" viewBox="0 0 1024 1024"><path d="M158.2 158.5h707.6c20.3 0 36.6 16.3 36.6 36.6v288.7c-36.6-28.5-105.7-73.2-158.6-73.2-77.3 0-146.4 178.9-231.8 178.9-65.1-4.1-154.5-77.3-256.2-65.1-40.7 8.1-97.6 73.2-134.2 122V195.1c0-20.4 16.3-36.6 36.6-36.6zM329 451.3c-32.5 0-61-12.2-81.3-32.5s-32.5-52.9-32.5-81.3c0-28.5 12.2-61 32.5-81.3 20.3-20.3 48.8-32.5 81.3-32.5 28.5 0 56.9 12.2 81.3 32.5 20.3 20.3 32.5 52.9 32.5 81.3 0 28.5-12.2 61-32.5 81.3-24.4 20.3-52.8 32.5-81.3 32.5z m557.1-345.7H137.9c-40.7 0-73.2 32.5-73.2 73.2v666.9c0 40.7 32.5 73.2 73.2 73.2h748.3c40.7 0 73.2-32.5 73.2-73.2V178.8c-0.1-40.7-32.6-73.2-73.3-73.2z m0 0"  ></path></symbol></svg>',e=(t=document.getElementsByTagName("script"))[t.length-1].getAttribute("data-injectcss");if(e&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var e=function(){document.removeEventListener("DOMContentLoaded",e,!1),t()};document.addEventListener("DOMContentLoaded",e,!1)}else document.attachEvent&&(c=t,l=a.document,n=!1,i=function(){n||(n=!0,c())},(o=function(){try{l.documentElement.doScroll("left")}catch(t){return void setTimeout(o,50)}i()})(),l.onreadystatechange=function(){"complete"==l.readyState&&(l.onreadystatechange=null,i())});var c,l,n,i,o}(function(){var t,e;(t=document.createElement("div")).innerHTML=c,c=null,(e=t.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",function(t,e){e.firstChild?function(t,e){e.parentNode.insertBefore(t,e)}(t,e.firstChild):e.appendChild(t)}(e,document.body))})}(window);
\ No newline at end of file

src/assets/iconfont/iconfont.svg

@@ -29,9 +29,15 @@ Created by iconfont
     <glyph glyph-name="shanchu" unicode="&#58898;" d="M386.990351 143.354198L386.990351 536.041812c0 9.866718-8.003606 17.84953-17.851285 17.84953-9.849726 0-17.850261-7.982812-17.850261-17.84953l0-392.687614c0-9.850345 8.000536-17.851577 17.850261-17.851577C378.986745 125.502621 386.990351 133.503852 386.990351 143.354198zM529.793466 143.354198L529.793466 536.041812c0 9.866718-8.003606 17.84953-17.853331 17.84953-9.846656 0-17.848215-7.982812-17.848215-17.84953l0-392.687614c0-9.850345 8.001559-17.851577 17.848215-17.851577C521.788837 125.502621 529.793466 133.503852 529.793466 143.354198zM815.393554 571.740872c-9.845632 0-17.846168-7.983835-17.846168-17.84953l0-481.935264c0-19.697621-15.987768-35.700083-35.702569-35.700083L262.038521 36.255994c-19.715825 0-35.700523 16.002462-35.700523 35.700083L226.337999 553.890318c0 9.866718-8.001559 17.84953-17.850261 17.84953-8.3014 0-15.271424-5.681396-17.26286-13.373589-0.194436 0.107447-0.396036 0.204661-0.588425 0.316202l0-486.72843c0-39.429011 31.953022-71.39812 71.401046-71.39812l499.806295 0c39.430627 0 71.401046 31.969109 71.401046 71.39812L833.244839 553.890318C833.245862 563.757037 825.244303 571.740872 815.393554 571.740872zM869.04872 696.687582L663.473431 696.687582l-65.856545 65.853847c-3.810948 3.811816-8.844798 5.641487-13.840783 5.52176-0.146339 0.00307-0.287561 0.021489-0.4339 0.021489L440.541135 768.084679c-0.128942 0-0.254814-0.016373-0.382732-0.019443-4.979612 0.105401-9.991971-1.726318-13.789616-5.523807l-65.856545-65.853847L154.93593 696.687582c-9.848702 0-17.849238-7.984858-17.849238-17.850553 0-9.849322 8.000536-17.850553 17.849238-17.850553l214.203137 0c0.225137 0 0.444133 0.025583 0.667223 0.033769 5.0799-0.190335 10.221201 1.633197 14.097644 5.508457l65.856545 65.85487 124.462669 0 65.856545-65.85487c3.875419-3.876284 9.017744-5.698792 14.09662-5.508457 0.224113-0.008186 0.44311-0.033769 0.667223-0.033769l214.202113 0c9.848702 0 17.849238 8.001231 17.849238 17.850553C886.898981 688.702724 878.897422 696.687582 869.04872 696.687582zM672.592487 143.354198L672.592487 536.041812c0 9.866718-7.998489 17.84953-17.848215 17.84953s-17.851285-7.982812-17.851285-17.84953l0-392.687614c0-9.850345 8.001559-17.851577 17.851285-17.851577S672.592487 133.503852 672.592487 143.354198z"  horiz-adv-x="1024" />
 
     
+    <glyph glyph-name="shipin-tianchong" unicode="&#58951;" d="M450.133333 682.666667l-145.066666 170.666666H140.8l145.066667-170.666666zM876.8 682.666667l-145.066667 170.666666h-164.266666l145.066666-170.666666zM663.466667 682.666667l-145.066667 170.666666h-164.266667l145.066667-170.666666zM938.666667 853.333333h-157.866667l145.066667-170.666666H1002.666667V789.333333c0 36.266667-27.733333 64-64 64zM91.733333 853.333333H85.333333C49.066667 853.333333 21.333333 825.6 21.333333 789.333333v-106.666666h215.466667L91.733333 853.333333zM21.333333-21.33333300000004c0-36.266667 27.733333-64 64-64h853.333334c36.266667 0 64 27.733333 64 64V640H21.333333v-661.333333z m341.333334 469.333333c0 36.266667 29.866667 53.333333 64 53.333333 10.666667 0 23.466667-2.133333 34.133333-8.533333L704 352c42.666667-23.466667 42.666667-83.2 0-106.666667l-243.2-140.8c-10.666667-6.4-21.333333-8.533333-34.133333-8.533333-34.133333 0-64 17.066667-64 53.333333V448z"  horiz-adv-x="1024" />
+
+    
     <glyph glyph-name="fabu" unicode="&#59051;" d="M862 790.5c10 10 26.8 10 36.8 0l53.7-53.7c10-10 10-26.8 0-36.8L495.7 243.2l-90.5 90.5L862 790.5m-45.3 45.2l-502-502 181-181 502 502c35 35 35 92.3 0 127.3L944 835.7c-35 35.1-92.3 35.1-127.3 0zM497 154c-4-4-9-7-14.8-8.5l-176.5-47.3c-12.8-3.4-26.5 0.3-35.9 9.6-9.4 9.4-13 23.1-9.6 35.9l47.3 176.5c4.7 17.6 22.8 28.1 40.5 23.4 17.6-4.7 28.1-22.8 23.4-40.5l-34.3-128.2 128.2 34.3c17.6 4.7 35.7-5.7 40.5-23.4 3-11.7-0.7-23.7-8.8-31.8zM731.315 732l45.255 45.254L939.203 614.62l-45.255-45.255zM868.6-94H155.4C69.7-94 0-24.3 0 61.4V710C0 793.8 68.2 862 152 862h458.1c17.7 0 32-14.3 32-32s-14.3-32-32-32H152c-48.5 0-88-39.5-88-88v-648.6c0-50.4 41-91.4 91.4-91.4h713.2c50.4 0 91.4 41 91.4 91.4V478.9c0 17.7 14.3 32 32 32s32-14.3 32-32v-417.5c0-85.7-69.7-155.4-155.4-155.4z"  horiz-adv-x="1024" />
 
     
+    <glyph glyph-name="tupian" unicode="&#58996;" d="M158.2 737.5h707.6c20.3 0 36.6-16.3 36.6-36.6v-288.7c-36.6 28.5-105.7 73.2-158.6 73.2-77.3 0-146.4-178.9-231.8-178.9-65.1 4.1-154.5 77.3-256.2 65.1-40.7-8.1-97.6-73.2-134.2-122V700.9c0 20.4 16.3 36.6 36.6 36.6zM329 444.7c-32.5 0-61 12.2-81.3 32.5s-32.5 52.9-32.5 81.3c0 28.5 12.2 61 32.5 81.3 20.3 20.3 48.8 32.5 81.3 32.5 28.5 0 56.9-12.2 81.3-32.5 20.3-20.3 32.5-52.9 32.5-81.3 0-28.5-12.2-61-32.5-81.3-24.4-20.3-52.8-32.5-81.3-32.5z m557.1 345.7H137.9c-40.7 0-73.2-32.5-73.2-73.2v-666.9c0-40.7 32.5-73.2 73.2-73.2h748.3c40.7 0 73.2 32.5 73.2 73.2V717.2c-0.1 40.7-32.6 73.2-73.3 73.2z m0 0"  horiz-adv-x="1024" />
+
+    
 
 
   </font>

src/pages/tabs/discover/discover.html

@@ -67,7 +67,9 @@
                 <ion-row class="news-item">
                   <ng-container *ngIf="item.imgUrl">
                     <ion-col col-8 class="news-left">
-                      <p class="news-title">{{item.title}}</p>
+                      <p class="news-title">{{item.title}}
+                        <ion-icon *ngIf="new.topTime" class="icon-fire iconfont"></ion-icon>
+                      </p>
                       <p class="news-end">
                         <ion-icon style="font-size: 2.5rem;vertical-align: sub" name="eye"></ion-icon>
                         <span>{{item.browseCount}}</span>
@@ -85,7 +87,9 @@
                   </ng-container>
                   <ng-container *ngIf="!item.imgUrl">
                     <ion-col col-12 class="news-left">
-                      <p class="news-title">{{item.title}}</p>
+                      <p class="news-title">{{item.title}}
+                        <ion-icon *ngIf="new.topTime" class="icon-fire iconfont"></ion-icon>
+                      </p>
                       <p class="news-end">
                         <ion-icon style="font-size: 2.5rem;vertical-align: sub" name="eye"></ion-icon>
                         <span>{{item.browseCount}}</span>
@@ -119,7 +123,11 @@
 
 <div class="publishMisk" *ngIf="isPublish" (click)="close()">
   <div class="content" (click)="stop($event)">
-      <div class="image" (click)="goToPublish('image')">发图文</div>
-      <div class="video" (click)="goToPublish('video')">发视频</div>
+      <div class="image" (click)="goToPublish('image')">
+        <ion-icon class="icon iconfont icon-shipin-tianchong"></ion-icon>
+        <span>发图文</span></div>
+      <div class="video" (click)="goToPublish('video')">
+        <ion-icon class="icon-tupian iconfont"></ion-icon>
+        <span>发视频</span></div>
   </div>
 </div>

src/pages/tabs/discover/discover.scss

@@ -201,7 +201,27 @@ page-discover {
       padding: 8px;
       div{
         margin-top: 5px;
+        ion-icon{
+          margin-right: 5px;
+          color: #666666;
+          vertical-align: inherit;
+        }
+      }
+      .image{
+        border-bottom: 1px solid #eeeeee;
+        padding-bottom: 5px;
       }
     }
+    .content::before{
+      content: '';
+      position: absolute;
+      top: -10px;
+      left: 20px;
+      width: 0;
+      height: 0;
+      border-right: 10px solid transparent;
+      border-left: 10px solid transparent;
+      border-bottom: 15px solid #ffffff;
+    }
   }
 }