no message

zhaojs

2023-07-13 a91a8364c2ee10b21d1dba4ec0903fed69df4b71

 public/html/compareprice.html

@@ -29,43 +29,56 @@
            width: 95%;
            margin: 0 auto;
            min-height: 23rem;
            margin-top: 14.8rem;
            position:fixed;
            margin-top: 5.3rem;
            position:relative;
        }
        .mid-content-con
        {
            width: 100%;
            background: #fff;
            border-radius: .5rem;
            margin-bottom: 1.1rem;
            padding-top:1.4rem;
            border-radius: .2rem;
            margin-bottom: 0.2rem;
            padding-top:.2rem;
        }
        .mid-content-list
        {
            width: 100%;
            background: #fff;
            border-radius: .5rem;
            height: 30rem;          
        }
        .content-tip
        {
            width: 88%;
            font-size: 13px;
            margin: 0 auto;
            margin-bottom: 0.6rem;
            margin-bottom: 0.2rem;
            font-weight: 500;
            color: #958d8d;
            text-align: right;
            padding-right: 0.1rem;
        }
        .copytxt
        {
            font-size: 13px;
        position: absolute;
        bottom: 0.1rem;
        right: 0.1rem;
        color: #958d8d;
        }
        .content-txtarea
        {
            width: 88%;
            margin: 0 auto;
            height: 6.2rem;
            height: 2.2rem;
            position: relative;
        }
        .txtarea{
            width: 100%;
            height: 99%;
            border: 0px;
            background: #EAEAEA;
            background: #f5f5f9;
            resize:none;
        }
        .mid-button-content
        {
@@ -73,16 +86,17 @@
            flex-direction: row;
            width: 100%;
            justify-content: center;
            margin-top: 1.3rem;
            margin-top: 0.2rem;
        }
        .mid-button-content-img
        {
            width: 30%;
            width: 83%;
        }
        .cont-title
        {
            margin: 0 0 0.5rem 0.5rem;
            margin: 0 0 0.2rem 0.2rem;
            font-weight: 600;
            font-size: .3rem;
        }
        .mid-content-none
        {
@@ -92,41 +106,250 @@
            margin: 0 auto;
            line-height: 6.2rem;
            color: #a69b9b;
    font-size: 14px;
            font-size: 14px;
        }

        .ulist > a {
            display: block;
            text-decoration: none;
            margin-bottom: 0.15rem;
        }

        .ulist {
            display: block;
        }
        .detail___3ZQFW {
        background-color: #fff;
        height: 2.2rem;
        border-radius: .16rem;
        padding: .1rem;
        position: relative;
        box-sizing: border-box;
    }
    .picture___r4a1j {
        height: 2rem;
        width: 2rem;
        border-radius: .1rem;
        position: absolute;
        left: .1rem;
        top: .1rem;
    }
    .choiceInfo___3ZuEa {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 2.2rem;
        height: 2rem;
        width: 100%;
        overflow: hidden;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .other___2Mv8Q h2 span {
        width: calc(100vw - 3.6rem);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .other___2Mv8Q h2 {
        justify-content: flex-start;
        padding: 0;
        margin: 0;
        height: .4rem;
        font-size: .28rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        line-height: .4rem;
        color: #333;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .shoplabel___1_Nv0 img {
        margin-right: .05rem;
        display: block;
        height: 100%;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }

    .shoplabel___1_Nv0 {
        height: .26rem;
        float: left;
        position: relative;
        top: .05rem;
    }

    .coupon___2SVZi span {
        display: inline-block;
        font-size: .18rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #ff5351;
        line-height: .20rem;
        padding: .02rem .04rem;
        background: #fff;
        border-radius: .02rem 0 0 .02rem;
        text-align: center;
        margin-right: .06rem;
    }

    .coupon___2SVZi {
        margin-top: 6px;
        height: .28rem;
        background: linear-gradient(
                90deg, #ff8873, #ff4f4f);
        border-radius: .04rem;
        display: inline-block;
        line-height: .28rem;
        padding: 0 .06rem 0 .02rem;
        font-size: .19rem;
        font-family: PingFangSC-Regular, PingFang SC;
        color: #fff;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }

    .price___dfbCD u {
        text-decoration: line-through;
        width: .64rem;
        font-size: .2rem;
        color: #a7a7a7;
    }

    .price___dfbCD span {
        font-size: .32rem;
        line-height: .34rem;
        padding: 0 .08rem 0 .04rem;
        font-weight: 700;
    }

    .price___dfbCD {
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 500;
        color: #fe3738;
        font-size: .22rem;
        justify-content: flex-start;
        height: .34rem;
        margin: .04rem 0 .1rem;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .detail___3ZQFW .choiceInfo___3ZuEa .operation___3KazI button {
        border: none;
        width: 1.36rem;
        height: .4rem;
        line-height: .4rem;
        background: linear-gradient(
                270deg, #F7AD38, #F7AD38);
        border-radius: .2rem;
        text-align: center;
        font-size: .22rem;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #fff;
        line-height: .32rem;
    }
    .detail___3ZQFW .choiceInfo___3ZuEa .price___dfbCD {
        margin-bottom: .16rem;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        height: .24rem;
        font-size: .24rem;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #fe3738;
        line-height: .24rem;
    }

    .detail___3ZQFW .choiceInfo___3ZuEa .operation___3KazI {
        position: absolute;
        right: .1rem;
        bottom: .06rem;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    * {
        box-sizing: border-box;
    }

    </style>
</head>

<body style="background: #EAEAEA;">
<body style="background: #f5f5f9;">
    <div id="comprice">
        <image class="top-content" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/compareprice_topimg.png"></image>
        <div class="main-content">
            <image class="top-content" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/compareprice_topimg.png"></image>
          
            <div class="mid-content">
                <div class="mid-content-con">
                    <div class="content-tip">
                        支持淘宝、天猫、京东、抖音、拼多多等多家电商
                    <div class="content-tip" v-on:click="clear()">
                        清空
                    </div>
                    <div class="content-txtarea">
                        <textarea class="txtarea"></textarea>
                        <textarea class="txtarea" v-model="txtareatxt" :placeholder='txtplaceholder'></textarea>
                        <span class="copytxt" v-on:click="fromcopy()">粘贴</span>
                    </div>
                    <div class="mid-button-content">
                        <div class="mid-button-content-img" style=" margin-right: 2.3rem;">
                            <image style="width: 100%;" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/compareprice_search.png"></image>
                        </div>
                        <div class="mid-button-content-img">
                            <image style="width: 100%;" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/compareprice_clear.png"></image>
                            <image style="width: 100%;" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/compareprice_search.png"></image>
                        </div>
                    </div>
                </div>
                <div class="cont-title">
                    查询排行
                </div>
                <div class="mid-content-list">
                    
                    <div class="mid-content-none">
                    <div v-if="goodsItem.length==0" class="mid-content-none">
                        暂无数据~
                    </div>
                </div>
                    <div v-else class="ulist">
                        <a v-for="g in goodsItem" :key="g.id" v-on:click="handleCdetailFavorite(g)">
                            <div class="detail___3ZQFW">
                                <img :src="g.pic"
                                    class="fadeIn picture___r4a1j">
                                <div class="choiceInfo___3ZuEa">
                                    <div class="other___2Mv8Q">
                                        <h2>
                                            <div class="shoplabel___1_Nv0"><img
                                                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAaCAYAAADIUm6MAAAE60lEQVRYw9WYbVBUVRjHz+gH/OCHdCY/WE1OGTNWU40ibIqSE6IGZpoGgrGUyAjrYkrI2yqIKGjN+FLONOk4aI6azZqZmu+ama9oElmOGApqvrK6KjBp8uvDc5a7d3eBJZsp78xv9p7/eZ7/8+y95yxnUEopRZ4tFIfdicPuxjGFoCnQODqKXdOhHDcOu5M8W6hqaTonw0VOBo8ILvJsoYqsdCfTJ/NIkZXuVNjT3NgnEZg0H9qLm/Qv01r9NLdi8kRMzMyFBw/+OWfPGF6VJ6GpEepqwbkebGnmWtVnAKCsxKzv3in6mi/w60+jmPgeJvJyeKjrbLXhVVVlnvthv+hfroWfK+HuXdGrq2Xs4fp10S9elHHpXHz7VCRbwZpsJiUlMA6HGNbVtR5jTYHkZMFqhdRUKJsPDY3Q3AxTbHDgQMcexpIlkGz1IhlF4gRaGN8OM/LEqLaONvMSA3DqlOQWzobsXJhXBnUXRCtfJWMPRytE37ZdxpMz/HwV4xIJmiy9jM7XBp8TPwFWrITGRsktKjHmDh6CK1fhw1xzzrqvRF+8tFVfxVsJ+BOv8dGnZkvxc7UEzvMhv0i+pPflKG7dv736Xihix2HiSAVU/WrmF03171K8qSnwvIdl5eK1co3EX7gEly7LfV4RrHNCzbngKSiG2He8GIci5m1MuG/z0Nem78QrNgE+WQax8VBxUuayC2Hnvo75FX+Eb5+KIaMxYcuBzHxhqsYz3uFVsHSRofuSlG72HJ4A1TWSN20mbN8r95+VQ4pdOHRMtKUrDO3Icb2h5+PbpyJyFEExaBTUeK3Xz1d7zb/pg5deUAqXrxp59nzYtkdv1I+NWM9DmbXA0HbtF62gzFxn0CgUEXFgaYUIjSUO8krFpEH/OtTfhOh4HTvSB52zeoPRcHOzfKbnwtbdcj9zgeG/Tb+F/DIjf4duPHeeX1+Kfm/QLjFJcL1eP6WFcPiE3G/Z03ZeUibccEHxIjiq13jqDNi8S+5dt+CPq0JjU+ta9lw/b8VLw2mTV8dA1WkxOHgcXh4Bce/DnQbRPl3Zdn7YSPk8Vinx1izYtKtjm3P6HD9fRZ+h0CdGM9TM4Hij6TPnYMBYWuJthXD/L73e18LzAfI9vBIHt/Sv1ZBE2KgPUcVLICoBosbDTn0MKFyktQTYfVC0zNk+njEoer9OQJKy4Io+7FSfB8tY/5hpc+HefYnZexgiAsQ8Fw3rt0pMRZVoX++Q8QclRtw3+i1kFhvaZr2JbUV+voqnh2DixTgo3yBHVIDvj0Lf0fjFeUiYJusS4MZNmFoCvfTcC7HwrS5+pwFGpIq+aqNoC8sNH89byJgt42ejoVK/7Xez/eoqeg6GnlEGx/Vh6N59mL8cnnzNPN8zCsnxou8Y2HfM68/6Yolbu0XGN90wxg5PRAmj7fJgmpvly15zQdOfEuu+A9fq4bY+8l68Ar2H+dVX9IikhccjIXUW/PgTRE6QcSC841u0QWCbA7/VQO8RMm8ZDwdOQP94THV6RMKUEqi/1famrDwNUdaA9RXdBrjpNgAzA/HXvHhME2iu+0D/uNbiuw+EXsPgmeH+PBXdVg9uRVeLk64WhAiN5T8i6PpORUh4KF3CXYT0xyDch/7tEGxcsP5tzHcJdxESrv+3EhIeSucwJ53C3HTqx/+TMDedw5yepv8GV1+TBUuIRhcAAAAASUVORK5CYII=">
                                            </div>
                                            <span>{{g.title}}</span></h2>
                                        <div class="coupon___2SVZi" style="float: left; margin-right:10px"><span>券</span>{{g.quanJine}}元</div>
                                        <div class="coupon___2SVZi" style="background: #A429F3;"><span style="color: #A429F3;">返</span>{{g.fanli}}元</div>
                                    </div>
                                    <div class="price___dfbCD">¥<span>{{g.jiage}}</span><u style="text-decoration:line-through">聚划算价 ¥{{g.yuanjia}}</u></div>
                                    <div class="operation___3KazI">
                                        <button>马上抢</button>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
               
            </div>
        </div>
        
@@ -136,14 +359,50 @@
</html>
<script type="text/javascript" src="https://cdn.staticfile.org/vue/2.6.11/vue.min.js"></script>
<script>

(function () {
        var size1=document.body.clientWidth;
        var size2=document.documentElement.clientWidth;
        var size=size1<=0?size2:size1;
        size=size<=0?400:size;
        document.documentElement.style.fontSize = (size > 750 ? 750 : size) / 7.5 + 'px';
    })();
    function scanCode(str)
    {
        alert(str);
    }
    Vue.use(VueLazyload, {
        preLoad: 1.3,//
        error: 'https://sr.ffquan.cn/cms_pic/20200622/bro7s7f6vrkd3jat4ujg0.png',
        loading: 'https://sr.ffquan.cn/cms_pic/20200612/brhjkf76vrkcrfpi79eg0.png',
        attempt: 1
    })
    new Vue({
        el: '#comprice',
        data:{
          posturl:'http://dfg.shop.com',
          //posturl:'http://appapitest.ushopvip.com',
          //posturl:'http://dfg.shop.com',
          posturl:'https://appapitest.ushopvip.com',
          //posturl:'http://dfgapp.ushopvip.com',
          goodsItem:[],
          txtareatxt:'',
          txtplaceholder:'1、支持淘宝、天猫、京东、抖音、拼多多等多家电商 \r\n 2、请粘贴您需要转换的分享文案/链接和口令/商品链接;不支持券链接'
        },
        methods:{
            clear:function()
            {
                this.txtareatxt='';
            },
            fromcopy:function()
            {
                uni.postMessage({
                    data: {
                        action: 'copy'
                    }
                })
                /* navigator.clipboard.readText().then(function(clipText){
                alert(clipText);
               }) */
            },
            getCmsUrl:function(){
                var _this = this;
                _this.loading=true;
@@ -171,6 +430,30 @@
                 return null;
            },
            
            getGoodsList: function () {
                var that = this;
                this.loading = true
                $.ajax({
                    headers:{
                        "token":this.getUrlPar("token")
                    },
                    url:this.posturl+'/api/Activity/zsz_goods_list',
                    type:"post",
                    dataType:"json",
                    data:{
                        cid:0,
                        app_key: 'zsccir',
                    }
                }).done(function(res){
                    if(res.code == 0){
                    that.goodsItem = res.data.data.data.list;
                   
                    }                       
                })
            },
        },
        mounted:function(){
            this.getGoodsList();
        }
    })
</script>