置顶

src/assets/iconfont/demo_index.html

@@ -37,6 +37,12 @@
               </li>
           
             <li class="dib">
+              <span class="icon iconfont">&#xe607;</span>
+                <div class="name">fire</div>
+                <div class="code-name">&amp;#xe607;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xe612;</span>
                 <div class="name">删除</div>
                 <div class="code-name">&amp;#xe612;</div>
@@ -108,6 +114,15 @@
           </li>
           
           <li class="dib">
+            <span class="icon iconfont icon-fire"></span>
+            <div class="name">
+              fire
+            </div>
+            <div class="code-name">.icon-fire
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont icon-shanchu"></span>
             <div class="name">
               删除
@@ -164,6 +179,14 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fire"></use>
+                </svg>
+                <div class="name">fire</div>
+                <div class="code-name">#icon-fire</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-shanchu"></use>
                 </svg>
                 <div class="name">删除</div>

src/assets/iconfont/iconfont.css

 @font-face {font-family: "iconfont";
-  src: url('iconfont.eot?t=1556088193106'); /* IE9 */
-  src: url('iconfont.eot?t=1556088193106#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAARoAAsAAAAACOgAAAQZAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqFKIQtATYCJAMQCwoABCAFhG0HQhuZB8gOJQnBwABggA5EPHzt93ru7r6XDaFKvgqQQsvjoyKByr5T920JlKzvVHj0gEb8+Wdz/Y2p2I1XYXSDkQtgc/kYM7LRi+j4n2Omi8SB5bfZXLKSRnsDHLcOKCLuvP3A7kCO8AT8hrHLi7xNYEDHLKyjyPh0ACv0RYF4ICK5AE5olQpSqIq2YGcRr4Camh6zzwBeej8f/8FGwCRNpq88vhUhAMG/jJ6thmr/d+U6CMAbzgy2j4x1QCHuFFovQUF0HWRAHs+xA6iqxFADDs9W/+8h/lak1fiXRxIy0dKlQwi7Fcv8MrIYJH45MAh+rdbKEF3mV4wBPgERADv7d7YazYQ6VHMMDXVsdLQGJjmTKvSW7LFgM3sn6y/fbw2N7ZvCchbsaQ8kMiE0PSNgZ4dfEBqEZbD5UN1w+yBgd4c6RjIiCemnv1thojO8yixvjNagCYvd3aut+7QnVvyyDC1sWEvriUm61uBg7ZC29lPzDG3UKxqpG86Fhgd4dsVIh2nKUK2JACMFKLm6bkbqqnbhoEn6klXWGSPLlzIBy/2kpaZMQRDqn6t37Rqmtvh6lG7HytoVWjrvL9hw5l700N9+2R6qW92xErA/XfHi/XzzYYX+Yb2VH/BoRu+w/ugHU6sQdzLXXjHp2MiLEwc/vzxdqM21TkYm/MXZ5PoRUN/dBjP6K+E2jZX6TLc6TzRg2M4Km80aYxqP9NwefHngpvdIHAsf8Gc9t2u1+9Ip1RVGzK48FxySDvfC6e7IcwpGn4Gvw2hIcKUpRgN2Un16Wh9S/Z5Yzmrg8d282LQYJU3JEyeys8e/6qotW6yvMRY9ju6Mzj6M1q13Cr8b7rR+tmTZtQCHmhqHSxJ/1zvudxYuPGsxfCqEhWGskDZ7FP14Ss/QxlDvVLAhp03NLflUspvaokzNIlYIhgEFdFf+yP4F+SHEorewgHz2a/yOJzcHnxTo+3+t2gV8ezalzuM3k4H3y2vM+xF4DRuKItB1pUhCi6v6ilNvOpwwYDjpQeeEe0PIpxvnE6rpCJI+c5BV88iCXYfGoC1oVbswYE3U/kGTKJAo/VjVBCCMWQ/JiA+QjTmLLNi70JjxFlpjAcGAkzA+cdBiiLTCKJxL4wKEV4aI+HIZYRpoLb8wFSdVEi4VF3hkDKeUogDi4uicTkThMpwaYo2ymHSlaQIhKLkUiQT34RKJHFFQ8iKcTzsKaVrh6+REFL2QI18uBVoOUXBcNJwAgqcMQoRPToZwWtO0Mt+fCkdSkeCiKurKzBgcRUk0PMKFI+cGyCiprFHdpYxXKkZyRaMReB6BIieFiIRmnMSIyiEUxdOK4PhojoQdwgq+nFAzoqnUcXq59A63wQD9tBIpcpRo9D2Sq4pEXJmGUmhP4AtVHILLUwEAAAAA') format('woff2'),
-  url('iconfont.woff?t=1556088193106') format('woff'),
-  url('iconfont.ttf?t=1556088193106') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
-  url('iconfont.svg?t=1556088193106#iconfont') format('svg'); /* iOS 4.1- */
+  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- */
 }
 
 .iconfont {
@@ -19,6 +19,10 @@
   content: "\e621";
 }
 
