排查icon引入不生效

public/index.html

@@ -14,7 +14,6 @@
     -->
   <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
   <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/commonproductlogo/goods_new_v3.js?v3"></script>
-  <!-- <script src="./goods_new_v4.js"></script> -->
   <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.

src/icons/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "marketing"; /* Project id 2908384 */
-  src: url('iconfont.woff2?t=1661913208504') format('woff2'),
-       url('iconfont.woff?t=1661913208504') format('woff'),
-       url('iconfont.ttf?t=1661913208504') format('truetype');
+  src: url('./iconfont.woff2?t=1661913208504') format('woff2'),
+       url('./iconfont.woff?t=1661913208504') format('woff'),
+       url('./iconfont.ttf?t=1661913208504') format('truetype');
 }
 
 .marketing {

src/pages/exchangepage/couponTemplate/goodsPage/componentLib/main.js

@@ -20,7 +20,8 @@ export default class componentLib extends React.Component {
     return (
       <div className='componentLib'>
           <h4>基础组件</h4>
-          <span className='marketing marketing-tupian'></span>
+          <div className="marketing marketing-tupian">&#x33;</div>
+
          <ul>
              <li>
                <i className='marketing marketing-tupian'/>

src/pages/exchangepage/couponTemplate/goodsPage/componentLib/main.less

@@ -1,21 +1,24 @@
 
-.componentLib{
-    width:180px;
+.componentLib {
+    width: 180px;
     height: 100%;
     background: #fff;
     position: absolute;
     top: 0;
-    right:-190px;
+    right: -190px;
     padding: 15px;
     box-sizing: border-box;
-    h4{
+
+    h4 {
         padding: 15px 0;
     }
-    ul{
+
+    ul {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
-        li{
+
+        li {
             margin: 0 0 15px 0;
             border-radius: 2px;
             width: 72px;
@@ -29,13 +32,16 @@
             justify-content: center;
             cursor: pointer;
             transition: all .3s;
-            &:hover{
+
+            &:hover {
                 background: #007aff;
                 color: #fff;
             }
         }
     }
-    span,i{
+
+    span,
+    i {
         color: #f00;
     }
 }