¶Ô±ÈÐÂÎļþ |
| | |
| | | <!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://cdn.staticfile.org/vue/2.6.11/vue.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://img.ushopvip.com/js/uni-webview-js.js"></script> |
| | | |
| | | <title>æä¸æ</title> |
| | | |
| | | <script> |
| | | var _config = { |
| | | appKey: 'zsccir',//æ¤å¤æ¿æ¢æç¨æ·appKey |
| | | // éè¦èªè¡æ¥å
¥ç¹å»åååçé»è¾ ï¼éå¿
å¡«ï¼ |
| | | jumpGoodsUrl: function (items) { // æ¿æ¢ä¸ºè¯¦ç»é¡µé¢çå°åæè½¬é¾é»è¾ |
| | | uni.navigateTo({ |
| | | url: '/pages/goods/goodsDetail?id=' + items.goodsid |
| | | }); |
| | | } |
| | | }; |
| | | </script> |
| | | </head> |
| | | |
| | | <body> |
| | | <div id="appMain"> |
| | | <div v-if="sys == null" class="sys"></div> |
| | | <!-- <div class="loading" v-if="loading"> |
| | | <span>å è½½ä¸...</span> |
| | | </div> --> |
| | | <div class="title"> |
| | | <img src="data:image/png;base64,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" |
| | | alt="仿¥æä¸æ"> |
| | | </div> |
| | | <section class="banner"> |
| | | <span class="desc"> |
| | | <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFqADAAQAAAABAAAAFgAAAAAcITNaAAAB2ElEQVQ4EbWVu07DMBiFCSodQGJh64yQUHmBthJFLH0AunVIKx7EL8LWGSHYWFgrdhYQQ8XARBcuBYTU8J3UBpc4TUHiSCe2/8ux4/x2oqU5SJJkB/cBbMEtG3pDew6Poyi6srbFGgQb8AQ+wjzIp5hGoSpBZWjgGPrQ+M4y5DP4ysEJ5IBH0McFg0O4DSuW6ssmnw/lZsUxGi/qgX4MV4KrwCgf7ELFOpiZeKx1+Gq9I9rdmYCpUBN7M8euHEEa9TSGTgmeQWEC40ByDfu7ZS3gj/EpVziFJb1SFT5DQfuWeX1sHTktOgFhbYvbc2lVlwlqwzUb3Kc2P34mMp54tjevn3ZtTt/apdUu8VDxC2M4SHvzH3usSG+lRQ3hAOFELZTGKmxpK9zGq04rGDPA7m8Fwy+optMPSqtylIYw0qyarQi3BLwUBfl+bYXOvr70BlyH93AGvOolq9jHuAndQiL6Q+i2T7nSEK61FQY69Kb23z8R6DkRWrNQuRVNg1Cm3CSsA6KiFoIHZAHh2OZKY3pAlMSg8EjniZPbhK6yvo+0S8BpoIMuli7MnEIvvvgSUjAi/3NteuKGSUKX+d8ueveKdoIG4vrtPME8yJf7a1KR54LEP/9MPwHLqitCaaKzMAAAAABJRU5ErkJggg==" |
| | | alt="æ´æ°æ¶é´"> |
| | | å·²äº{{time}} 0ç¹ å
¨ç½æ´æ° |
| | | </span> |
| | | </section> |
| | | <div class="category"> |
| | | <div class="items"> |
| | | <span :class="active == 0 ? 'act':''" @click="handleSwiperNav(0, $event)">æ¨è</span> |
| | | <span :class="active == i.id ? 'act':''" v-for="i in nav" :key="i.id" |
| | | @click="handleSwiperNav(i.id, $event)"> |
| | | {{i.title}} |
| | | </span> |
| | | </div> |
| | | </div> |
| | | <div v-if="active == 0"> |
| | | <h3 class="qiang"><span>仿¥å¿
æ¢</span><span class="zsz">æä¸åç䏿¢5æ</span></h3> |
| | | <div class="goods-wrap"> |
| | | <section class="goods"> |
| | | <a v-for="v in today" :key="v.id" v-on:click="handleCdetailFavorite(v)"> |
| | | <div class=""> |
| | | <img :src="v.pic" |
| | | class="fadeIn "> |
| | | <h5>{{v.dtitle}}</h5> |
| | | <div class="price___dfbCD">Â¥<span>{{v.jiage}}</span><u>Â¥{{v.yuanjia}}</u></div> |
| | | <div class="discount___1S9U2"> |
| | | <span>æ·æ¢è´</span> |
| | | <span>æä¸{{zhe(v)}}æ</span> |
| | | </div> |
| | | </div> |
| | | </a> |
| | | </section> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <div v-if="active == 0" class="choiceTitle___3ki4D"> |
| | | <img src="https://cmsstaticnew.dataoke.com/dist/static/double-discount-choice@2x.d2d5b409.png" alt="ä¸ºä½ ç²¾é"> |
| | | </div> |
| | | <div 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"><span>å·²æ¢{{digitalAbbNumber({num:g.xiaoliang})}}</span> |
| | | <button>马䏿¢</button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </a> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | |
| | | </body> |
| | | |
| | | </html> |
| | | <style> |
| | | </style> |
| | | |
| | | <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 |
| | | }) |
| | | var $time = new Date(); |
| | | new Vue({ |
| | | el: '#appMain', |
| | | data: { |
| | | goodsItem: [], |
| | | nav: [], |
| | | active: 0, |
| | | today: [], |
| | | loading: true, |
| | | sys: {}, |
| | | time:$time.getFullYear()+'-'+($time.getMonth()+1)+'-'+$time.getDate() |
| | | }, |
| | | methods: { |
| | | zhe: function (v) { |
| | | return Number(v.discount * 10).toFixed(1); |
| | | }, |
| | | accSub: function ({num}) { |
| | | var r1, r2, m, n; |
| | | try { |
| | | r1 = num[0].toString().split('.')[1].length; |
| | | } catch (e) { |
| | | r1 = 0; |
| | | } |
| | | try { |
| | | r2 = num[1].toString().split('.')[1].length; |
| | | } catch (e) { |
| | | r2 = 0; |
| | | } |
| | | m = Math.pow(10, Math.max(r1, r2)); //last modify by deeka //卿æ§å¶ç²¾åº¦é¿åº¦ |
| | | n = r1 >= r2 ? r1 : r2; |
| | | return ((num[0] * m - num[1] * m) / m).toFixed(n); |
| | | }, |
| | | digitalAbbNumber: function ({num = 0, unit}) { |
| | | var param = {}; |
| | | var k = 10000, |
| | | sizes = ['', 'ä¸+', '亿', 'ä¸äº¿'], |
| | | i; |
| | | if (num<=100) { |
| | | return num; |
| | | } |
| | | if (num < k && num>100) { |
| | | return num+"+"; |
| | | } else { |
| | | i = Math.floor(Math.log(num) / Math.log(k)); |
| | | param.value = parseFloat((num / Math.pow(k, i)).toFixed(1)); |
| | | param.unit = sizes[i]; |
| | | } |
| | | return param.value + (unit || param.unit); |
| | | }, |
| | | init: function () { |
| | | var that = this; |
| | | var url = 'https://dtkapi.ffquan.cn/dtk_go_app_api/v1/page-super-discount-cate' |
| | | $.get(url, function (res) { |
| | | that.nav = res.data; |
| | | }) |
| | | var todayUrl = 'https://dtkapi.ffquan.cn/dtk_go_app_api/v1/page-super-discount-today'; |
| | | $.get(todayUrl, function (res) { |
| | | that.today = res.data; |
| | | }) |
| | | this.getGoodsList(); |
| | | }, |
| | | handleIntersectionObserver: function () {}, |
| | | |
| | | handleSwiperNav: function (key, event) { |
| | | console.log(key, event.target) |
| | | this.active = key; |
| | | |
| | | var _this = this; |
| | | $(document).scrollTop(0); |
| | | |
| | | this.active = key; |
| | | setTimeout(function () { |
| | | _this.getGoodsList(); |
| | | }, 200) |
| | | |
| | | }, |
| | | 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 id = this.active, that = this; |
| | | this.loading = true |
| | | $.ajax({ |
| | | headers:{ |
| | | "token":this.getUrlPar("token") |
| | | }, |
| | | //url:'http://dfgapp.ushopvip.com/api/Activity/zsz_goods_list', |
| | | url:'http://appapitest.ushopvip.com/api/Activity/zsz_goods_list', |
| | | type:"post", |
| | | dataType:"json", |
| | | data:{ |
| | | cid:id, |
| | | app_key: _config.appKey, |
| | | } |
| | | }).done(function(res){ |
| | | if(res.code == 0){ |
| | | that.goodsItem = res.data.data.data.list; |
| | | that.sys = res.data.data && res.data.data.sys ? res.data.data.sys : null; |
| | | that.loading = false |
| | | } |
| | | }) |
| | | }, |
| | | handleCdetailFavorite: function (g) { |
| | | if (_config.jumpGoodsUrl) { |
| | | return _config.jumpGoodsUrl(g); |
| | | } |
| | | var params = { |
| | | site_id: this.sys.uid, |
| | | auth_id:this.sys.auth_id, |
| | | pid: this.sys.pid, |
| | | goodsid: g.goodsid, |
| | | need_tpwd: 1, |
| | | gid: g.gid, |
| | | is_auto_quan: 1, |
| | | d_title: g.title, |
| | | need_short_link: 1, |
| | | }; |
| | | if (this.sys.channel_id) { |
| | | params.relationId = this.sys.channel_id; |
| | | } |
| | | return new taobaoCode({ |
| | | type: 1, // type=>1 ååè½¬é¾ 2 æ´»å¨è½¬é¾ 3èªå®ä¹è·³è½¬ |
| | | ua: ['MicroMessenger', 'WeiBo'], // å®å¶ UA ua => [true]ä¸è·³è½¬å¤å¶æ·å£ä»¤æ¨¡å¼ |
| | | modelType: 0, // 0 => é»è®¤æå失败æç¤º modelType => 1 è¶
级红å
2 =>ä¼åºå¼¹çª ï¼å¤æç±»å é»è®¤ä¸ä¼ ï¼ç¨éå¤å¶æåæç¤ºææ¡å¤æï¼ |
| | | isRedPacket: false, // isRedPacket => true å¼å¯çº¢å
æµç¨ isRedPacket=> å
³é红å
æµç¨ ï¼æ¯å¦å¼å¯çº¢å
å¼¹çªæµç¨ï¼ |
| | | params: params, |
| | | regCode: /\#(.*?)\#/, //æ¿æ¢æ£å é»è®¤ #æ·å£ä»¤# |
| | | template: "伿 å·²çæï¼å¤å¶æ¬æ®µæåÂ¥#æ·å£ä»¤#Â¥ï¼æå¼æ·å®APPé¢å¸è´ä¹°",//æ¿æ¢æ¨¡ç |
| | | }); |
| | | } |
| | | }, |
| | | mounted: function () { |
| | | this.init() |
| | | }, |
| | | }) |
| | | </script> |
| | | <style> |
| | | html, body { |
| | | padding: 0; |
| | | margin: 0; |
| | | background-color: #f5f5f9; |
| | | } |
| | | |
| | | * { |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .title img { |
| | | height: 0.36rem; |
| | | vertical-align: middle; |
| | | } |
| | | |
| | | .title { |
| | | height: 0.9rem; |
| | | line-height: 0.9rem; |
| | | text-align: center; |
| | | background-color: #8e00d7; |
| | | color: white; |
| | | position: fixed; |
| | | width: 100vw; |
| | | z-index: 5; |
| | | } |
| | | |
| | | .banner { |
| | | height: 3.36rem; |
| | | background-image: url("https://img.alicdn.com/imgextra/i2/2053469401/O1CN016BjNN82JJi1L2MPYl_!!2053469401.png"); |
| | | background-size: contain; |
| | | position: relative; |
| | | } |
| | | |
| | | .desc img { |
| | | width: 0.22rem; |
| | | height: 0.22rem; |
| | | position: relative; |
| | | top: .02rem; |
| | | margin-right: .01rem; |
| | | } |
| | | |
| | | .desc { |
| | | bottom: 0.45rem; |
| | | left: 50%; |
| | | transform: translateX(-50%); |
| | | padding: 0 0.2rem; |
| | | position: absolute; |
| | | height: .4rem; |
| | | line-height: .4rem; |
| | | background-color: #ff19e0; |
| | | border-radius: .2rem; |
| | | font-size: .24rem; |
| | | font-weight: 400; |
| | | color: #fff; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .category { |
| | | height: 0.88rem; |
| | | line-height: 0.88rem; |
| | | font-size: 0.3rem; |
| | | overflow: hidden; |
| | | padding: 0 0.1rem; |
| | | } |
| | | |
| | | .items > span.act { |
| | | background: linear-gradient(90deg, #8e00ff, #b20aff); |
| | | color: white; |
| | | padding: 0 0.2rem; |
| | | border-radius: .24rem; |
| | | } |
| | | |
| | | .items > span { |
| | | color: #333; |
| | | font-weight: 500; |
| | | margin: 0 0.1rem; |
| | | display: inline-block; |
| | | line-height: 0.48rem; |
| | | height: 0.48rem; |
| | | } |
| | | |
| | | .items { |
| | | overflow: scroll; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .goods::-webkit-scrollbar, |
| | | .items::-webkit-scrollbar { |
| | | display: none; |
| | | } |
| | | |
| | | .qiang .zsz { |
| | | font-size: 0.22rem; |
| | | color: #888; |
| | | display: inline-block; |
| | | margin-left: .1rem; |
| | | } |
| | | |
| | | .qiang { |
| | | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAYAAAAIXrg4AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGKADAAQAAAABAAAAIAAAAABzZIbqAAAEHElEQVRIDbVWTWhcVRT+zn1v2gSSStqitl0YpErQ1mIyiURqFURBdKeC3Yh0WyIURdyILutCEQVRsqgUFdwJouhGdGeTNMVgFX/ALBSVUEzTaf7m3Xv8znvzZsZ5k5nnwsu8ufed852fe8655z6g5Nge1wlf1WU/qbN6p+4qKQZXFggJM05wS/B6qr4b42Xl+hqoHdGb6lV9SODGVQEn4qIIx/W4jpQxIjuB9G49mDicoQdPiGDUcJ4WGgKJQJZJ+pSY2d3zctn43UZXA0lVHyHjTYbkMOh1OtqRbTQfcFUdXo3/xuvyi2x1GmkXS3lU/jiJ5+j5sBFMlwcuk/YdXzYUup+0sUjksMXX+NwhaOh8NIzT8pXUSGqOuLniYntKqxLwTq48KJbp3UtxwCdyUa7mWJ3Q/V5wIlF9PoZMUzkih6fDNdTowAzDR0o2mjvQB3QgqeHzWHC/sULAkovwpMzJTw1sYdJpHUy2cTYSPGsFYDsJgqfiefmoAN6q6slQVbWHYVphko8VQF0I9FiSCX9OJ1WVsvWJsKT36J4camGEvqLOqT5jHthDZ96QS/JtDuo1Mxwaxe5FhvNXywdzc3Rb/YO5TGoAX+BWap00zT7oCsN0PgeUmeWC/MX6fT93MArRY7lcasDX/W2xkxErchVcxDx+ywFlZ+/xGfMW0rICjjKnaQFlVRSimxFlqhjJZZ5a221zGDhcxykSRl3AW6yoP5rMxqIS4fck6KqD7KXwDVjFEFmr/ypTwzpxLPuOsYYTzuFdcyJRmMwLHYj0lfnwFoXGLlJaloNu6DYaLR5IX1ndrLODbay+y8IOukpI5pPVOuvM2vZr9HRlA3hvaF7+7CrTIJYzYD2OW2cpoiIyxvWYNfoBj0PUM9PLQKkQsQ38zDBtsk1zA42Hxvhb66XceKV2IAsyVx/XR4k/VudfJQ0VrqxF+NiU9Bq5gUykB7KyKF+SbU+5EWV5y0IkbTtp3inl9HSgLIAWxcapYtlvTuntPOJpNzQmT/Kqzf95bKJGxevmt4iOJsBzbIROeN9+zThZb0+/ANjnF1yQH+hG04sSxizETI3d3RjhvW3Xa12DTLKvsX/wzyzbLVGBVKm6WkJpARJ4GVgzkiyjyvbh7QvhNOt7ic0O9qTGCqLlCGwnqQ6GeYs96SwW8L35jvQKjHBfFLC32IgIyBxrsbKDl1dgy3pWIHU6/OOuRfnGGKmBFmLn1fq0Hhoke4MBZcPb2DMnV3ZGtzh9DeiU7ku8fsjETafNnl7y1rrG3v9yvCizLVXdV31bRZLgjljkYQKH+QUxzPWQOBxQ0ZN2H3dX26IW49jipat4C5f8AD5g/u8NqixA6gzYFJG37T7ugBde+3qQS+hdeiMGIdeZA5bI+r4L0rfR5bL/6/wPvDd6z1FKJC0AAAAASUVORK5CYII=); |
| | | background-size: auto 0.32rem; |
| | | background-repeat: no-repeat; |
| | | background-position: 0.14rem center; |
| | | display: block; |
| | | line-height: 0.72rem; |
| | | height: 0.72rem; |
| | | font-size: 0.3rem; |
| | | box-sizing: border-box; |
| | | padding-left: 0.5rem; |
| | | margin: 0; |
| | | } |
| | | |
| | | .goods-wrap { |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .goods { |
| | | display: block; |
| | | white-space: nowrap; |
| | | padding: 0 .14rem; |
| | | font-size: 0; |
| | | overflow: scroll; |
| | | } |
| | | |
| | | .goods > a { |
| | | display: inline-block; |
| | | text-decoration: none; |
| | | } |
| | | |
| | | .goods > a > div h5 { |
| | | padding: 0; |
| | | margin: .16rem 0 0; |
| | | height: .32rem; |
| | | font-size: .22rem; |
| | | font-family: PingFangSC-Regular, PingFang SC; |
| | | font-weight: 400; |
| | | color: #333; |
| | | line-height: .32rem; |
| | | overflow: hidden; |
| | | white-space: normal; |
| | | } |
| | | |
| | | .goods > a > div .fadeIn { |
| | | width: 2rem; |
| | | height: 2rem; |
| | | display: block; |
| | | margin: 0 auto; |
| | | } |
| | | |
| | | .goods > a > div { |
| | | width: 2.2rem; |
| | | box-sizing: border-box; |
| | | padding: .1rem; |
| | | background: #fff; |
| | | border-radius: .16rem; |
| | | margin-right: .1rem; |
| | | } |
| | | |
| | | .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; |
| | | } |
| | | |
| | | .discount___1S9U2 span:nth-child(2) { |
| | | font-size: .2rem; |
| | | font-weight: 500; |
| | | line-height: .34rem; |
| | | height: .34rem; |
| | | background: linear-gradient( |
| | | 99deg, #9c00ff, #c110ff); |
| | | box-shadow: 0 0.02rem 0.08rem 0 rgb(224 0 255 / 31%); |
| | | border-radius: .18rem .18rem 0 .18rem; |
| | | padding-left: .76rem; |
| | | display: block; |
| | | text-align: right; |
| | | position: relative; |
| | | top: 0.1rem; |
| | | } |
| | | |
| | | .discount___1S9U2 span:first-child { |
| | | height: .42rem; |
| | | line-height: .42rem; |
| | | background: linear-gradient( |
| | | 315deg, #ff80fd, #ff59fe 29%, #f600ff); |
| | | box-shadow: 0.02rem 0 0.06rem 0 rgb(127 20 190 / 20%); |
| | | border-radius: 0 .22rem 0 .16rem; |
| | | font-size: .2rem; |
| | | font-weight: 500; |
| | | padding: 0 .1rem; |
| | | position: absolute; |
| | | left: 0; |
| | | bottom: 0; |
| | | z-index: 3; |
| | | } |
| | | |
| | | .discount___1S9U2 { |
| | | height: .42rem; |
| | | font-family: PingFangSC-Medium, PingFang SC; |
| | | color: #fff; |
| | | position: relative; |
| | | margin-bottom: .06rem; |
| | | font-size: 0; |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .choiceTitle___3ki4D img { |
| | | width: 1.66rem; |
| | | height: .7rem; |
| | | vertical-align: top; |
| | | display: block; |
| | | border: none; |
| | | } |
| | | |
| | | .choiceTitle___3ki4D { |
| | | padding-top: .18rem; |
| | | background-color: #f6f6f6; |
| | | display: -webkit-flex; |
| | | display: -ms-flexbox; |
| | | display: flex; |
| | | -webkit-align-items: center; |
| | | -ms-flex-align: center; |
| | | align-items: center; |
| | | -webkit-justify-content: center; |
| | | -ms-flex-pack: center; |
| | | justify-content: center; |
| | | -webkit-flex-direction: row; |
| | | -ms-flex-direction: row; |
| | | flex-direction: row; |
| | | -webkit-flex-wrap: nowrap; |
| | | -ms-flex-wrap: nowrap; |
| | | flex-wrap: nowrap; |
| | | } |
| | | |
| | | .ulist > a { |
| | | display: block; |
| | | text-decoration: none; |
| | | } |
| | | |
| | | .ulist { |
| | | display: block; |
| | | } |
| | | |
| | | .detail___3ZQFW { |
| | | background-color: #fff; |
| | | height: 2.2rem; |
| | | border-radius: .16rem; |
| | | margin: .2rem .2rem 0; |
| | | 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: .19rem; |
| | | padding: 1px .04rem; |
| | | background: #fff; |
| | | border-radius: .02rem 0 0 .02rem; |
| | | text-align: center; |
| | | margin-right: .06rem; |
| | | } |
| | | |
| | | .coupon___2SVZi { |
| | | margin-top: 6px; |
| | | height: .24rem; |
| | | background: linear-gradient( |
| | | 90deg, #ff8873, #ff4f4f); |
| | | border-radius: .04rem; |
| | | display: inline-block; |
| | | line-height: .24rem; |
| | | 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; |
| | | } |
| | | |
| | | .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 .price___dfbCD u { |
| | | text-decoration: none; |
| | | font-size: .22rem; |
| | | font-weight: 400; |
| | | color: #777; |
| | | line-height: .32rem; |
| | | } |
| | | |
| | | .detail___3ZQFW .choiceInfo___3ZuEa .operation___3KazI button { |
| | | border: none; |
| | | width: 1.36rem; |
| | | height: .4rem; |
| | | line-height: .4rem; |
| | | background: linear-gradient( |
| | | 270deg, #ff4afc, #da00ff); |
| | | box-shadow: 0 0.02rem 0.06rem 0 rgb(255 39 252 / 43%); |
| | | 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 .operation___3KazI span { |
| | | height: .3rem; |
| | | font-size: .2rem; |
| | | font-family: PingFangSC-Regular, PingFang SC; |
| | | font-weight: 400; |
| | | color: #fa40fd; |
| | | line-height: .3rem; |
| | | margin-bottom: .1rem; |
| | | } |
| | | |
| | | .detail___3ZQFW .choiceInfo___3ZuEa .operation___3KazI { |
| | | position: absolute; |
| | | right: .1rem; |
| | | bottom: .06rem; |
| | | display: flex; |
| | | flex-direction: column; |
| | | flex-wrap: nowrap; |
| | | } |
| | | |
| | | .loading { |
| | | display: flex; |
| | | position: fixed; |
| | | width: 100vw; |
| | | height: 100vh; |
| | | background: rgba(0, 0, 0, 0.2); |
| | | top: 0; |
| | | left: 0; |
| | | z-index: 10; |
| | | justify-content: center; |
| | | align-items: center; |
| | | font-size: .35rem; |
| | | color: #333; |
| | | } |
| | | .sys{ |
| | | width: 100%; |
| | | height: 100vh; |
| | | position: fixed; |
| | | z-index: 9999999; |
| | | background: rgba(0, 0, 0, 0.6) |
| | | url('https://sr.ffquan.cn/dtk_yunying/20210803/c44albf6vrkd4bd59itg0.png') |
| | | center center no-repeat; |
| | | background-size: 2.4rem auto; |
| | | } |
| | | |
| | | </style> |