宝贝趴—尿裤会场

    <style>
  .ls-floor-brand {
  position: relative;
  width: 100vw;
  background-color: #adefff; }
  .ls-floor-brand ul {
    width: 94.6666666667vw;
    margin-left: 2.6666666667vw;
    padding-bottom: 2.6666666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .ls-floor-brand ul li {
      position: relative;
      background-color: #ffffff;
      width: 31.3777777778vw;
      height: 38.2222222222vw;
      margin-bottom: 0.3555555556vw;}
      .ls-floor-brand ul li a {
        display: block;
        width: 100%;
        height: 100%; }
      .ls-floor-brand ul li .ls-b-label {
        display: block;
        position: absolute;
        width: 9.6888888889vw;
        height: 6.8444444444vw;
        left: 0;
        top: 0; }
        .ls-floor-brand ul li .ls-b-label.ls-b-label-1 {
          background: url(https://img11.360buyimg.com/imagetools/jfs/t1/10458/12/15173/3671/5c90fc90E8256fb0f/4b91b21f43ee71f6.png) no-repeat 0 0;
          background-size: 100%; }
        .ls-floor-brand ul li .ls-b-label.ls-b-label-2 {
          background: url(https://img10.360buyimg.com/imagetools/jfs/t1/16252/28/11676/3704/5c91fec1E5a09eda4/9399cd9bea2fc81e.png) no-repeat 0 0;
          background-size: 100%; }
        .ls-floor-brand ul li .ls-b-label.ls-b-label-3 {
          background: url(https://img10.360buyimg.com/imagetools/jfs/t1/30522/13/6855/3800/5c91fec1Ec96c70a6/1d7a38fe79cdc9f0.png) no-repeat 0 0;
          background-size: 100%; }
      .ls-floor-brand ul li .ls-b-ad1 {
        position: absolute;
        top: 26.6444444444vw;
        left: 50%;
        margin-left: -12.8888888889vw;
        text-align: center;
        width: 25.7777777778vw;
        height: 4.8888888889vw;
        line-height: 4.8888888889vw;
        font-size: 2.6666666667vw;
        color: #ffffff;
        border-radius: 4.8888888889vw;
        overflow: hidden; }
        .ls-floor-brand ul li .ls-b-ad1.ls-b-ad1-1 {
          background: -webkit-linear-gradient(left, #ff5402, #ffa101); }
        .ls-floor-brand ul li .ls-b-ad1.ls-b-ad1-2 {
          background: -webkit-linear-gradient(left, #2c86ff, #2493ff); }
        .ls-floor-brand ul li .ls-b-ad1.ls-b-ad1-3 {
          background: -webkit-linear-gradient(left, #4ac000, #48d300); }
      .ls-floor-brand ul li .ls-b-ad2 {
        position: absolute;
        top: 31.9777777778vw;
        left: 50%;
        margin-left: -15.7333333333vw;
        text-align: center;
        width: 31.4666666667vw;
        height: 4.4444444444vw;
        overflow: hidden;
        line-height: 4.4444444444vw;
        font-size: 2.6666666667vw; }
        .ls-floor-brand ul li .ls-b-ad2.ls-b-ad2-1 {
          color: #ff5802; }
        .ls-floor-brand ul li .ls-b-ad2.ls-b-ad2-2 {
          color: #2e85fe; }
        .ls-floor-brand ul li .ls-b-ad2.ls-b-ad2-3 {
          color: #4abe00; }
      .ls-floor-brand ul li img {
        width: 24.2666666667vw;
        height: 24.2666666667vw;
        margin-left: 3.5555555556vw;
        margin-top: 0.8888888889vw; }

/*# sourceMappingURL=common.css.map */
</style>
<div class="ls-floor-brand" id="floor-brand">
  <ul>
  </ul>
</div>
<script>
    function getCookie(key){
        key = '(?:^|; )' + key + '(?:=([^;]*?))?(?:;|$)';
        var reKey = new RegExp(key);
        var res = reKey.exec(document.cookie);
        return res !== null ? decodeURIComponent(res[1]) : null;
    }
  var brandFloor = {
    init : function(){
        this.getAdvert();
    },
    getAdvert : function(){
        $.ajax({
            url : 'https://api.m.jd.com/client.action',
            crossDomain:true,
            xhrFields: {
                // The 'xhrFields' property sets additional fields on the XMLHttpRequest.
                // This can be used to set the 'withCredentials' property.
                // Set the value to 'true' if you'd like to pass cookies to the server.
                // If this is enabled, your server must respond with the header
                // 'Access-Control-Allow-Credentials: true'.
                // 如果你想向服务器发送cookies的话，设置withCredentials为true
                // 而且你的服务器必须返回头部带有'Access-Control-Allow-Credentials:    // true'的回应
                withCredentials: true
            },
            data : {
                functionId : 'qryCompositeMaterials',
                body : JSON.stringify({
                    'activityId':'W1UcShWfWYzdTjWrGhdACkswC1L',
                    'pageId':'843887',
                    'qryParam': JSON.stringify([{
                        'type': 'advertGroup',
                        'mapTo': 'brandGoods',
                        'id': '03242021', //03186641,03219752
                        next:[
                            {
                                type: 'productGroup', 
                                mapKey: 'comment[0]',
                                mapTo: 'goods',
                            }
                        ]
                    }]),                    
                }),
                client : 'wh5',
                clientVersion : '1.0.0',
                uuid: getCookie('mba_muid') || '',
            },
            success: function(result) {
                var data = JSON.parse(result);
                console.log('uuid',getCookie('mba_muid') || getUrlParam('mba_muid'));
                console.log('榜单数据',data.data.brandGoods);
                var list = data.data.brandGoods.list,
                    ulHtml1 = $('.ls-floor-brand ul'),
                    _html1 = '';
                for (var i = 0; i < data.data.brandGoods.list.length; i++) {
                // for (var i = 0; i < 3; i++) { 
                    var item = list[i];
                    
                    if (item.next && item.next.goods && item.next.goods.list && item.next.goods.list.length) {
                    console.log(i,item.next.goods.list.length);
                    switch (item.name){
                        case '1':
                        _html1 += '<li><a class="J_ping" href="'+item.link+'" report-eventid="Babel_dev_adv_ranklist" report-eventparam="00014310_'+item.advertId+'_'+data.data.brandGoods.groupId+'_'+item.biClk+'"><img src="https:'+item.next.goods.list[0].image+'" /><span class="ls-b-label ls-b-label-1"></span><p class="ls-b-ad1 ls-b-ad1-1">'+item.desc+'</p><p class="ls-b-ad2 ls-b-ad2-1">'+item.comments[1]+'</p></a></li>';
                        break;
                        case '2':
                        _html1 += '<li><a class="J_ping" href="'+item.link+'" report-eventid="Babel_dev_adv_ranklist" report-eventparam="00014310_'+item.advertId+'_'+data.data.brandGoods.groupId+'_'+item.biClk+'"><img src="https:'+item.next.goods.list[0].image+'" /><span class="ls-b-label ls-b-label-2"></span><p class="ls-b-ad1 ls-b-ad1-2">'+item.desc+'</p><p class="ls-b-ad2 ls-b-ad2-2">'+item.comments[1]+'</p></a></li>';
                        break;
                        case '3':
                        _html1 += '<li><a class="J_ping" href="'+item.link+'" report-eventid="Babel_dev_adv_ranklist" report-eventparam="00014310_'+item.advertId+'_'+data.data.brandGoods.groupId+'_'+item.biClk+'"><img src="https:'+item.next.goods.list[0].image+'" /><span class="ls-b-label ls-b-label-3"></span><p class="ls-b-ad1 ls-b-ad1-3">'+item.desc+'</p><p class="ls-b-ad2 ls-b-ad2-3">'+item.comments[1]+'</p></a></li>';
                        break;
                    }
                    }
                }
                ulHtml1.append(_html1);
            }
        });
    }
  }
  brandFloor.init();
</script>

已售罄

1

尤妮佳(moony)纸尿裤小号S105片[4-8kg]日本原装进口

尤妮佳(moony)纸尿裤中号M128片[6-11kg]日本原装进口

279678条评价好评99%

¥218