commit

src/pages/marketingTools/index.jsx

@@ -2,32 +2,66 @@ import React, { useState, useEffect } from 'react';
 import { Row, Col } from 'antd';
 import router from 'umi/router';
 import Styles from './style.less';
+import bargain from '../../assets/market/bargain.png'
+import card from '../../assets/market/card.png'
+import collage from '../../assets/market/collage.png'
+import draw from '../../assets/market/draw.png'
+import guess from '../../assets/market/guess.png'
+import lottery from '../../assets/market/lottery.png'
+import seckill from '../../assets/market/seckill.png'
+import shake from '../../assets/market/shake.png'
+import test from '../../assets/market/test.png'
 
 
 const Market = props => {
 
     const list = [
         {
-            img: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591876471373&di=ceb7710067a87ee0fb182c4e7e753c04&imgtype=0&src=http%3A%2F%2Fa3.att.hudong.com%2F14%2F75%2F01300000164186121366756803686.jpg',
+            img: draw,
             title: '幸运大抽奖',
             desc: '常见的转盘式抽奖方法',
             url: '/marketingTools/lottery/index'
         },
         {
-            img: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591876471373&di=ceb7710067a87ee0fb182c4e7e753c04&imgtype=0&src=http%3A%2F%2Fa3.att.hudong.com%2F14%2F75%2F01300000164186121366756803686.jpg',
+            img: seckill,
             title: '秒杀',
             desc: '快速抢购引导顾客更多消费'
         },
         {
-            img: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591876471373&di=ceb7710067a87ee0fb182c4e7e753c04&imgtype=0&src=http%3A%2F%2Fa3.att.hudong.com%2F14%2F75%2F01300000164186121366756803686.jpg',
+            img: card,
             title: '刮刮卡',
             desc: '通过刮开卡片的方式进行抽奖的玩法'
         },
         {
-            img: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1591876471373&di=ceb7710067a87ee0fb182c4e7e753c04&imgtype=0&src=http%3A%2F%2Fa3.att.hudong.com%2F14%2F75%2F01300000164186121366756803686.jpg',
+            img: test,
             title: '趣味测试',
             desc: '趣味小测试，互动吸粉'
         },
+        {
+            img: shake,
+            title: '摇一摇',
+            desc: '让客户摇一摇进行抽奖'
+        },
+        {
+            img: lottery,
+            title: '0元抽奖',
+            desc: '拼团成功即可获得抽奖机会'
+        },
+        {
+            img: guess,
+            title: '疯狂猜猜猜',
+            desc: '回答问题，按答题情况给奖励'
+        },
+        {
+            img: collage,
+            title: '多人拼团',
+            desc: '引导用户邀请好友参加'
+        },
+        {
+            img: bargain,
+            title: '砍价0元购',
+            desc: '邀请好友砍价后购买'
+        },
     ]
 
     const handleItem = (url) => {

src/pages/marketingTools/lottery/style.less

@@ -23,8 +23,7 @@
 }
 .content{
     display: flex;
-    // align-items: center;
-    margin-top: 30px;
+    padding: 60px 10%;
   
 }
 .title{
@@ -35,5 +34,5 @@
     margin-bottom: 20px;
 }
 .img{
-    margin-right: 50px;
+    margin-right: 80px;
 }

src/pages/marketingTools/style.less

@@ -1,21 +1,19 @@
 
 .itemBox{
-    flex: 0 0 30%;
     height: 132px;
     box-sizing: border-box;
     border-radius: 8px;
     border:1px solid #eee;
-    padding: 16px;
-    margin: 20px 20px 20px 30px;
+    margin: 15px;
     display: flex;
     align-items: center;
-    min-width: 360px;
+    min-width: 460px;
     box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 16px 2px;
-
+    background-color: #fff;
 
     .img{
-        height: 100px;
-        width: 100px;
+        height: 100%;
         margin-right: 16px;
+        border-radius: 8px 0 0 8px;
     }
 }