HandOver-liuwu
/
frontend
mirror of https://codeup.aliyun.com/lsxd/marketing/frontend.git
4
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

排查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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/index.html
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.

6
src/icons/iconfont.css
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 {

3
src/pages/exchangepage/couponTemplate/goodsPage/componentLib/main.js
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'/>

22
src/pages/exchangepage/couponTemplate/goodsPage/componentLib/main.less
View File

@ -1,21 +1,24 @@
.componentLib{ .componentLib {
width:180px; width: 180px;
height: 100%; height: 100%;
background: #fff; background: #fff;
position: absolute; position: absolute;
top: 0; top: 0;
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;
width: 72px; width: 72px;
@ -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;
} }
} }