排查icon引入不生效

This commit is contained in:
Apple 2022-08-31 14:09:17 +08:00
parent fe10abce01
commit 75fb80965f
4 changed files with 19 additions and 13 deletions

View File

@ -14,7 +14,6 @@
--> -->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <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="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. Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build. It will be replaced with the URL of the `public` folder during the build.

View File

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

View File

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

View File

@ -8,13 +8,16 @@
right: -190px; right: -190px;
padding: 15px; padding: 15px;
box-sizing: border-box; box-sizing: border-box;
h4 { h4 {
padding: 15px 0; padding: 15px 0;
} }
ul { ul {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
li { li {
margin: 0 0 15px 0; margin: 0 0 15px 0;
border-radius: 2px; border-radius: 2px;
@ -29,13 +32,16 @@
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
transition: all .3s; transition: all .3s;
&:hover { &:hover {
background: #007aff; background: #007aff;
color: #fff; color: #fff;
} }
} }
} }
span,i{
span,
i {
color: #f00; color: #f00;
} }
} }