<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes">
|
<meta content="yes" name="apple-mobile-web-app-capable"><meta content="yes" name="apple-touch-fullscreen">
|
<meta content="telephone=no,email=no" name="format-detection">
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
|
<script type="text/javascript" src="https://public.ffquan.cn/lib/jquery-1.12.4.min.js"></script>
|
<script type="text/javascript" src="https://public.ffquan.cn/lib/vue-lazyload.js"></script>
|
<script type="text/javascript" src="https://public.ffquan.cn/lib/swiper/js/swiper.min.js"></script>
|
<script type="text/javascript" src="https://public.ffquan.cn/lib/taobaoCode/taobaoCode.js?v=1.2.1"></script>
|
<script type="text/javascript" src="https://public.ffquan.cn/lib/clipboard.min.js"></script>
|
<script type="text/javascript" src="https://p1static.dataoke.com/web/js/layer/layer.js?t=202104191256"></script>
|
<script type="text/javascript" src="https://img.ushopvip.com/js/uni-webview-js.js"></script>
|
<title>全网比价</title>
|
|
<style>
|
.top-content
|
{
|
width: 100%;
|
position:absolute;
|
top: 0;
|
left: 0;
|
}
|
.mid-content
|
{
|
width: 95%;
|
margin: 0 auto;
|
min-height: 23rem;
|
margin-top: 5.3rem;
|
position:relative;
|
}
|
.mid-content-con
|
{
|
width: 100%;
|
background: #fff;
|
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.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: 2.2rem;
|
position: relative;
|
}
|
.txtarea{
|
width: 100%;
|
height: 99%;
|
border: 0px;
|
background: #f5f5f9;
|
resize:none;
|
}
|
.mid-button-content
|
{
|
display:flex;
|
flex-direction: row;
|
width: 100%;
|
justify-content: center;
|
margin-top: 0.2rem;
|
}
|
.mid-button-content-img
|
{
|
width: 83%;
|
}
|
.cont-title
|
{
|
margin: 0 0 0.2rem 0.2rem;
|
font-weight: 600;
|
font-size: .3rem;
|
}
|
.mid-content-none
|
{
|
width: 100%;
|
width: 100%;
|
text-align: center;
|
margin: 0 auto;
|
line-height: 6.2rem;
|
color: #a69b9b;
|
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: #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">
|
|
<div class="mid-content">
|
<div class="mid-content-con">
|
<div class="content-tip" v-on:click="clear()">
|
清空
|
</div>
|
<div class="content-txtarea">
|
<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">
|
<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 v-if="goodsItem.length==0" class="mid-content-none">
|
暂无数据~
|
</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>
|
|
</div>
|
</body>
|
|
</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)
|
{
|
app.copytxt(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
|
})
|
var app= new Vue({
|
el: '#comprice',
|
data:{
|
//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='';
|
},
|
copytxt(str)
|
{
|
alert(str.data);
|
if(str&&str.data&&str.data.length>0)
|
{
|
this.txtareatxt=str.data;
|
}
|
},
|
fromcopy:function()
|
{
|
uni.postMessage({
|
data: {
|
action: 'copy'
|
}
|
})
|
},
|
getCmsUrl:function(){
|
var _this = this;
|
_this.loading=true;
|
$.ajax({
|
headers:{
|
"token":this.getUrlPar("token")
|
},
|
|
url:_this.posturl+'/api/activity/cmsGet',
|
type:"post",
|
dataType:"json",
|
async: false,
|
data:{
|
|
}
|
}).done(function(res){
|
|
})
|
},
|
getUrlPar:function(name)
|
{
|
var reg=new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
var r=window.location.search.substr(1).match(reg);
|
if(r !=null)return unescape(r[2]);
|
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>
|