+.icon-fire:before {
+  content: "\e607";
+}
+
 .icon-shanchu:before {
   content: "\e612";
 }

src/assets/iconfont/iconfont.svg

@@ -23,6 +23,9 @@ Created by iconfont
     <glyph glyph-name="youjian" unicode="&#58913;" d="M885.727285 761.275599L137.500119 761.275599c-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 728.114338 927.334915 761.275599 885.727285 761.275599L885.727285 761.275599 885.727285 761.275599zM867.738585 708.2969909999999L569.345568 448.150042c-26.030863-22.833031-45.301765-34.168194-57.732889-34.168194s-31.699979 11.335163-57.769728 34.168194L155.488819 708.2969909999999 867.738585 708.2969909999999 867.738585 708.2969909999999 867.738585 708.2969909999999zM118.231263 252.66581299999996L118.231263 660.234345l233.051847-200.969151L118.231263 252.66581299999996 118.231263 252.66581299999996 118.231263 252.66581299999996zM157.425937 215.22508500000004l233.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 215.22508500000004 157.425937 215.22508500000004 157.425937 215.22508500000004zM904.995117 252.66581299999996L671.978063 459.265194l233.017054 200.969151L904.995117 252.66581299999996 904.995117 252.66581299999996 904.995117 252.66581299999996zM904.995117 252.66581299999996"  horiz-adv-x="1024" />
 
     
+    <glyph glyph-name="fire" unicode="&#58887;" d="M854.35904 282.90048v-44.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.62208v42.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"  horiz-adv-x="1024" />
+
+    
     <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" />
 
     

src/pages/tabs/home/home.html

@@ -66,7 +66,6 @@
             <span #tips1 class="tips"></span>
         </div>
     </div>
-
     <ion-slides initialSlide="4" (ionSlideDidChange)="slideChange($event)" loop="true">
         <ion-slide *ngFor="let item of slideList">
             <div class="main-news">
@@ -74,7 +73,10 @@
                     <ng-container *ngIf="new.imgUrl">
                         <ion-row class="news-item" (click)="goToDetail(new)">
                             <ion-col col-8 class="news-left">
-                                <p class="news-title">{{new.title}}</p>
+                                <p class="news-title">
+                                    {{new.title}}
+                                    <ion-icon *ngIf="new.topTime" class="icon-fire iconfont"></ion-icon>
+                                </p>
                                 <p class="news-end">
                                     <span>{{new.source}}</span>
                                     <span>{{new.publishTime | date:'yyyy-MM-dd'}}</span>

src/pages/tabs/home/home.scss

@@ -134,6 +134,14 @@ page-home {
           color: #333333;
           font-size: 1.6rem;
           font-family: SourceHanSans-Bold;
+          position: relative;
+          .icon-fire{
+            position: absolute;
+            top: 1px;
+            left: -12px;
+            font-size: 1.4rem;
+            color: #e42417;
+          }
         }
 
         .news-end {