发布文章的样式更新

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.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;
+    }
   }
 }