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 { 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:

价格

, 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: "

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

",//文本内容 }, { 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 (
{/**/}
) } } export default App