From 985c5676a7df21074410628938b157b0b4d15a39 Mon Sep 17 00:00:00 2001
From: zhaojs <349234519@qq.com>
Date: 星期三, 07 六月 2023 16:36:25 +0800
Subject: [PATCH] no message
---
application/api/logic/taoke/device/Dataoke.php | 39 +
public/html/bybt.html | 26
public/html/zsz_act.html | 731 ++++++++++++++++++++++++++++++++++
public/html/tb_minishop.html | 424 ++++++++++++++++++++
application/api/controller/Activity.php | 31 +
5 files changed, 1,233 insertions(+), 18 deletions(-)
diff --git a/application/api/controller/Activity.php b/application/api/controller/Activity.php
index 62a2a12..1121d87 100644
--- a/application/api/controller/Activity.php
+++ b/application/api/controller/Activity.php
@@ -26,4 +26,35 @@
$this->success('鑾峰彇鎴愬姛',$list);
}
+ /**
+ *
+ * 浠婃棩鎶樹笂鎶�
+ */
+ public function zsz_goods_list()
+ {
+ $cid = request()->param('cid','');
+
+ $appkey = request()->param('app_key','');
+
+ $LogicDataoke = new LogicDataoke();
+ $list=$LogicDataoke->zszGoodsList($cid, $appkey);
+ $this->success('鑾峰彇鎴愬姛',$list);
+ }
+
+ /**
+ *
+ * 灏忔牱
+ */
+ public function xy_goods_list()
+ {
+ $keyword = request()->param('keyword','');
+ $apikey=request()->param('apikey','');
+ $back=request()->param('back',10);
+ $min_id = request()->param('min_id',1);
+
+ $LogicDataoke = new LogicDataoke();
+ $list=$LogicDataoke->xyGoodsList($apikey, $keyword,$min_id,$back);
+ $this->success('鑾峰彇鎴愬姛',$list);
+ }
+
}
\ No newline at end of file
diff --git a/application/api/logic/taoke/device/Dataoke.php b/application/api/logic/taoke/device/Dataoke.php
index 55ea2a6..16046ab 100644
--- a/application/api/logic/taoke/device/Dataoke.php
+++ b/application/api/logic/taoke/device/Dataoke.php
@@ -30,6 +30,8 @@
'album_url' => 'https://openapi.dataoke.com/api/album/album-list',
'album_goods_url'=>'https://openapi.dataoke.com/api/album/goods-list',
'fqb_url'=>'https://dtkapi.ffquan.cn/dtk_go_app_api/v1/page-goods-ranking',
+ 'zsz_url'=>'https://dtkapi.ffquan.cn/dtk_go_app_api/v1/page-super-discount',
+ 'xy_url'=>'https://v2.api.haodanku.com/makeup_items',
'friends-circle-list'=>'https://openapi.dataoke.com/api/goods/friends-circle-list',
'parse_url'=>'https://openapi.dataoke.com/api/dels/kit/contentParse',
'similer_url'=>'https://openapi.dataoke.com/api/goods/list-similer-goods-by-open',
@@ -118,7 +120,44 @@
$result['data']['data']=$list;
return $result;
}
+ /**
+ *
+ *鎶樹笂鎶樺崟椤垫帴鍙�
+ */
+ public function zszGoodsList($cid,$appkey)
+ {
+ $params = $this->setParams(['cId'=>$cid,'app_key'=>$appkey]);
+ $result = send_get(self::request_url['zsz_url'],$params);
+ if(empty($result) || $result['code'] != 1) return [];
+ $list = $result['data']['data']['list'];
+ if(!empty($list)){
+ foreach($list as &$goods){
+ $goods = self::GetGoodsFy($goods,$goods["jiage"],$goods["yongjin"]/100);
+ }
+ }
+ $result['data']['data']['list']=$list;
+ return $result;
+ }
+ /**
+ *
+ *灏忔牱鍗曢〉鎺ュ彛
+ */
+
+ public function xyGoodsList($apikey,$keyword,$min_id,$back)
+ {
+ $params = $this->setParams(['apikey'=>$apikey,'keyword'=>$keyword,'min_id'=>$min_id,'back'=>$back]);
+ $result = send_get(self::request_url['xy_url'],$params);
+ if(empty($result) || $result['code'] != 200) return [];
+ $list = $result['data'];
+ if(!empty($list)){
+ foreach($list as &$goods){
+ $goods = self::GetGoodsFy($goods,$goods["itemendprice"],$goods["tkrates"]);
+ }
+ }
+ $result['data']=$list;
+ return $result;
+ }
/**
* 鑾峰彇涓撹緫鍒楄〃
*
diff --git a/public/html/bybt.html b/public/html/bybt.html
index 46b661a..c0efaad 100644
--- a/public/html/bybt.html
+++ b/public/html/bybt.html
@@ -38,18 +38,15 @@
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>
<script>
var _config = {
appKey: 'kowwtb', //姝ゅ鏇挎崲鎴愮敤鎴穉ppKey
-
// 闇�瑕佽嚜琛屾帴鍏ョ偣鍑诲晢鍝佸悗鐨勯�昏緫 锛堥潪蹇呭～锛�
- jumpGoodsUrl: function (items) { // 鏇挎崲涓鸿缁嗛〉闈㈢殑鍦板潃鎴栬浆閾鹃�昏緫
- uni.navigateTo({
- url: '/pages/goods/goodsDetail?id=' + items.goodsid
- });
- }
+ // jumpGoodsUrl: function (items) { // 鏇挎崲涓鸿缁嗛〉闈㈢殑鍦板潃鎴栬浆閾鹃�昏緫
+ // window.open('https://xxxx&gid=' + items.goodsid);
+ // }
};
</script>
<style>
@@ -428,7 +425,6 @@
:key="index"
class="list"
:id="'goodsList'+index"
- @click="targetItem(item)"
>
<div class="pic"><img :src="imgFomate(item.pictUrl)" /></div>
<div class="center">
@@ -512,12 +508,6 @@
nowPage: 1,
},
methods: {
- targetItem(item)
- {
- uni.navigateTo({
- url: '/pages/goods/goodsDetail?id=' + item.itemId
- });
- },
isStart(item) {
if (this.getTime(item.activityStartTime) >= new Date()) {
layer.msg('鎶㈣喘鏆傛湭寮�濮�');
@@ -651,13 +641,13 @@
}
setTimeout(function () {
- /* for (var i = 0; i < _this.goodsList1.length; i++) {
+ for (var i = 0; i < _this.goodsList1.length; i++) {
_this.handleClipboard(
document.getElementById('goodsList' + i),
_this.goodsList1[i],
true
);
- } */
+ }
if (code == 200) {
$.ajax({
@@ -668,12 +658,12 @@
url: _this.linkKZ + '#/bybt?app_key='+_config.appKey,
},
}).done(function (res) {
- /* _this.handleClipboard(
+ _this.handleClipboard(
document.getElementById('shareID'),
{},
false,
'鑱氬垝绠楀彂琛ヨ创绂忓埄浜嗭紝澶х墝姝ｅ搧锛屼拱璐靛繀闄紝灏忎紮浼翠滑蹇潵鎶㈣喘鍚'+res.data
- ); */
+ );
});
}
}, 500);
diff --git a/public/html/tb_minishop.html b/public/html/tb_minishop.html
new file mode 100644
index 0000000..32af47f
--- /dev/null
+++ b/public/html/tb_minishop.html
@@ -0,0 +1,424 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>灏忔牱绉嶈崏鏈�</title>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
+ <link rel="stylesheet" href="https://cdn.staticfile.org/minireset.css/0.0.2/minireset.css">
+ <link rel="stylesheet" href="https://at.alicdn.com/t/font_1534407_mj4m6393aya.css">
+ <script src="https://cdn.staticfile.org/promise-polyfill/8.2.0/polyfill.min.js"></script>
+ <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
+ <script src="https://cdn.staticfile.org/vue/3.0.11/vue.global.js"></script>
+ <script src="https://cdn.staticfile.org/vant/3.2.4/vant.min.js"></script>
+ <script src="https://img.bc.haodanku.com/cms/SpaUtils.min.js"></script>
+ <script src="https://img.bc.haodanku.com/cdn/vant-touch-emulator.js"></script>
+ <link href="https://cdn.staticfile.org/vant/3.2.4/index.min.css" rel="stylesheet">
+ <link rel="stylesheet" href="https://img.bc.haodanku.com/cdn/locss.css">
+ <meta name="referrer" content="no-referrer">
+ <script src="https://img.bc.haodanku.com/cdn/tsUtils.js"></script>
+ <script defer>document.write('<link rel="stylesheet" href="https://img.bc.haodanku.com/cms/tb_minishop.css?t=' + (Date.now() - Date.now() % (60 * 1000 * 30)) + '"/>')</script>
+ <script type="text/javascript" src="https://img.ushopvip.com/js/uni-webview-js.js"></script>
+ </head>
+
+ <body>
+ <template id="c-card">
+ <div class="card row _ flex-c">
+ <img class="cover" v-lazy="item.itempic" v-if="item.itempic"/>
+ <img
+ class="cover"
+ src="http://img.bc.fqapps.com/fudai13cae4ae6ef16739ed3b100a2ec39e97.gif"
+ alt=""
+ v-else
+ />
+ <div class="detail">
+ <div class="title">
+ <span>{{ item.itemshorttitle || item.itemtitle }}</span>
+ </div>
+ <div class="shop-name _ flex-c">
+ <img class="icon" src="https://img.bc.haodanku.com/cms/1646039788" :alt="item.shop_name"/>
+ <span class="value">{{ item.shopname }}</span>
+ </div>
+ <div class="tags">
+ <div class="f_div"><span class="f_fan">杩�</span>{{item.fanli}}鍏�</div>
+ <div v-for="tab in item.new_label" class="tag _ flex-c-c">{{tab}}</div>
+ </div>
+ <div class="price">
+ <div class="end-price">
+ <div class="label">鎶㈣喘浠�</div>
+ <div class="value">锟�<strong>{{ Number(item.itemendprice) }}</strong></div>
+ </div>
+ <div class="origin">
+ <del>锟{ Number(item.itemprice) }}</del>
+ </div>
+ </div>
+ <div class="btn-block">
+ <div class="_ btn btn-order">
+ <span v-on:click.capture="buy">绔嬪嵆涓嬪崟</span>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+
+ <div id="single-page-app" v-cloak>
+ <van-pull-refresh v-model="refreshing" @refresh="reGetListData">
+ <van-list class="page-container" v-bind:loading="listData.loading" v-bind:finished="listData.finished" v-on:load="getListData"><!-- 搴曢儴鎻愮ず -->
+ <template v-slot:finished v-if="listData.list.length"><span class="list-item-loading">-浼樻儬鍒板簳鍟�-</span></template>
+ <template v-slot:loading><span class="list-item-loading">鏁版嵁姝ｅ湪璧舵潵鐨勮矾涓�...</span></template>
+ <div class="banner-wrapper" ref="bannerRef"><img class="free-banner" v-bind:src="banner" alt=""></div>
+ <van-sticky class="fixed-box">
+ <van-search v-model="searchValue" show-action placeholder="璇疯緭鍏ユ悳绱㈠叧閿瘝/閾炬帴" @search="onSearch" @clear="onSearchClear">
+ <template v-slot:action>
+ <div class="_ flex-c-c" @click="onSearch">鎼滅储</div>
+ </template>
+ </van-search>
+ </van-sticky>
+ <div class="page-content" ref="list" v-bind:class="{'empty-list':!listData.list.length}">
+ <div class="lists" ref="listsRef" v-if="listData.list.length || listData.finished">
+ <card v-for="(item, index) in listData.list" v-bind:item="item" v-bind:key="item.itemid" v-on:transfer="handleGoodsTransfer"></card>
+ </div>
+ <div class="empty" v-show="!listData.list.length && !loading">
+ <div class="empty-box"><img src="http://img.bc.haodanku.com/cms/1627883509">
+ <div class="text">鏆傛棤鏁版嵁~</div>
+ </div>
+ </div>
+ </div>
+ </van-list>
+ </van-pull-refresh>
+ <div class="back-top-wrap max-width" v-movable>
+ <div class="_ btn back-top" v-on:click="backTop" v-bind:class="{hide: scrollTop < 600}"></div>
+ </div>
+ <share v-on:share="handleShare" v-bind:class="{hide:isScrollToDown}"></share>
+ <van-overlay v-bind:show="loading">
+ <van-loading color="#0094ff"></van-loading>
+ </van-overlay>
+ </div>
+ <script>
+ function useBase() {
+ const listDataStr = JSON.stringify({
+ list: [],
+ loading: false,
+ finished: false,
+ min_id: 1,
+ pageTotal: 1,
+ pageCurrent: 0
+ });
+
+ const scrollTop = Vue.ref(0);
+ const listData = Vue.reactive(JSON.parse(listDataStr));
+
+ // 鏍规嵁寰俊娴忚鍣ㄧ缉鏀炬瘮渚嬭缃畆em缂╂斁
+ if(SpaUtils.inWechat() && "ontouchstart" in window) {
+ const scale = SpaUtils.getFontScale(true);
+ document.documentElement.style.fontSize =
+ "calc(13.33333vw * " + scale + ")";
+ }
+
+ return {
+ listDataStr,
+ data: {
+ scrollTop,
+ listData
+ },
+ useScrollEndMounted(onScrollEnd, onNotScrollEnd) {
+ Vue.onMounted(function() {
+ window.addEventListener("scroll", function(ev) {
+ scrollTop.value = document.documentElement.scrollTop || document.body.scrollTop;
+ if(SpaUtils.isScrollEnd(this, "vertical", 40)) {
+ onScrollEnd && onScrollEnd();
+ } else {
+ onNotScrollEnd && onNotScrollEnd();
+ }
+ });
+ });
+ },
+ methods: {
+ onScrollEnd() {
+ this.getListData();
+ },
+ handleShare() {
+ SpaUtils.copy(location.href, "澶嶅埗鎴愬姛锛屽垎浜粰韬竟濂藉弸鍚");
+ },
+ resetListData(isCleanList = true) {
+ Object.assign(
+ listData,
+ JSON.parse(listDataStr),
+ isCleanList ? undefined : {list: listData.list}
+ );
+ }
+ }
+ };
+}function getComponents() {
+ const Card = Vue.defineComponent({
+ template: "#c-card",
+ props: {
+ item: Object
+ },
+ emits: ["transfer"],
+ setup(props, ctx) {
+ return {
+ buy(e, type = "buy") {
+ uni.navigateTo({
+ url: '/pages/goods/goodsDetail?id=' + props.item.itemid
+ });
+ //ctx.emit("transfer", {e, item: props.item, type});
+ },
+ getMoneyStr: SpaUtils.numWan
+ };
+ }
+ });
+ const Share = Vue.defineComponent({
+ template: "#c-share",
+ emits: ["show-directer"],
+ setup(props, ctx) {
+ return {
+ handleShare() {
+ ctx.emit("share");
+ },
+ showDirecter() {
+ ctx.emit("show-directer");
+ }
+ };
+ }
+ });
+ return {card: Card, share: Share};
+}
+
+ </script>
+ <script>window.onload = function() {
+ const stamp = Date.now() - (Date.now() % (60 * 1000 * 30));
+ const app = Vue.createApp({
+ name: "App",
+ directives: {
+ movable: SpaUtils.movable
+ },
+ components: getComponents(),
+ setup() {
+ const {
+ data: baseData,
+ methods: baseMethods,
+ useScrollEndMounted
+ } = useBase();
+ const customParams = useCustomParams();
+ const data = {
+ ...baseData,
+ banner: "https://img.bc.haodanku.com/cms/1646037895?t=" + stamp,
+ top: 0,
+ loading: Vue.ref(false),
+ refreshing: Vue.ref(false),
+ isScrollToDown: Vue.ref(false),
+ searchValue: Vue.ref(""),
+ isload:false,
+ ...customParams
+ };
+ const methods = {
+ ...baseMethods,
+ backTop() {
+ $("html,body").animate({scrollTop: 0});
+ },
+ backTopAndReGetListData() {
+ methods.resetListData(false);
+ methods.backTop();
+ return methods.getListData(true);
+ },
+ reGetListData() {
+ methods.resetListData(false);
+ return methods.getListData(true);
+ },
+ onSearchClear() {
+ data.searchValue.value = "";
+ methods.backTopAndReGetListData();
+ },
+ onSearch() {
+ methods.backTopAndReGetListData();
+ },
+ getUrlPar(name)
+ {
+ var reg=new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+ var r=window.location.search.substr(1).match(reg);
+ if(r !=null)return unescape(r[2]);
+ return null;
+ },
+ async getListData(clean) {
+ const loading = data.loading;
+ const listData = data.listData;
+ if(data.isload,loading.value || listData.loading || listData.finished)
+ {
+ return Promise.reject();
+ }
+ data.isload=true;
+ listData.loading = true;
+ if(clean) {
+ loading.value = true;
+ }
+ try {
+ const min_size = 10;
+ const param = {
+ ...customParams.getListDataParams(),
+ keyword: data.searchValue.value,
+ min_id: data.listData.min_id,
+ back: min_size
+ };
+ /* const url = "https://v2.api.haodanku.com/makeup_items";
+ const res = await SpaUtils.Request.get(url, param).promise; */
+
+ /*璇锋眰app*/
+
+ $.ajax({
+ headers:{
+ "token":methods.getUrlPar("token")
+ },
+ url:'http://dfgapp.ushopvip.com/api/Activity/xy_goods_list',
+ // url:'http://appapitest.ushopvip.com/api/Activity/xy_goods_list',
+ //url:'http://dfg.shop.com/index.php/api/Activity/xy_goods_list',
+ type:"post",
+ dataType:"json",
+ data:param,
+ success: function success(res) {
+ data.isload=false;
+ listData.loading = false;
+ loading.value = false;
+ data.refreshing.value = false;
+ const list = res.data.data || [];
+ listData.list = clean ? list : listData.list.concat(list);
+ listData.finished =
+ listData.min_id == res.data.min_id ||
+ !list.length ||
+ list.length < min_size;
+ listData.min_id = res.data.min_id || listData.min_id;
+ return res.data;
+ },
+ error: function error(e) {
+ data.isload=false;
+ }
+ })
+
+ /*璇锋眰app end*/
+
+ } catch(e) {
+ listData.list = [];
+ listData.finished = true;
+ } finally {
+ /* setTimeout(() => {
+ listData.loading = false;
+ loading.value = false;
+ data.refreshing.value = false;
+ }, 200); */
+ }
+ },
+ /**
+ * 鍟嗗搧杞摼
+ * @param e {MouseEvent}
+ * @param item
+ */
+ async handleGoodsTransfer({e, item}) {
+ const param = {
+ itemid: item.itemid,
+ title: item.itemshorttitle || item.itemtitle,
+ get_taoword: 1,
+ ...customParams.getTransferParams()
+ };
+
+ const loading = data.loading;
+ loading.value = true;
+ try {
+ const transferUrl = SpaUtils.addProtocol("v2.api.haodanku.com/ratesurl");
+ const params = {
+ platformType: "tb",
+ itemData: item,
+ url: customParams.getTransferUrl ? customParams.getTransferUrl() : transferUrl,
+ el: e.target,
+ data: param,
+ copySuccessMsg: "澶嶅埗鍙ｄ护鎴愬姛,璇锋墦寮�娣樺疂棰嗗彇",
+ requestCB(res) {
+ },
+ getCopyTarget(res) {
+ if(typeof res.data === "object") {
+ return "0" + res.data.taoword + "/";
+ }
+ return res.data;
+ }
+ };
+ const utils = window.SdkUtils || window.SpaUtils;
+ await utils.conversionLink(params);
+ } catch(e) {
+ SpaUtils.toast(e.msg || "杞摼澶辫触");
+ } finally {
+ setTimeout(function() {
+ loading.value = false;
+ }, 200);
+ }
+ }
+ };
+
+ function init() {
+ useScrollEndMounted();
+ Vue.watch(baseData.scrollTop, (n, o) => {
+ data.isScrollToDown.value = n > o;
+ });
+ }
+
+ init();
+ return {...data, ...methods};
+ }
+ });
+ app.use(vant);
+ app.use(vant.Lazyload, {
+ lazyComponent: true,
+ preLoad: 1.3,
+ error: "http://img.bc.haodanku.com/haodanku/1595237918",
+ loading:
+ "http://img.bc.fqapps.com/fudai13cae4ae6ef16739ed3b100a2ec39e97.gif",
+ attempt: 1
+ });
+ app.mount("#single-page-app");
+};
+
+ </script>
+ <script>
+ function useCustomParams() {
+ const customParams = {
+ apikey: "0F92EBA7AADA", //蹇呭～
+ pid: "mm_4091757048_2894550400_114860500173", //蹇呭～
+ tb_name: "tb108547775155", //蹇呭～
+ relation_id: "", //閫夊～
+ }
+ return {
+ customParams,
+ // 鑾峰彇鍒楄〃鏁版嵁鍙傛暟
+ getListDataParams() {
+ return {apikey: customParams.apikey}
+ },
+ // 杞摼鍙傛暟
+ getTransferParams(item) {
+ return {...customParams};
+ }
+ }
+ }
+ </script>
+
+ </body>
+</html>
+<style>
+ .f_div
+ {
+ background: #A429F3;
+ border-radius: 0.04rem;
+ color: #fff;
+ padding: 0 0.06rem 0 0.02rem;
+ align-items: center;
+ display: inline-block;
+ margin: .05rem;
+ }
+ .f_fan
+ {
+ background: #fff;
+ display: inline-block;
+ color: #A429F3;
+ padding: 0 0.04rem;
+ text-align: center;
+ border-radius: 0.02rem 0 0 0.02rem;
+ margin-right: 0.06rem;
+ }
+</style>
\ No newline at end of file
diff --git a/public/html/zsz_act.html b/public/html/zsz_act.html
new file mode 100644
index 0000000..e8c1964
--- /dev/null
+++ b/public/html/zsz_act.html
@@ -0,0 +1,731 @@
+<!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',//姝ゅ鏇挎崲鎴愮敤鎴穉ppKey
+ // 闇�瑕佽嚜琛屾帴鍏ョ偣鍑诲晢鍝佸悗鐨勯�昏緫 锛堥潪蹇呭～锛�
+ 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" style="padding-top: 15px;">
+ <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>鑱氬垝绠椾环 楼{{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 size = (document.body.clientWidth || document.documentElement.clientWidth);
+ 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',
+ 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>
--
Gitblit v1.9.3