import * as React from 'react'
import { MShop} from '../../index'
import MSearch from "../../components/search/normalSearch/normalSearch";
// import MLIve from "../../components/live/liveHouse/liveHouse"

class App extends React.Component<any, any> {
    constructor(props: any) {
        super(props);
        this.state = {
            data: [
                {
                    cptCode: 8300, //组件代码
                    cptType: 8301, //
                },
                {
                    cptCode: 1000, //组件代码
                    cptType: 1001, //轮播
                    content: [
                        {
                            title: '海报标题',
                            picurl: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg',
                            link: 'javascript:',
                            id:''
                        },
                        {
                            title: '海报标题asd',
                            picurl: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=4236895528,1208764985&fm=26&gp=0.jpg',
                            link: 'javascript:',
                            id:''
                        },
                        {
                            title: '海报标题',
                            picurl: 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg',
                            link: 'javascript:',
                            id:''
                        },
                    ]  //轮播图片数组
                },
                {
                    cptCode: 9500, //组件代码
                    cptType: 9502, //普通商品
                    addStyle: 1,//添加方式，1：手动添加2：自动获取
                    style: 1,      //样式 1：大图，2：1行2个，3：1行3个，4：详细列表，5：一大两小，6：横向滑动
                    displayScale: 1,     //显示比例：1：1:1
                    fillType: 2,   //填充方式，1：留白，2：填充
                    showTitle: 1,    //显示标题  1：显示 0：不显示
                    showDesc: 1,     //显示描述  1：显示 0：不显示
                    showPrice: 1,     //显示价格  1：显示 0：不显示
                    markPrice: 1,      //显示价格 1：显示 0：不显示
                    limitTime: 1,    //倒计时
                    partNum: 10000,       //已参与人数
                    sort: 1,          //排序1：销量越高越靠前2：浏览次数越多越靠前3：结束时间越早越靠前
                    lookBtn: 1,       //查看更多按钮   1：显示  0不显示
                    goodsNum: 30,     //活动个数
                    showPurBtn: 1,    //显示购买按钮 1：显示 0：不显示
                    purBtnStyle: 3,   //购买文本样式 1:购物车，2：+号，3：样式3，4：样式4
                    purBtnText: '兑换',   //购买按钮文本
                    showLtTag: 1,      //显示角标 1：显示 0：不显示
                    ltTagText: 'NEW',     //角标文本
                    idList: [1, 2, 3],//商品id数组
                    showPartNum: 1,
                    content: [            //商品列表
                        {
                            gid: '',       //商品id
                            coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',   //商品图片链接
                            name: '海报标题111',      //商品名称
                            descption: '商品描述',      //商品描述
                            goodsLink: '',  //商品链接
                            price: '12',     //商品价格
                            remainTime: 53,
                            partNum: 100000,
                            groupBuyNum: 1,
                            pointsPrice: 1000,
                            moneyPrice: 100,
                            originalPrice: 2000,
                            startTime: 1599645000000

                        }, {
                            gid: '',       //商品id
                            coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',   //商品图片链接
                            name: '海报标题111',      //商品名称
                            descption: '商品描述',      //商品描述
                            goodsLink: '',  //商品链接
                            price: '12',     //商品价格
                            remainTime: 53,
                            partNum: 100000,
                            groupBuyNum: 1,
                            pointsPrice: 1000,
                            moneyPrice: 100,
                            originalPrice: 2000,
                            startTime: 1599645000000

                        }, {
                            gid: '',       //商品id
                            coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',   //商品图片链接
                            name: '海报标题111',      //商品名称
                            descption: '商品描述',      //商品描述
                            goodsLink: '',  //商品链接
                            price: '12',     //商品价格
                            remainTime: 53,
                            partNum: 100000,
                            groupBuyNum: 1,
                            pointsPrice: 1000,
                            moneyPrice: 100,
                            originalPrice: 2000,
                            startTime: 1599645000000

                        },
                    ]
                },
                {
                    cptCode: 4000, //组件代码
                    cptType: 4001, //文字导航
                    imgList: [
                        {
                            picurl: "",
                            title: '这里显示商品标题',
                            link: '',
                            linkType: 0,
                        }, {
                            picurl: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg",
                            title: '这里显示商品标题',
                            link: '',
                            linkType: 0,
                        }, {
                            picurl: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg",
                            title: '这里显示商品标题',
                            link: '',
                            linkType: 0,
                        }, {
                            picurl: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg",
                            title: '这里显示商品标题',
                            link: '',
                            linkType: 0,
                        }, {
                            title: '与与与与',
                            link: '',
                            linkType: 0,
                        }
                    ],
                    flex: 1,
                    bgColor: "#fff",
                    textColor: "#768768",
                },
                {
                    cptCode: 6000, //组件代码
                    cptType: 6002, //魔方
                    space: 5,      //图片间隙,Number
                    pageSpace: 5,  //页面间隙,Number
                    imgList: [
                        {
                            picurl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',     //图片地址
                            link: '',        //链接
                            linkType: ''    //链接类型，1：商品，2：自定义
                        }, {
                            picurl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',     //图片地址
                            link: '',        //链接
                            linkType: ''    //链接类型，1：商品，2：自定义
                        }, {
                            picurl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',     //图片地址
                            link: '',        //链接
                            linkType: ''    //链接类型，1：商品，2：自定义
                        }, {
                            picurl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',     //图片地址
                            link: '',        //链接
                            linkType: ''    //链接类型，1：商品，2：自定义
                        }, {
                            picurl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',     //图片地址
                            link: '',        //链接
                            linkType: ''    //链接类型，1：商品，2：自定义
                        }, {
                            picurl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',     //图片地址
                            link: '',        //链接
                            linkType: ''    //链接类型，1：商品，2：自定义
                        }
                    ]
                },
                {
                    cptCode: 8200,
                    cptType: 8201,
                    className: "",
                    flag: "",
                    content: [
                        {name: "全部", id: 9, key: 0, type: 1},
                        {name: "待支付qwe234", id: -1, key: 1, type: 2},
                        {
                            name: <div className={''}>
                                <p className={'mxd-display-inline-block mr5'}>价格</p>
                                <div className={'mxd-display-inline-block'}>
                                    <i></i>
                                </div>

                            </div>, id: 1, key: 2, type: 3
                        },
                        {name: "待收货", id: 2, key: 3, type: 4},
                        {name: "已完成", id: 3, key: 4, type: 5},
                    ]
                },
                {
                    cptCode: 2000, //组件代码
                    cptType: 2001,
                    content: [
                        {
                            name: '海报标题',
                            descption: '商品描述',
                            price: '12',
                            coverImgUrl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',
                        },
                        {
                            name: '海报标题',
                            descption: '商品描述',
                            price: '12',
                            coverImgUrl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',
                        }, {
                            name: '海报标题',
                            descption: '商品描述',
                            price: '12',
                            coverImgUrl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',
                        },
                        {
                            name: '海报标题',
                            descption: '商品描述',
                            price: '12',
                            coverImgUrl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',
                        }, {
                            name: '海报标题',
                            descption: '商品描述',
                            price: '12',
                            coverImgUrl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',
                        },
                        {
                            name: '海报标题',
                            descption: '商品描述',
                            price: '12',
                            coverImgUrl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',
                        }
                    ],
                    displayScale: 1,     //显示比例：
                    showTitle: true,
                    showDesc: true,
                    showPrice: 1,
                    showPurBtn: true,
                    showLtTag: true,
                    ltTagText: 1,
                    style: 2,
                    fillType: 2,   //填充方式，1：留白，2：填充
                    purBtnStyle: 1,   //购买文本样式 1:购物车，2：+号，3：样式3，4：样式4
                },
                {
                    cptCode: 9200, //组件代码
                    cptType: 9204, //普通商品
                    addStyle: 1,//添加方式，1：手动添加2：自动获取
                    style: 1,      //样式 1：大图，2：1行2个，3：1行3个，4：详细列表，5：一大两小，6：横向滑动
                    displayScale: 1,     //显示比例：1：1:1
                    fillType: 2,   //填充方式，1：留白，2：填充
                    showTitle: 1,    //显示标题  1：显示 0：不显示
                    showDesc: 1,     //显示描述  1：显示 0：不显示
                    showPrice: 1,     //显示价格  1：显示 0：不显示
                    marPrice: 1,      //显示价格 1：显示 0：不显示
                    limitTime: 1,    //倒计时
                    partNum: 10000,       //已参与人数
                    sort: 1,          //排序1：销量越高越靠前2：浏览次数越多越靠前3：结束时间越早越靠前
                    lookBtn: 1,       //查看更多按钮   1：显示  0不显示
                    goodsNum: 30,     //活动个数
                    showPurBtn: 1,    //显示购买按钮 1：显示 0：不显示
                    purBtnStyle: 3,   //购买文本样式 1:购物车，2：+号，3：样式3，4：样式4
                    purBtnText: '',   //购买按钮文本
                    showLtTag: 1,      //显示角标 1：显示 0：不显示
                    ltTagText: 'NEW',     //角标文本
                    idList: [],//商品id数组
                    showPartNum: 1,
                    content: [            //商品列表
                        {
                            gid: '',       //商品id
                            coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',   //商品图片链接
                            name: '海报标题111',      //商品名称
                            descption: '商品描述',      //商品描述
                            goodsLink: '',  //商品链接
                            price: '12',     //商品价格
                            remainTime: 53,
                            partNum: 100000,
                            groupBuyNum: 1

                        }, {
                            name: '海报标题',
                            descption: '商品描述',
                            price: '12',
                            coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',
                            limitedDate: 1582172000000,
                            groupBuyNum: 2
                        }
                    ]
                },
                {
                    cptCode: 9100, //组件代码
                    cptType: 9106, //普通商品
                    addStyle: 1,//添加方式，1：手动添加2：自动获取
                    style: 1,      //样式 1：大图，2：1行2个，3：1行3个，4：详细列表，5：一大两小，6：横向滑动
                    displayScale: 1,     //显示比例：1：1:1
                    fillType: 2,   //填充方式，1：留白，2：填充
                    showTitle: 1,    //显示标题  1：显示 0：不显示
                    showDesc: 1,     //显示描述  1：显示 0：不显示
                    showPrice: 1,     //显示价格  1：显示 0：不显示
                    marPrice: 1,      //显示价格 1：显示 0：不显示
                    limitTime: 1,    //倒计时
                    partNum: 1,       //已参与人数
                    sort: 1,          //排序1：销量越高越靠前2：浏览次数越多越靠前3：结束时间越早越靠前
                    lookBtn: 1,       //查看更多按钮   1：显示  0不显示
                    goodsNum: 30,     //活动个数
                    showPurBtn: 1,    //显示购买按钮 1：显示 0：不显示
                    purBtnStyle: 3,   //购买文本样式 1:购物车，2：+号，3：样式3，4：样式4
                    purBtnText: '',   //购买按钮文本
                    showLtTag: 1,      //显示角标 1：显示 0：不显示
                    ltTagText: 'NEW',     //角标文本
                    idList: [],//商品id数组
                    showPartNum: 1,
                    content: [            //商品列表
                        {
                            gid: '',       //商品id
                            coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',   //商品图片链接
                            name: '海报标题',      //商品名称
                            desc: 'asdsa',      //商品描述
                            goodsLink: '',  //商品链接
                            price: '12',     //商品价格
                            limitedDate: 1582172400000,

                        }, {
                            name: '海报标题',
                            desc: 'asdsa',
                            price: '12',
                            coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',
                            limitedDate: 1582172000000,
                        }
                    ]
                },
                {
                    cptCode: 9000, //组件代码
                    cptType: 9004, //辅助空白
                    bgColor: "#000",//背景颜色，16进制
                    type: 1,//1是手动添加，2是自动获取
                    moreSet: 1,//1是隐藏已抢完券，0是未隐藏
                    numType: 0,//0：全部，1：自己写值
                    num: 10,//1-10
                    noShare: 0,//0:不能分享，1：可以分享
                    list: [
                        {
                            couponId: 1,//优惠券ID
                            name: "ueqhf",//优惠券名称
                            faceValue: 100,//面值
                            thresholdType: 0,//0:无门槛，1：有门槛
                            threshold: 100,//门槛值
                            type: 1,//1：满减券，2: 折扣券
                            status: 1,//1:已领取，0未领取
                        }
                    ]
                },
                {
                    cptCode: 8000, //组件代码
                    cptType: 8002, //微信样式语音
                    link: "https://www.94mxd.com/mxd/mfs/MjAxOTExMTQxNTMyMDQ1MDBqSWxQT2FtcUls",//音频链接
                    type: 2,//1:从头开始，2：从暂停位置开始
                    title: "9999",//标题
                    isLoop: 1,//循环模式，1是开启，0是关闭

                },
                {
                    cptCode: 8100, //组件代码
                    cptType: 8102, //辅助块
                    bgColor: "#457305",//背景颜色，16进制
                    height: 20,//边距，1是无边距，2是左右留边

                },
                {
                    cptCode: 8000, //组件代码
                    cptType: 8001, //微信样式语音
                    link: "https://www.94mxd.com/mxd/mfs/MjAxOTExMTMxNDQ1MTk2MDBlQlZLVHRLeEFo",//音频链接
                    type: 2,//1:从头开始，2：从暂停位置开始
                    picUrl: "https://www.94mxd.com/mxd/mfs/MjAxOTExMTMxNDQ2MDk2MzB4ZHpHMjNaVlk2",//头像链接
                    picPos: 2,//头像气泡样式，1：居左，2：居右

                },
                {
                    cptCode: 8100, //组件代码
                    cptType: 8101, //辅助线
                    bgColor: "#457305",//背景颜色，16进制
                    spaceStyle: 1,//边距，1是无边距，2是左右留边
                    style: 3,//虚实线，1是实线，2是虚线，3是点线

                },
                {
                    cptCode: 5020, //组件代码
                    cptType: 5021, //公告
                    text: "UI首付副科级和不看华东师范和过会和人请我我哦豁佛死亡花我我爱女",//文本
                    bgColor: "#746373",//背景颜色，16进制
                    textColor: "#fff",//文本颜色，16进制
                },
                // {
                //     cptCode: 5010, //组件代码
                //     cptType: 5012, //微信标题
                //     content:{
                //         title:'标题测试标题测试标题测试标题测试标题测试标题测试标题测试标题测试',//标题
                //         author:'阿房女阿房女阿房女阿房女',//副标题
                //         date:1573542607000,
                //         bgColor:'#fff',//背景颜色，16进制
                //         pos:3,//位置，1：居左，2：居中，3：居右
                //         linkText:'方法好v方法好v方法好v',  //链接文本
                //         link:'http://www.baidu.com',//导航链接
                //     }
                // },
                // {
                //     cptCode: 5010, //组件代码
                //     cptType: 5011, //普通标题
                //     content:{
                //         title:'标题测试标题测试标题测试标题测试标题测试标题测试标题测试标题测试',//标题
                //         subtitle:'阿房女阿房女阿房女阿房女',//副标题
                //         bgColor:'#fff',//背景颜色，16进制
                //         pos:3,//位置，1：居左，2：居中，3：居右
                //         linkText:'方法好v方法好v方法好v',  //链接文本
                //         link:'http://www.baidu.com',//导航链接
                //     }
                // },
                // {
                //     cptCode: 7000, //组件代码
                //     cptType: 7003, //纯文字导航
                //     pageList:[
                //         {
                //             text:"首页",//背景颜色，16进制
                //             icon:"https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg",//图标
                //             type:1,
                //         },
                //         {
                //             text:"购物车",//背景颜色，16进制
                //             icon:"https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg",//图标
                //             activeIcon:'http://test.94mxd.com/mxd/mfs/MjAxOTExMjYxNjUwMzExMjU3UmpDTGh1Zmgy',
                //             link:"http://localhost:8000/",
                //             type:1
                //         },
                //         {
                //             text:"商品",//背景颜色，16进制
                //             icon:"icontushuyujie-copy",//图标
                //             type:2,
                //         },
                //         // {
                //         //     text:"我的",//背景颜色，16进制
                //         //     icon:"https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg",//图标
                //         // },
                //         // {
                //         //     text:"推荐",//背景颜色，16进制
                //         //     icon:"https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg",//图标
                //         // },
                //
                //     ]
                // },
                {
                    cptCode: 8400, //组件代码
                    cptType: 8401, //tab切换tab切换
                    usePage: [1, 2],//数组，1：店铺主页，2：个人中心，3：商品分组，4：商品列表，5：微页面
                    mode: 1,//1：固定模式，2：上滑消失，下滑出现
                    homeList: {
                        icon: "https://img.yzcdn.cn/public_files/2018/08/29/2e21a3be2d6815acc4bc915484733c78.png!small.webp",//图标
                        activeIcon: 'https://img.yzcdn.cn/public_files/2018/08/29/6256e71064c9f5ebe30bdd796957ee7a.png!small.webp',//选中图标
                        type: 1,//图标类型，1：自己上传的图标，2：图标库图标
                        activeType: 1,//高亮图标类型，1：自己上传的图标，2：图标库图标
                    },//主窗口
                    pageList: [
                        {
                            icon: "https://img.yzcdn.cn/public_files/2018/08/29/43480b453422c2a0034f7959aa144303.png!small.webp",//图标
                            link: "",//导航链接
                            linkType: '102',//链接类型
                            type: 1,//图标类型，1：自己上传的图标，2：图标库图标
                            target: 1,//1:默认,2:独立窗口
                            selected: 1,
                        }, {
                            icon: "https://img.yzcdn.cn/public_files/2018/08/29/b828d1dd2d7797374eb632d9f5b4816c.png!small.webp",//图标
                            link: "",//导航链接
                            linkType: '',//链接类型
                            type: 1,//图标类型，1：自己上传的图标，2：图标库图标
                            target: 2,//1:默认,2:独立窗口
                            selected: 1,
                        },
                        {
                            icon: "https://img.yzcdn.cn/public_files/2018/08/29/4dde171ddb3d829e147799fb48e2b91d.png!small.webp",//图标
                            link: "",//导航链接
                            linkType: '',//链接类型
                            type: 1,//图标类型，1：自己上传的图标，2：图标库图标
                            target: 2,//1:默认,2:独立窗口
                            selected: 1,
                        }, {
                            icon: "https://img.yzcdn.cn/public_files/2018/08/29/f137a95445ded1028215f8547869deaf.png!small.webp",//图标
                            link: "",//导航链接
                            linkType: '',//链接类型
                            type: 1,//图标类型，1：自己上传的图标，2：图标库图标
                            target: 2,//1:默认,2:独立窗口
                            selected: 1,
                        },
                        {
                            icon: "https://img.yzcdn.cn/public_files/2018/08/29/5da876adb86d5904cd2a707f3eff064d.png!small.webp",//图标
                            link: "",//导航链接
                            linkType: '',//链接类型
                            type: 1,//图标类型，1：自己上传的图标，2：图标库图标
                            target: 1,//1:默认,2:独立窗口
                            selected: 1,
                        }
                    ], //子窗口

                },
                {
                    cptCode: 7000, //组件代码
                    cptType: 7002, //纯图标
                    useHomeBtn: 0,//1：使用主按钮，0：不使用主按钮
                    homeList: {
                        text: "",//文字
                        link: "",//导航链接
                        linkType: '',//链接类型
                        icon: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg",//图标
                        activeIcon: 'http://test.94mxd.com/mxd/mfs/MjAxOTExMjYxNjUwMzExMjU3UmpDTGh1Zmgy',
                        type: 1,
                        activeType: 1
                    },
                    pageList: [
                        {
                            text: "首页",//背景颜色，16进制
                            icon: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg",//图标
                            type: 1,
                        },
                        {
                            text: "购物车",//背景颜色，16进制
                            icon: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg",//图标
                            activeIcon: 'http://test.94mxd.com/mxd/mfs/MjAxOTExMjYxNjUwMzExMjU3UmpDTGh1Zmgy',
                            type: 1,
                            activeType: 1
                        },
                        {
                            text: "商品",//背景颜色，16进制
                            icon: "iconfenlei2",//图标
                            type: 2,
                            link: "http://localhost:8000/",
                            activeType: 1,
                            activeIcon: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg"
                        },
                        // {
                        //     text:"我的",//背景颜色，16进制
                        //     icon:"https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg",//图标
                        // },
                        // {
                        //     text:"推荐",//背景颜色，16进制
                        //     icon:"https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg",//图标
                        // },

                    ]
                },
                // {
                //     cptCode: 7000, //组件代码
                //     cptType: 7001, //纯文字导航
                //     pageList:[
                //         {
                //             text:"首页",//背景颜色，16进制
                //             link:"http://localhost:8000/",//文本内容
                //         },
                //         {
                //             text:"购物车",//背景颜色，16进制
                //             link:"http://www.baidu.com",//文本内容
                //         },
                //         {
                //             text:"商品",//背景颜色，16进制
                //             link:"http://www.baidu.com",//文本内容
                //         },
                //         {
                //             text:"我的",//背景颜色，16进制
                //             link:"http://www.baidu.com",//文本内容
                //         },
                //
                //     ]
                // },
                {
                    cptCode: 5000, //组件代码
                    cptType: 5002, //富文本
                    bgColor: "#987342",//背景颜色，16进制
                    content: "<p style='color: #ffffff;'>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>",//文本内容
                },
                {
                    cptCode: 5000, //组件代码
                    cptType: 5001, //文字
                    bgColor: "#758746",//背景颜色，16进制
                    color: "#fff",//文字颜色，16进制
                    content: "粉底深美哦温柔我让琼让你退",//文本内容
                    size: 2,//文字大小，1是大，2 是中，3是小
                    pos: 3,//位置， 1是居左，2是居中，3是居右
                    link: "",//链接
                    id: ""
                },
                {
                    cptCode: 4000, //组件代码
                    cptType: 4002, //文字导航
                    imgList: [
                        {
                            picurl: "",
                            title: '这里显示商品标题',
                            link: '',
                            linkType: 0,
                        }, {
                            picurl: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg",
                            title: '这里显示商品标题',
                            link: '',
                            linkType: 0,
                        }, {
                            picurl: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg",
                            title: '这里显示商品标题',
                            link: '',
                            linkType: 0,
                        }, {
                            picurl: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2974829433,756068348&fm=26&gp=0.jpg",
                            title: '这里显示商品标题',
                            link: '',
                            linkType: 0,
                        }, {
                            title: '与与与与',
                            link: '',
                            linkType: 0,
                        }
                    ],
                    flex: 1,
                    bgColor: "#fff",
                    textColor: "#768768",
                },
                {
                    cptCode: 3000, //组件代码
                    cptType: 3001, //搜索
                    style: 1,
                    bgColor: "#000",
                    borderColor: "#fff",
                    textColor: "#323232",
                    hotWord: [],
                    historyWord: [],
                    disabled: false,
                    clear: true
                },
                // {
                //     cptCode: 2100, //组件代码
                //     cptType: 2101, //分组
                //     groupList: [
                //         {
                //             name: '全部',
                //             id: '',
                //         }, {
                //             name: '女装',
                //             id: '1',
                //         }, {
                //             name: '化妆品',
                //             id: '2',
                //         }, {
                //             name: '男装',
                //             id: '3',
                //         }, {
                //             name: '饰品',
                //             id: '4',
                //         }, {
                //             name: '鞋帽',
                //             id: '5',
                //         }, {
                //             name: '配饰',
                //             id: '6',
                //         }, {
                //             name: '套装',
                //             id: '7',
                //         }
                //     ],
                //     style: 1,
                //     pos: 1
                // },
                {
                    cptCode: 2000, //组件代码
                    cptType: 2005,
                    content: [
                        {
                            name: '海报标题',
                            desc: 'asdsa',
                            price: '12',
                            coverImgUrl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',
                        },
                        {
                            name: '海报标题',
                            desc: 'asdsa',
                            price: '12',
                            coverImgUrl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',
                        }, {
                            name: '海报标题',
                            desc: 'asdsa',
                            price: '12',
                            coverImgUrl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',
                        },
                        {
                            name: '海报标题',
                            desc: 'asdsa',
                            price: '12',
                            coverImgUrl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',
                        }, {
                            name: '海报标题',
                            desc: 'asdsa',
                            price: '12',
                            coverImgUrl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',
                        },
                        {
                            name: '海报标题',
                            desc: 'asdsa',
                            price: '12',
                            coverImgUrl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',
                        }
                    ],
                    displayScale: 1,     //显示比例：
                    showTitle: true,
                    showDesc: true,
                    showPrice: true,
                    showPurBtn: true,
                    showLtTag: true,
                    ltTagText: 'NEW12',
                    style: 2
                },
                // {
                //     cptCode: 6000, //组件代码
                //     cptType: 6007, //魔方
                //     space: 10,      //图片间隙,Number
                //     pageSpace: 5,  //页面间隙,Number
                //     imgList: [
                //         {
                //             picurl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',      //图片地址
                //             link: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',        //链接
                //         }, {
                //             picurl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',      //图片地址
                //             link: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',        //链接
                //         }, {
                //             picurl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',      //图片地址
                //             link: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',        //链接
                //         }, {
                //             picurl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',      //图片地址
                //             link: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',        //链接
                //         }, {
                //             picurl: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',      //图片地址
                //             link: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1818278106,3112588726&fm=26&gp=0.jpg',        //链接
                //         }
                //     ]
                // },
                {
                    cptCode: 2100, //组件代码
                    cptType: 2101, //分组
                    groupList: [
                        {
                            name: '全部',
                            id: '',
                        }, {
                            name: '女装',
                            id: '1',
                        }, {
                            name: '化妆品',
                            id: '2',
                        }, {
                            name: '男装',
                            id: '3',
                        }, {
                            name: '饰品',
                            id: '4',
                        }, {
                            name: '鞋帽',
                            id: '5',
                        }, {
                            name: '配饰',
                            id: '6',
                        }, {
                            name: '套装',
                            id: '7',
                        }
                    ],
                    style: 3,
                    pos: 1
                },
                {
                    cptCode: 2100, //组件代码
                    cptType: 2102, //分组
                    style: 2,
                    pos: 1,
                    groupList: [
                        {
                            name: '美妆',
                            id: '0',
                            proList: [
                                {
                                    name: '海报标题',
                                    desc: 'asdsa',
                                    price: '12',
                                    coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',
                                }, {
                                    name: '海报标题',
                                    desc: 'asdsa',
                                    price: '12',
                                    coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',
                                }, {
                                    name: '海报标题',
                                    desc: 'asdsa',
                                    price: '12',
                                    coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',
                                }, {
                                    name: '海报标题',
                                    desc: 'asdsa',
                                    price: '12',
                                    coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',
                                }, {
                                    name: '海报标题',
                                    desc: 'asdsa',
                                    price: '12',
                                    coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',
                                }, {
                                    name: '海报标题',
                                    desc: 'asdsa',
                                    price: '12',
                                    coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',
                                }, {
                                    name: '海报标题',
                                    desc: 'asdsa',
                                    price: '12',
                                    coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',
                                }, {
                                    name: '海报标题',
                                    desc: 'asdsa',
                                    price: '12',
                                    coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',
                                }, {
                                    name: '海报标题',
                                    desc: 'asdsa',
                                    price: '12',
                                    coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',
                                }, {
                                    name: '海报标题',
                                    desc: 'asdsa',
                                    price: '12',
                                    coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',
                                }, {
                                    name: '海报标题',
                                    desc: 'asdsa',
                                    price: '12',
                                    coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',
                                }, {
                                    name: '海报标题',
                                    desc: 'asdsa',
                                    price: '12',
                                    coverImgUrl: 'https://www.94mxd.com/images/dbb24e48.goods.jpg',
                                }
                            ]
                        }, {
                            name: '女装',
                            id: '1',
                        }, {
                            name: '化妆品',
                            id: '2',
                        }, {
                            name: '男装',
                            id: '3',
                        }, {
                            name: '饰品',
                            id: '4',
                        }, {
                            name: '鞋帽',
                            id: '5',
                        }, {
                            name: '配饰',
                            id: '6',
                        }, {
                            name: '套装',
                            id: '7',
                        }
                    ],
                    proStyle: {
                        cptCode: 2000, //组件代码
                        cptType: 2004, //大图模式
                        style: 1,      //样式 1：大图，2：1行2个，3：1行3个，4：详细列表，5：一大两小，6：横向滑动
                        displayScale: 1,     //显示比例：1：1:1
                        fillType: 1,   //填充方式，1：留白，2：填充
                        showTitle: 1,    //显示标题  1：显示 0：不显示
                        showDesc: 1,     //显示描述  1：显示 0：不显示
                        showPrice: 1,     //显示价格  1：显示 0：不显示
                        showPurBtn: 1,    //显示购买按钮 1：显示 0：不显示
                        purBtnStyle: 1,   //购买文本样式
                        purBtnText: '购买',   //购买按钮文本
                        showLtTag: 1,      //显示角标 1：显示 0：不显示
                        ltTagText: 'NEW',
                    }
                },
                // {
                //     cptCode: 2100, //组件代码
                //     cptType: 2102, //分组
                //     style: 2,
                //     pos: 1,
                //     proStyle: {
                //         cptCode: 2000, //组件代码
                //         cptType: 2004, //大图模式
                //         style: 1,      //样式 1：大图，2：1行2个，3：1行3个，4：详细列表，5：一大两小，6：横向滑动
                //         displayScale: 1,     //显示比例：1：1:1
                //         fillType: 1,   //填充方式，1：留白，2：填充
                //         showTitle: 1,    //显示标题  1：显示 0：不显示
                //         showDesc: 1,     //显示描述  1：显示 0：不显示
                //         showPrice: 1,     //显示价格  1：显示 0：不显示
                //         showPurBtn: 1,    //显示购买按钮 1：显示 0：不显示
                //         purBtnStyle: 1,   //购买文本样式
                //         purBtnText: '购买',   //购买按钮文本
                //         showLtTag: 1,      //显示角标 1：显示 0：不显示
                //         ltTagText: 'NEW',
                //     }
                // }
                // {
                //     cptCode: 8500, // 组件代码
                //     cptType: 8501, //直播间
                //     picUrl: ''
                //
                // }
            ]
        }
    }

    render() {
        let data = this.state.data[9];
        // let item  = this.state
        return (
            <div className="app">
                <MSearch
                    {...data}
                >

                </MSearch>
                <MShop data={this.state.data}></MShop>
                {/*<MLIve ></MLIve>*/}
            </div>
        )
    }
}

export default App