From 35abe6446e490f7bfff341910f9c1a151f85b1c8 Mon Sep 17 00:00:00 2001
From: zhaojs <349234519@qq.com>
Date: 星期四, 13 七月 2023 09:40:49 +0800
Subject: [PATCH] no message
---
public/html/compareprice.html | 294 ++++++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 273 insertions(+), 21 deletions(-)
diff --git a/public/html/compareprice.html b/public/html/compareprice.html
index ec18e23..17ea086 100644
--- a/public/html/compareprice.html
+++ b/public/html/compareprice.html
@@ -29,29 +29,30 @@
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:.4rem;
}
.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;
}
@@ -59,13 +60,13 @@
{
width: 88%;
margin: 0 auto;
- height: 6.2rem;
+ height: 2.2rem;
}
.txtarea{
width: 100%;
height: 99%;
border: 0px;
- background: #EAEAEA;
+ background: #f5f5f9;
}
.mid-button-content
{
@@ -73,16 +74,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,12 +94,200 @@
margin: 0 auto;
line-height: 6.2rem;
color: #a69b9b;
- font-size: 14px;
+ font-size: 14px;
}
+
+ .ulist > a {
+ display: block;
+ text-decoration: none;
+ }
+
+ .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">
<div class="main-content">
<image class="top-content" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/compareprice_topimg.png"></image>
@@ -110,23 +300,46 @@
<textarea class="txtarea"></textarea>
</div>
<div class="mid-button-content">
- <div class="mid-button-content-img" style=" margin-right: 2.3rem;">
+ <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 class="mid-button-content-img">
+ <!-- <div class="mid-button-content-img">
<image style="width: 100%;" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/compareprice_clear.png"></image>
- </div>
+ </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,12 +349,27 @@
</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';
+ })();
+ 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:'http://appapitest.ushopvip.com',
//posturl:'http://dfgapp.ushopvip.com',
+ goodsItem:[],
},
methods:{
getCmsUrl:function(){
@@ -171,6 +399,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>
\ No newline at end of file
--
Gitblit v1.9.3