1615 lines
42 KiB
Vue
1615 lines
42 KiB
Vue
<template>
|
||
<view class="uni-tab-bar" v-if="loadPageFlag" :style="{background:(BgConfig.BackgroundObj.type==1?BgConfig.BackgroundObj.bgColor:('url('+BgConfig.BackgroundObj.path+') no-repeat '+ BgConfig.BackgroundObj.pathColor))}">
|
||
<status-bar :backgroundColor="PageNav.window.navigationBarBackgroundColor" v-if="false"></status-bar>
|
||
|
||
<download-app :color="PageNav.window.navigationBarTextStyle" :backgroundColor="PageNav.window.navigationBarBackgroundColor"></download-app>
|
||
|
||
<uni-nav-bar :leftFlag="!!Config.SUBSITE_ENABLE || !!Config.CHAIN_ENABLE || !!Config.LANG_ENABLE" :left-width="leftWidth" :rightFlag="rightFlag" :statusBar="true" :fixed="true" :border="false" :color="PageNav.window.navigationBarTextStyle" :backgroundColor="PageNav.window.navigationBarBackgroundColor" :background-color="PageNav.window.navigationBarBackgroundColor" :style="'background-color: ' + PageNav.window.navigationBarBackgroundColor" :rightWidth="rightWidth">
|
||
<block slot="left">
|
||
<view class="city" v-if="!!Config.SUBSITE_ENABLE || !!Config.CHAIN_ENABLE || !!Config.LANG_ENABLE">
|
||
<block v-if="!!Config.SUBSITE_ENABLE || !!Config.CHAIN_ENABLE">
|
||
<view style="display: contents;" @click.stop="showCity">
|
||
<uni-icons type="location" :color="PageNav.window.navigationBarTextStyle" size="18" />
|
||
<view style="font-size: 14px;max-height: 80rpx;" class="uni-ellipsis">{{ city }}</view>
|
||
</view>
|
||
</block>
|
||
<block v-if="!!Config.LANG_ENABLE">
|
||
<view style="display: contents;" @click.stop="showConfirmLang">
|
||
<image :src="current_img" mode="widthFix" style="width: 36rpx;height: 36rpx;line-height: 36rpx;margin-left:10rpx;" :color="PageNav.window.navigationBarTextStyle"></image>
|
||
<view style="font-size: 14px;max-height: 80rpx;" class="uni-ellipsis">{{ current_label }}</view>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
</block>
|
||
<view class="input-view">
|
||
<uni-icons type="search" size="22" color="#666666" style="line-height: 60rpx;" />
|
||
<input confirm-type="search" class="input" type="text" :placeholder="__('输入关键词')" @click="onSearch">
|
||
</view>
|
||
<block slot="right">
|
||
<view v-if="rightFlag" style="padding-right: 14rpx;line-height: 80rpx;height: 80rpx;opacity: 1;position:relative;" @click.stop="$.gopage('/member/member/message')">
|
||
<uni-icons type="chat" :color="PageNav.window.navigationBarTextStyle" size="24" :style="'padding-bottom:2px;color:' + PageNav.window.navigationBarTextStyle" />
|
||
<view class="msg-num" v-if="newMsgNum>0">{{newMsgNum}}</view>
|
||
</view>
|
||
</block>
|
||
</uni-nav-bar>
|
||
<view :style="'background: ' + PageNav.window.navigationBarBackgroundColor +';border: 0;padding-left:20rpx;padding-right:20rpx;'">
|
||
<scroll-view id="tab_tab-bar" class="uni-swiper-tab" scroll-x :scroll-left="scrollLeft" :style="'background: ' + PageNav.window.navigationBarBackgroundColor +';border: 0;width:660rpx;float:left;'" v-if="tabBars.length>1">
|
||
<view v-for="(tab,index) in tabBars" :key="tab.id" class="swiper-tab-list" :class="tabIndex==index ? 'active' : ''" :id="'tab_' + tab.id" :data-current="index" @click="tapTab">
|
||
<view class="pt20 text" :style="'color:' + PageNav.window.navigationBarTextStyle">{{tab.category_alias || tab.category_name || " "}}</view>
|
||
<view class="bg-main" :style="tabIndex==index ? '' : ''"></view>
|
||
</view>
|
||
</scroll-view>
|
||
<view v-if="tabBars.length>1" class="swiper-tab-rigth-box" style="width: 40rpx;text-align:center;float: right;" :style="'color:' + PageNav.window.navigationBarTextStyle" @click="goToCate()">
|
||
<view :class="['swiper-tab-icon iconfont zc zc-chanpinnormal']">
|
||
<text v-if="false">{{__('分类')}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<swiper :current="tabIndex" class="swiper-box" :duration="300" @change="changeTab">
|
||
<swiper-item v-for="(tab, index1) in swiperTabItems" :key="index1">
|
||
<scroll-view class="list" scroll-y @scroll="onScroll" @scrolltolower="scrolltolower('pageIndex-'+index1)" :scroll-top="scrollTop" scroll-with-animation="true">
|
||
<diy :BgConfig="tab.BgConfig" :PageContent="tab.PageContent" :pageId="tab.pageId" :PageNav="tab.PageNav" :loadPageFlag="tab.loadPageFlag" :StoreInfo="chatInfo" :hideDiy="hideDiy" :uniId="'pageIndex-'+index1"></diy>
|
||
|
||
<view class="uni-tab-bar-loading" v-if="!(tab.loadPageFlag)">
|
||
{{tab.loadingText || __('加载中....')}}
|
||
</view>
|
||
</scroll-view>
|
||
</swiper-item>
|
||
</swiper>
|
||
<coupon ref="coupon" :user_is_new="userInfo.user_is_new || false" :CouponAmount="100" :mskType="1" v-if="false"></coupon>
|
||
|
||
|
||
<!-- 弹出层 -->
|
||
<view class="uni-banner" style="background:#FFFFFF;height: 800rpx;" v-if="bannerShow">
|
||
<view style="justify-content:flex-end;" @tap="closeBanner">
|
||
<view style="justify-content:flex-end; text-align:right; padding:20rpx;">
|
||
<text class="uni-icon uni-icon-close"></text>
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<scroll-view scroll-y="true" style="height:550rpx;">
|
||
<view class="uni-padding-wrap" style="width: 96%;margin-right: 40rpx;">
|
||
<view class="uni-title">{{__('语言选择')}}</view>
|
||
<view>
|
||
<radio-group class="lang" @change="onLangChange">
|
||
<label v-for="(lang, idx) in Lang.data.items" :key="idx" class="lang-list">
|
||
<view class="option">
|
||
<view class="img">
|
||
<image :src="lang.img" mode="widthFix"></image>
|
||
</view>
|
||
<text class="txt">{{lang.label}}</text>
|
||
</view>
|
||
<radio :value="lang.lang" :checked="lang.lang == Lang.lang"></radio>
|
||
</label>
|
||
</radio-group>
|
||
</view>
|
||
</view>
|
||
<block v-if="false">
|
||
<view class="uni-title uni-common-mt uni-common-pl">{{__('汇率选择')}}</view>
|
||
<view class="uni-list">
|
||
<radio-group @change="onCurrencyChange">
|
||
<label class="uni-list-cel uni-list-cell-pd">
|
||
<view>
|
||
<radio value="100971" checked="true" v-if="current_currency == 100971" />
|
||
<radio value="100971" v-else />
|
||
</view>
|
||
<image src="/static/images/national/AED.png" style="width: 60rpx;height: 40rpx"></image>
|
||
<view>{{__('AED')}}</view>
|
||
|
||
</label>
|
||
<label class="uni-list-cel uni-list-cell-pd">
|
||
<view>
|
||
<radio value="100966" checked="true" v-if="current_currency == 100966" />
|
||
<radio value="100966" v-else />
|
||
</view>
|
||
<image src="/static/images/national/SAR.png" style="width: 60rpx;height: 40rpx"></image>
|
||
<view>{{__('SAR')}}</view>
|
||
</label>
|
||
<label class="uni-list-cel uni-list-cell-pd">
|
||
<view>
|
||
<radio value="100973" checked="true" v-if="current_currency == 100973" />
|
||
<radio value="100973" v-else />
|
||
</view>
|
||
<image src="/static/images/national/BHD.png" style="width: 60rpx;height: 40rpx"></image>
|
||
<view>{{__('BHD')}}</view>
|
||
</label>
|
||
<label class="uni-list-cel uni-list-cell-pd">
|
||
<view>
|
||
<radio value="100968" checked="true" v-if="current_currency == 100968" />
|
||
<radio value="100968" v-else />
|
||
</view>
|
||
<image src="/static/images/national/OMR.png" style="width: 60rpx;height: 40rpx"></image>
|
||
<view>{{__('OMR')}}</view>
|
||
</label>
|
||
<label class="uni-list-cel uni-list-cell-pd">
|
||
<view>
|
||
<radio value="100965" checked="true" v-if="current_currency == 100965" />
|
||
<radio value="100965" v-else />
|
||
</view>
|
||
<image src="/static/images/national/KWD.png" style="width: 60rpx;height: 40rpx"></image>
|
||
<view>{{__('KWD')}}</view>
|
||
</label>
|
||
<label class="uni-list-cel uni-list-cell-pd">
|
||
<view>
|
||
<radio value="100964" checked="true" v-if="current_currency == 100964" />
|
||
<radio value="100964" v-else />
|
||
</view>
|
||
<image src="/static/images/national/IQD.png" style="width: 60rpx;height: 40rpx"></image>
|
||
<view>{{__('USD')}}</view>
|
||
</label>
|
||
</radio-group>
|
||
</view>
|
||
</block>
|
||
</scroll-view>
|
||
<view style="padding:50rpx 0; padding-bottom:68rpx;">
|
||
<button type="warn" class="mini-btn" @click="onConfirmLang" style="background:#F6644D; margin:0 80rpx;">
|
||
{{__('确认选择')}}
|
||
</button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="uni-mask" v-if="bannerShow"></view>
|
||
<!-- 弹出层 -->
|
||
|
||
<view :class="['msk']" @tap="onPopClose" v-if="showPopFlag">
|
||
<view class="msk_box">
|
||
<image :src="index_pop_wap_img" style='width:100%' mode="widthFix" @tap="onPopClick"></image>
|
||
<view class="msk_box_info" style='right:16%;top:40%;'>
|
||
</view>
|
||
<view class="btn_cancel" @tap="onPopClose">✕</view>
|
||
</view>
|
||
</view>
|
||
<view class="u-top">
|
||
<movable-area class="movableArea">
|
||
<movable-view class="movableView" @touchmove.stop.prevent="doNothing" direction="all" :x="initX" :y="initY">
|
||
<image src='https://static.lancerdt.com/xcxfile/appicon/nav/black/nav_gotop.png' :class='(isQuickNav?"quicknav":"hide")' @tap="returnTop"></image>
|
||
</movable-view>
|
||
</movable-area>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import statusBar from '../../components/status-bar.vue'
|
||
import uniNavBar from '@/components/uni-nav-bar/uni-nav-bar.vue'
|
||
|
||
import downloadApp from '@/components/download-app.vue'
|
||
|
||
import diy from '../../components/themes/diy.vue'
|
||
import coupon from '../../components/coupon/coupon.vue'
|
||
|
||
import {
|
||
mapState,
|
||
mapMutations
|
||
} from 'vuex'
|
||
|
||
export default {
|
||
components: {
|
||
statusBar,
|
||
uniNavBar,
|
||
diy,
|
||
downloadApp
|
||
},
|
||
data() {
|
||
return {
|
||
options: {},
|
||
pageId: '',
|
||
loadPageFlag: false,
|
||
CouponAmount: 0,
|
||
userIsNew: 1,
|
||
PageContent: [],
|
||
BgConfig: {
|
||
BackgroundObj: {
|
||
type: 1,
|
||
bgColor: '#ffffff',
|
||
"pathColor": "#f8f8f8",
|
||
"path": ""
|
||
}
|
||
},
|
||
PageNav: {
|
||
window: {
|
||
"navigationBarBackgroundColor": "#ffffff",
|
||
"navigationBarTextStyle": "black",
|
||
"navigationBarTitleText": "",
|
||
"backgroundColor": "#f8f8f8",
|
||
"backgroundTextStyle": "dark"
|
||
}
|
||
},
|
||
loadPageFlag: false,
|
||
hideDiy: false,
|
||
chatInfo: {},
|
||
shareImg: "",
|
||
shareTitle: "",
|
||
refresh: true,
|
||
|
||
pageId: 0,
|
||
|
||
screenHeight: 0,
|
||
swiperHeight: 0,
|
||
w: 0, //windowWidth
|
||
chatUrl: '',
|
||
|
||
scrollLeft: 0,
|
||
isClickChange: false,
|
||
tabIndex: 0,
|
||
swiperTabItems: [],
|
||
tabBars: [],
|
||
|
||
city: '全中国',
|
||
showSubsiteFlag: true,
|
||
rightFlag: true,
|
||
leftWidth: "0rpx",
|
||
rightWidth: "70rpx",
|
||
|
||
showPopFlag: false,
|
||
index_pop_wap_img: '',
|
||
index_pop_wap_url: '',
|
||
|
||
|
||
bannerShow: false,
|
||
current_currency: 86,
|
||
current_lang: "zh-CN",
|
||
current_standard: true,
|
||
current_img: "https://static.lancerdt.com/lancerdt/flags/square/5322affbc4d56.png",
|
||
current_label: "中文",
|
||
|
||
initX: '690',
|
||
initY: '1336',
|
||
|
||
oldscposition: 0,
|
||
isQuickNav: false,
|
||
scrollTop: 0,
|
||
|
||
commonAppIsHeaderNavFixed: true,
|
||
commonAppIsEnableSearch: true,
|
||
topContentStyle: 'padding-top:8px;',
|
||
searchStyle: '',
|
||
searchIsFixed: false,
|
||
topDistance: 0,
|
||
|
||
siteNameColor: "#fff",
|
||
|
||
borderColor: "#dfdfdf",
|
||
fontColor: "#fff",
|
||
backgroundColor: "transparent",
|
||
}
|
||
},
|
||
watch: {},
|
||
computed: mapState(['Config', 'StateCode', 'notice', 'plantformInfo', 'shopInfo', 'userInfo', 'hasLogin', 'newMsgNum', 'Lang']),
|
||
mounted() {
|
||
let view = uni.createSelectorQuery().in(this).select(".movableArea");
|
||
let that = this;
|
||
|
||
view.fields({
|
||
size: true,
|
||
scrollOffset: true
|
||
}, data => {
|
||
if (data) {
|
||
that.setData({
|
||
initX: data.width,
|
||
initY: data.height - 100,
|
||
});
|
||
}
|
||
}).exec();
|
||
},
|
||
async onLoad(options) {
|
||
//console.info(this.userInfo);
|
||
await this.$onLaunched;
|
||
|
||
//#ifdef MP
|
||
this.rightFlag = false;
|
||
this.rightWidth = 100;
|
||
//#endif
|
||
|
||
var that = this;
|
||
|
||
that.$.getSystemInfo({
|
||
success: function(t) {
|
||
that.setData({
|
||
screenHeight: t.screenHeight
|
||
})
|
||
}
|
||
});
|
||
|
||
|
||
that.setData({
|
||
current_currency: that.Lang.currency_id,
|
||
current_lang: that.Lang.lang,
|
||
current_standard: that.Lang.standard,
|
||
current_label: that.Lang.label,
|
||
current_img: that.Lang.img
|
||
})
|
||
|
||
if (options.scene) {
|
||
var scene = decodeURIComponent(options.scene);
|
||
var opts = {};
|
||
|
||
opts = that.$.parse_str(scene);
|
||
options = Object.assign(options, opts);
|
||
}
|
||
|
||
var w = that.$.getSystemInfoSync().windowWidth;
|
||
|
||
that.setData({
|
||
w: w,
|
||
options: options
|
||
})
|
||
|
||
//动态设置swiper的高度
|
||
this.$nextTick(() => {
|
||
this.setSwiperHeight();
|
||
});
|
||
|
||
that.initPageData();
|
||
|
||
|
||
that.notice.addNotification("RefreshStoreName", that.RefreshStoreName, that);
|
||
that.notice.addNotification("RefreshOrderChain", that.RefreshOrderChain, that);
|
||
that.notice.addNotification("RefreshSubsite", that.RefreshSubsite, that);
|
||
that.notice.addNotification("ScanCode", that.onScanCode, that);
|
||
},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面初次渲染完成
|
||
*/
|
||
onReady: function() {},
|
||
|
||
|
||
/**
|
||
* 生命周期函数--监听页面显示
|
||
*/
|
||
onShow: function() {
|
||
let that = this;
|
||
//that.$.isNull(that.plantformInfo) || uni.setNavigationBarTitle({title: that.plantformInfo.name});
|
||
//this.refresh || this.setData({refresh: true})
|
||
|
||
this.showCartNum();
|
||
|
||
// #ifdef APP-PLUS
|
||
if (this.pageId > 0) {
|
||
this.hideDiy = false;
|
||
}
|
||
// #endif
|
||
|
||
that.resetLang();
|
||
},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面隐藏
|
||
*/
|
||
onHide: function() {
|
||
// #ifdef APP-PLUS
|
||
this.hideDiy = true;
|
||
// #endif
|
||
},
|
||
|
||
/**
|
||
* 生命周期函数--监听页面卸载
|
||
*/
|
||
onUnload: function() {
|
||
// 离开页面，注销事件
|
||
var that = this
|
||
//that.notice.removeNotification("RefreshProduct", that);
|
||
that.notice.removeNotification("RefreshStoreName", that);
|
||
that.notice.removeNotification("RefreshOrderChain", that);
|
||
that.notice.removeNotification("RefreshSubsite", that);
|
||
that.notice.removeNotification("ScanCode", that);
|
||
},
|
||
|
||
/**
|
||
* 页面相关事件处理函数--监听用户下拉动作
|
||
*/
|
||
onPullDownRefresh: function() {
|
||
this.initData(true)
|
||
},
|
||
|
||
/**
|
||
* 页面上拉触底事件的处理函数
|
||
*/
|
||
onReachBottom: function() {
|
||
|
||
},
|
||
|
||
/**
|
||
* 用户点击右上角分享
|
||
*/
|
||
onShareAppMessage: function() {
|
||
// #ifdef MP-WEIXIN
|
||
wx.showShareMenu({
|
||
withShareTicket: true,
|
||
menus: ['shareAppMessage', 'shareTimeline']
|
||
});
|
||
// #endif
|
||
|
||
return {
|
||
title: this.shareTitle,
|
||
imageUrl: this.shareImg,
|
||
path: "/pages/index/index?uid=" + this.userInfo.user_id
|
||
}
|
||
},
|
||
|
||
/**
|
||
* 用户点击右上角分享朋友圈
|
||
*/
|
||
onShareTimeline: function() {
|
||
return {
|
||
title: this.shareTitle,
|
||
query: {
|
||
uid: this.userInfo.user_id
|
||
},
|
||
imageUrl: this.shareImg,
|
||
}
|
||
},
|
||
/**
|
||
* 页面滚动触发事件的处理函数
|
||
*/
|
||
onPageScroll: function() {},
|
||
methods: {
|
||
...mapMutations(['login', 'logout', 'getPlantformInfo', 'forceUserInfo', 'getUserInfo', 'showCartNum']),
|
||
|
||
toMain(userInfo) {
|
||
var that = this;
|
||
that.$.request({
|
||
url: this.Config.URL.user.overview,
|
||
success: function(data, status, msg, code) {
|
||
userInfo = Object.assign(userInfo, data.member_info);
|
||
that.login(userInfo);
|
||
|
||
if (userInfo.im && that.plantformInfo.config.chat_global) {
|
||
that.$Socket.connectserver(userInfo.im);
|
||
}
|
||
|
||
|
||
that.notice.postNotificationName('RefreshCart', 0);
|
||
|
||
//判断是否需要进入激活页面
|
||
if (2 == userInfo.user_state) {
|
||
that.$.toActive();
|
||
}
|
||
|
||
/**
|
||
* 强制登录时使用reLaunch方式跳转过来
|
||
* 返回首页也使用reLaunch方式
|
||
*/
|
||
if (that.forcedLoginState) {
|
||
that.$.reLaunch({
|
||
url: '/pages/index/member'
|
||
});
|
||
} else {
|
||
// #ifdef H5
|
||
if (that.$.isWeixin()) {
|
||
let pre_route = that.$.getStorageSync('pre_route');
|
||
let pre_options = that.$.getStorageSync('pre_options');
|
||
|
||
//console.info(pre_route);
|
||
//console.info(pre_options);
|
||
|
||
if (pre_route) {
|
||
let pre_url = '/' + that.$.createUrl(pre_route, pre_options);
|
||
that.$.gotopage(pre_url);
|
||
} else {
|
||
that.$.gotopage('/pages/index/member');
|
||
}
|
||
|
||
return;
|
||
}
|
||
// #endif
|
||
|
||
if (
|
||
getCurrentPages()[getCurrentPages().length - 1].route ==
|
||
'pages/login/login' ||
|
||
getCurrentPages()[getCurrentPages().length - 1].route ==
|
||
'/pages/login/login'
|
||
) {
|
||
if (getCurrentPages().length > 1) {
|
||
var prePage = getCurrentPages()[getCurrentPages().length - 2];
|
||
|
||
// #ifndef H5
|
||
if ('pages/login/login' == prePage.route || '/pages/login/login' == prePage.route) {
|
||
that.$.switchTab({
|
||
url: '/pages/index/member'
|
||
});
|
||
} else {
|
||
if (prePage.refreshData) {
|
||
prePage.refreshData(prePage.options);
|
||
that.$.navigateBack();
|
||
} else if (prePage.onLoad) {
|
||
prePage.onLoad(prePage.options);
|
||
that.$.navigateBack();
|
||
} else {
|
||
let pre_url = '/' + that.$.createUrl(prePage.route, prePage.options);
|
||
that.$.gotopage(pre_url);
|
||
}
|
||
}
|
||
// #endif
|
||
|
||
// #ifdef H5
|
||
//修正 onLoad 不存在问题。
|
||
//console.info('++++++++++++++++++++++');
|
||
//console.info(prePage);
|
||
//console.info(prePage.onLoad);
|
||
//console.info(prePage.route);
|
||
//console.info(prePage.options);
|
||
|
||
if ('pages/login/login' == prePage.route || '/pages/login/login' == prePage.route) {
|
||
that.$.switchTab({
|
||
url: '/pages/index/member'
|
||
});
|
||
} else {
|
||
if (prePage.refreshData) {
|
||
prePage.refreshData(prePage.options);
|
||
that.$.navigateBack();
|
||
} else if (prePage.onLoad) {
|
||
prePage.onLoad(prePage.options);
|
||
that.$.navigateBack();
|
||
} else {
|
||
let pre_url = '/' + that.$.createUrl(prePage.route, prePage.options);
|
||
that.$.gotopage(pre_url);
|
||
}
|
||
}
|
||
// #endif
|
||
} else {
|
||
//回到上个页面
|
||
that.$.switchTab({
|
||
url: '/pages/index/member'
|
||
});
|
||
}
|
||
} else {
|
||
var prePage = getCurrentPages()[getCurrentPages().length - 1];
|
||
|
||
if ('pages/login/login' == prePage.route || '/pages/login/login' == prePage.route) {
|
||
that.$.switchTab({
|
||
url: '/pages/index/member'
|
||
});
|
||
} else {
|
||
prePage.onLoad && prePage.onLoad(prePage.options);
|
||
}
|
||
|
||
//that.$.navigateBack();
|
||
}
|
||
}
|
||
}
|
||
});
|
||
},
|
||
bindLogin() {
|
||
/**
|
||
* 下面简单模拟下服务端的处理
|
||
* 检测用户账号密码是否在已注册的用户列表中
|
||
* 实际开发中，使用 that.$.request 将账号信息发送至服务端，客户端在回调函数中获取结果信息。
|
||
*/
|
||
let that = this;
|
||
//SYS.URL.login,
|
||
const params = {
|
||
ccbParamSJ: this.$route.query.ccbParamSJ,
|
||
CITYID: this.$route.query.CITYID,
|
||
USERCITYID: this.$route.query.USERCITYID
|
||
};
|
||
|
||
that.$.request({
|
||
url: this.Config.URL.loginCCB,
|
||
data: params,
|
||
success: function(data, status, msg, code) {
|
||
//console.info(JSON.stringify(data));
|
||
|
||
if (200 == status) {
|
||
var id = that.$.setStorageSync('uid', data.user_id);
|
||
var key = that.$.setStorageSync('ukey', data.key);
|
||
|
||
// #ifdef H5
|
||
$cookies.set('uid', data.user_id);
|
||
$cookies.set('ukey', data.key);
|
||
// #endif
|
||
|
||
that.toMain(data);
|
||
} else {
|
||
that.$.showToast({
|
||
icon: 'none',
|
||
// title: that.__('用户账号或密码不正确')
|
||
title: that.__(msg)
|
||
});
|
||
}
|
||
},
|
||
fail: function(err, status) {
|
||
that.$.showToast({
|
||
icon: 'none',
|
||
title: that.__('登录有误，请重试')
|
||
});
|
||
}
|
||
});
|
||
},
|
||
initPageData: function() {
|
||
let that = this;
|
||
|
||
that.getPlantformInfo(function(plantform) {
|
||
that.Config.SUBSITE_ENABLE = plantform.config.subsite_enable
|
||
if (!!that.Config.LANG_ENABLE && (!!that.Config.SUBSITE_ENABLE || !!that.Config.CHAIN_ENABLE)) {
|
||
that.leftWidth = "160rpx";
|
||
} else {
|
||
if ((!!that.Config.SUBSITE_ENABLE || !!that.Config.CHAIN_ENABLE)) {
|
||
that.leftWidth = "120rpx";
|
||
}
|
||
}
|
||
|
||
//
|
||
that.setData({
|
||
city: that.$.getStorageSync('site_name') ? that.$.getStorageSync('site_name') : that.__('全国站')
|
||
});
|
||
|
||
that.$.request({
|
||
url: that.Config.URL.category_mobile_nav,
|
||
loading: false,
|
||
ajaxCache: {
|
||
timeout: that.Config.CACHE_EXPIRE
|
||
},
|
||
success(data) {
|
||
let tmp = data.items;
|
||
tmp.unshift({
|
||
'id': 0,
|
||
category_name: that.__('首页'),
|
||
category_alias: that.__('首页')
|
||
});
|
||
|
||
that.setData({
|
||
tabBars: tmp
|
||
})
|
||
|
||
let ary = [];
|
||
for (let i = 0, length = that.tabBars.length; i < length; i++) {
|
||
ary.push({
|
||
loadPageFlag: false,
|
||
category_id: that.tabBars.category_id
|
||
});
|
||
}
|
||
|
||
that.swiperTabItems = ary;
|
||
|
||
that.loadBrandsAndProduncts(that.tabIndex, 0, 1, false)
|
||
}
|
||
});
|
||
|
||
|
||
//start 门店选择
|
||
if (true && that.Config.CHAIN_ENABLE) {
|
||
let chain_name = uni.getStorageSync('chain_name');
|
||
|
||
that.setData({
|
||
city: that.$.getStorageSync('chain_name') ? that.$.getStorageSync('chain_name') + "" : that.__('选择门店')
|
||
});
|
||
|
||
if (that.$.getStorageSync('chain_name')) {
|
||
that.setData({
|
||
city: that.$.getStorageSync('chain_name') ? that.$.getStorageSync('chain_name') + "" : that.__('选择门店')
|
||
});
|
||
} else {
|
||
that.$.confirm(
|
||
that.__('请选择门店'),
|
||
function(data) {
|
||
if (data.confirm) {
|
||
that.showCity();
|
||
} else {
|
||
//存入本地
|
||
uni.setStorageSync('chain_id', 1001);
|
||
uni.setStorageSync('chain_name', that.__('一号店'));
|
||
|
||
that.notice.postNotificationName("RefreshOrderChain", {
|
||
chain_id: 1001,
|
||
chain_name: that.__('一号店'),
|
||
ChainInfo: {
|
||
chain_id: 1001,
|
||
chain_name: that.__('一号店')
|
||
}
|
||
});
|
||
|
||
}
|
||
},
|
||
true
|
||
);
|
||
}
|
||
}
|
||
//end 门店选择
|
||
|
||
//start 店铺选择
|
||
if (false) {
|
||
let store_name = uni.getStorageSync('store_name');
|
||
|
||
if (that.$.getStorageSync('store_name')) {
|
||
that.setData({
|
||
city: that.$.getStorageSync('store_name') ? that.$.getStorageSync('store_name') + "" : that.__('选择店铺')
|
||
});
|
||
} else {
|
||
that.$.confirm(
|
||
that.__('请选择店铺'),
|
||
function(data) {
|
||
if (data.confirm) {
|
||
that.showCity();
|
||
} else {
|
||
//存入本地
|
||
uni.setStorageSync('store_id', 1001);
|
||
uni.setStorageSync('store_name', that.__('一号店'));
|
||
|
||
that.notice.postNotificationName("RefreshStoreName");
|
||
}
|
||
},
|
||
true
|
||
);
|
||
}
|
||
}
|
||
//end 店铺选择
|
||
|
||
|
||
uni.setNavigationBarTitle({
|
||
title: that.plantformInfo.name
|
||
});
|
||
})
|
||
},
|
||
|
||
//初始化数据
|
||
initData: function(force_refresh) {
|
||
var that = this;
|
||
var param = {};
|
||
|
||
// #ifndef APP-PLUS
|
||
//that.$.setNavigationBarTitle({title: that.plantformInfo.name});
|
||
// #endif
|
||
|
||
//
|
||
let $title = that.plantformInfo.name;
|
||
let $desc = '' || this.plantformInfo.site_meta_description;
|
||
let $link = that.$.sprintf('%s/h5/pages/index/index', that.Config.SiteUrl);
|
||
let $img_url = this.shareImg || this.plantformInfo.logo;
|
||
|
||
//初始化微信分享
|
||
|
||
that.$.wxShare($title, $desc, $link, $img_url)
|
||
|
||
/*
|
||
let category_id = 0;
|
||
|
||
if (!that.$.isNull(this.tabBars[this.tabIndex].category_id))
|
||
{
|
||
category_id = that.$.isNull(this.tabBars[this.tabIndex].category_id);
|
||
}
|
||
*/
|
||
|
||
that.loadBrandsAndProduncts(that.tabIndex, this.tabBars[this.tabIndex].category_id || 0, 1, force_refresh)
|
||
},
|
||
|
||
goDetail(e) {
|
||
uni.navigateTo({
|
||
url: '/pages/template/tabbar/detail/detail?title=' + e.title
|
||
});
|
||
},
|
||
close(index1, index2) {
|
||
let that = this;
|
||
that.$.showModal({
|
||
content: '是否删除本条信息？',
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
this.swiperTabItems[index1].items.splice(index2, 1);
|
||
}
|
||
}
|
||
})
|
||
},
|
||
loadMore(e) {
|
||
setTimeout(() => {
|
||
this.addData(e);
|
||
}, 1200);
|
||
},
|
||
addData(e) {
|
||
if (this.swiperTabItems[e].total <= this.swiperTabItems[e].page) {
|
||
this.swiperTabItems[e].loadingText = '没有更多了';
|
||
return;
|
||
}
|
||
|
||
let category_id = this.tabBars[this.tabIndex].category_id;
|
||
this.loadBrandsAndProduncts(this.tabIndex, category_id, this.swiperTabItems[e].page + 1, false);
|
||
},
|
||
loadBrandsAndProduncts(index, category_id, page, force_refresh) {
|
||
var that = this;
|
||
let params = {};
|
||
|
||
let site_id = that.$.getStorageSync('site_id');
|
||
|
||
if (site_id) {
|
||
params['site_id'] = site_id;
|
||
}
|
||
|
||
params.category_id = category_id;
|
||
params.page = page;
|
||
params.page_type = 'page_index';
|
||
|
||
that.$.request({
|
||
url: that.Config.URL.index_app,
|
||
data: params,
|
||
ajaxCache: {
|
||
timeout: that.Config.CACHE_EXPIRE,
|
||
forceRefresh: force_refresh
|
||
},
|
||
success: function(data, status, msg, code) {
|
||
uni.stopPullDownRefresh()
|
||
|
||
|
||
let tmp = that.swiperTabItems[index];
|
||
tmp = {
|
||
pageId: data.page_id,
|
||
PageContent: that.$.parseJSON(data.page_code),
|
||
BgConfig: that.$.parseJSON(data.page_config),
|
||
PageNav: that.$.parseJSON(data.page_nav),
|
||
shareImg: data.page_share_image,
|
||
shareTitle: data.page_share_title || data.page_name
|
||
}
|
||
|
||
tmp.loadPageFlag = true
|
||
tmp.page = data.page;
|
||
|
||
//console.info(tmp.PageNav.window.navigationBarTextStyle);
|
||
//console.info(tmp.PageNav.window.navigationBarBackgroundColor);
|
||
|
||
if (tmp.PageNav.window.navigationBarTextStyle == 'black') {
|
||
tmp.PageNav.window.navigationBarTextStyle = '#000000'
|
||
}
|
||
|
||
if (tmp.PageNav.window.navigationBarTextStyle == 'white') {
|
||
tmp.PageNav.window.navigationBarTextStyle = '#ffffff'
|
||
}
|
||
|
||
uni.setNavigationBarColor({
|
||
frontColor: tmp.PageNav.window.navigationBarTextStyle,
|
||
backgroundColor: tmp.PageNav.window.navigationBarBackgroundColor,
|
||
animation: {
|
||
duration: 400,
|
||
timingFunc: 'easeIn'
|
||
}
|
||
})
|
||
|
||
|
||
//that.$.setNavigationBarTitle({title: tmp.shareTitle});
|
||
|
||
/*
|
||
if (data.page >= data.total)
|
||
{
|
||
tmp.loadingText = that.__('没有更多了');
|
||
}
|
||
else
|
||
{
|
||
tmp.loadingText = that.__('加载中....');
|
||
}
|
||
*/
|
||
|
||
that.$set(that.swiperTabItems, index, tmp);
|
||
|
||
that.setData({
|
||
pageId: tmp.pageId,
|
||
PageContent: tmp.PageContent,
|
||
BgConfig: tmp.BgConfig,
|
||
PageNav: tmp.PageNav,
|
||
shareImg: tmp.shareImg,
|
||
shareTitle: tmp.shareTitle,
|
||
loadPageFlag: true
|
||
});
|
||
|
||
|
||
that.setData({
|
||
chatInfo: {
|
||
im_enable: data.im_enable,
|
||
im_user_id: data.im_user_id,
|
||
puid: data.puid
|
||
},
|
||
showPopFlag: data.index_pop_wap_enable && index == 0 ? true : false,
|
||
index_pop_wap_img: data.index_pop_wap_img,
|
||
index_pop_wap_url: data.index_pop_wap_url,
|
||
});
|
||
|
||
//动态设置swiper的高度
|
||
that.$nextTick(() => {
|
||
that.setSwiperHeight();
|
||
});
|
||
}
|
||
});
|
||
},
|
||
async changeTab(e) {
|
||
let that = this;
|
||
let index = e.target.current;
|
||
//this.tabIndex = index;
|
||
|
||
if (!this.swiperTabItems[index].loadPageFlag) {
|
||
let category_id = this.tabBars[index].category_id;
|
||
this.loadBrandsAndProduncts(index, category_id, 1, false);
|
||
} else {
|
||
let tmp = that.swiperTabItems[index];
|
||
|
||
|
||
//console.info(tmp.PageNav.window.navigationBarTextStyle);
|
||
//console.info(tmp.PageNav.window.navigationBarBackgroundColor);
|
||
|
||
if (tmp.PageNav.window.navigationBarTextStyle == 'black') {
|
||
tmp.PageNav.window.navigationBarTextStyle = '#000000'
|
||
}
|
||
|
||
if (tmp.PageNav.window.navigationBarTextStyle == 'white') {
|
||
tmp.PageNav.window.navigationBarTextStyle = '#ffffff'
|
||
}
|
||
|
||
uni.setNavigationBarColor({
|
||
frontColor: tmp.PageNav.window.navigationBarTextStyle,
|
||
backgroundColor: tmp.PageNav.window.navigationBarBackgroundColor,
|
||
animation: {
|
||
duration: 400,
|
||
timingFunc: 'easeIn'
|
||
}
|
||
})
|
||
|
||
|
||
// that.$.setNavigationBarTitle({title: tmp.shareTitle});
|
||
|
||
that.setData({
|
||
pageId: tmp.pageId,
|
||
PageContent: tmp.PageContent,
|
||
BgConfig: tmp.BgConfig,
|
||
PageNav: tmp.PageNav,
|
||
shareImg: tmp.shareImg,
|
||
shareTitle: tmp.shareTitle
|
||
});
|
||
}
|
||
|
||
if (this.isClickChange) {
|
||
this.tabIndex = index;
|
||
this.isClickChange = false;
|
||
|
||
return;
|
||
}
|
||
|
||
let tabBar = await this.getElSize("tab-bar"),
|
||
tabBarScrollLeft = tabBar.scrollLeft;
|
||
let width = 0;
|
||
|
||
for (let i = 0; i < index; i++) {
|
||
//alert(this.tabBars[i].id);
|
||
let result = await this.getElSize(this.tabBars[i].id);
|
||
width += result.width;
|
||
}
|
||
|
||
let winWidth = uni.getSystemInfoSync().windowWidth,
|
||
nowElement = await this.getElSize(this.tabBars[index].id),
|
||
nowWidth = nowElement.width;
|
||
if (width + nowWidth - tabBarScrollLeft > winWidth) {
|
||
this.scrollLeft = width + nowWidth - winWidth;
|
||
}
|
||
if (width < tabBarScrollLeft) {
|
||
this.scrollLeft = width;
|
||
}
|
||
this.isClickChange = false;
|
||
this.tabIndex = index; //一旦访问data就会出问题
|
||
|
||
},
|
||
getElSize(id) { //得到元素的size
|
||
return new Promise((res, rej) => {
|
||
uni.createSelectorQuery().select("#tab_" + id).fields({
|
||
size: true,
|
||
scrollOffset: true
|
||
}, (data) => {
|
||
res(data);
|
||
}).exec();
|
||
})
|
||
},
|
||
async tapTab(e) { //点击tab-bar
|
||
let that = this;
|
||
|
||
let tabIndex = e.currentTarget.dataset.current;
|
||
if (!this.swiperTabItems[tabIndex].loadPageFlag) {
|
||
|
||
} else {}
|
||
|
||
if (this.tabIndex === tabIndex) {
|
||
return false;
|
||
} else {
|
||
let tabBar = await this.getElSize("tab-bar"),
|
||
tabBarScrollLeft = tabBar.scrollLeft; //点击的时候记录并设置scrollLeft
|
||
this.scrollLeft = tabBarScrollLeft;
|
||
this.isClickChange = true;
|
||
this.tabIndex = tabIndex;
|
||
}
|
||
},
|
||
|
||
|
||
RefreshStoreName: function(e) {
|
||
//console.info(e);
|
||
|
||
let refresh = false;
|
||
|
||
if (e.store_row.store_id != this.$.getStorageSync('store_id')) {
|
||
refresh = true;
|
||
}
|
||
|
||
this.setData({
|
||
city: e.store_row.store_name
|
||
});
|
||
|
||
this.$.setStorageSync('store_id', e.store_row.store_id);
|
||
this.$.setStorageSync('store_name', e.store_row.store_name);
|
||
|
||
// #ifdef H5
|
||
$cookies.set('store_id', e.store_row.store_id);
|
||
// #endif
|
||
|
||
if (refresh) {
|
||
//刷新首页
|
||
this.setData({
|
||
indexArray: []
|
||
});
|
||
|
||
this.initData(true)
|
||
}
|
||
},
|
||
|
||
RefreshOrderChain: function(e) {
|
||
//console.info(e);
|
||
//console.info(e.chain_name);
|
||
|
||
let refresh = false;
|
||
|
||
if (e.chain_id != this.$.getStorageSync('chain_id')) {
|
||
refresh = true;
|
||
}
|
||
|
||
this.setData({
|
||
city: e.ChainInfo.chain_name
|
||
});
|
||
|
||
this.$.setStorageSync('chain_id', e.chain_id);
|
||
this.$.setStorageSync('chain_name', e.ChainInfo.chain_name);
|
||
|
||
// #ifdef H5
|
||
$cookies.set('chain_id', e.chain_id);
|
||
// #endif
|
||
|
||
if (refresh) {
|
||
//刷新首页
|
||
this.setData({
|
||
indexArray: []
|
||
});
|
||
|
||
this.initData(true)
|
||
}
|
||
},
|
||
|
||
RefreshSubsite: function(e) {
|
||
//console.info(e.subsite_id);
|
||
//console.info(e.subsite_name);
|
||
|
||
let refresh = false;
|
||
|
||
if (e.subsite_id != this.$.getStorageSync('site_id')) {
|
||
refresh = true;
|
||
}
|
||
|
||
this.setData({
|
||
city: e.subsite_name
|
||
});
|
||
|
||
this.$.setStorageSync('site_id', e.subsite_id);
|
||
this.$.setStorageSync('site_name', e.subsite_name);
|
||
|
||
// #ifdef H5
|
||
$cookies.set('site_id', e.subsite_id);
|
||
// #endif
|
||
|
||
this.initPageData();
|
||
|
||
if (refresh) {
|
||
this.initData(true)
|
||
}
|
||
},
|
||
cancel: function() {
|
||
this.setData({
|
||
isCancel: false
|
||
})
|
||
},
|
||
cancelsuccess: function() {
|
||
this.setData({
|
||
isCancelSuccess: true
|
||
})
|
||
},
|
||
innertouch: function() {},
|
||
userReceiveCoupon: function() {
|
||
var params = {
|
||
couponIds: "",
|
||
userIsNew: this.userIsNew
|
||
};
|
||
|
||
var that = this;
|
||
|
||
//领取操作
|
||
that.$.request({
|
||
url: that.Config.URL.user.voucher_add,
|
||
data: params,
|
||
success: function(data, status, msg, code) {
|
||
if (status == 200) {
|
||
that.setData({
|
||
isCancelSuccess: false,
|
||
coupons: data.items
|
||
})
|
||
} else {
|
||
that.$.confirm(msg)
|
||
}
|
||
}
|
||
});
|
||
},
|
||
|
||
onPopClose: function() {
|
||
this.setData({
|
||
showPopFlag: false
|
||
})
|
||
},
|
||
onPopClick: function() {
|
||
this.$.gopage(this.index_pop_wap_url)
|
||
},
|
||
|
||
confirm() {},
|
||
|
||
onSearch(e) {
|
||
let that = this;
|
||
that.$.gopage("/pagesub/search/search");
|
||
},
|
||
showCity() {
|
||
let that = this;
|
||
|
||
if (false && !!that.Config.LANG_ENABLE) {
|
||
that.showConfirmLang();
|
||
} else {
|
||
//that.$.gopage("/pagesub/subsite/subsitelist?city=" + that.city);
|
||
|
||
//选择店铺模式
|
||
//that.$.gopage("/pagesub/index/store-list?issub=1");
|
||
|
||
//选择门店模式
|
||
if (this.Config.CHAIN_ENABLE) {
|
||
that.$.gopage("/chain/chain/list?issub=1");
|
||
} else {
|
||
that.$.gopage("/pagesub/subsite/subsitelist?city=" + that.city);
|
||
}
|
||
}
|
||
},
|
||
scan: function(e) {
|
||
let that = this;
|
||
|
||
//#ifdef H5
|
||
that.$.gopage('/pagesub/scan/scan');
|
||
//#endif
|
||
|
||
//#ifndef H5
|
||
|
||
that.$.scanCode({
|
||
success: function(e) {
|
||
//console.info(e.result);
|
||
that.onScanCode(e.result);
|
||
//
|
||
|
||
return
|
||
var t = e.result.split("=");
|
||
t.length > 2 || t.length < 2 ? that.$.alert(that.__("无法识别")) : t[0] == "productId" ? that.$.isNull(t[1]) ? that.$.alert(that.__("无法识别")) : that.$.navigateTo(
|
||
"/pages/product/detail?pid=" + t[1]) : t[0] == "eventId" ? that.$.isNull(t[1]) ? that.$.alert(that.__("无法识别")) : that.$.navigateTo(
|
||
"../activitycheckin/activitycheckin?eventId=" + t[1]) : that.$.alert(that.__("无法识别"))
|
||
},
|
||
fail: function(e) {
|
||
that.$.alert(that.__("无法识别"))
|
||
}
|
||
})
|
||
//#endif
|
||
|
||
},
|
||
onScanCode: function(e) {
|
||
//console.info('sss')
|
||
//console.info(e)
|
||
let that = this;
|
||
|
||
that.$.gopage(
|
||
'/pagesub/webpage/web?u=' +
|
||
encodeURIComponent(e)
|
||
);
|
||
},
|
||
|
||
showConfirmLang: function() {
|
||
this.bannerShow = true;
|
||
},
|
||
closeBanner: function() {
|
||
this.bannerShow = false;
|
||
},
|
||
onConfirmLang: async function() {
|
||
let that = this;
|
||
|
||
this.bannerShow = false;
|
||
|
||
for (let idx in that.Lang.data.items) {
|
||
if (that.Lang.data.items[idx].lang == that.current_lang) {
|
||
that.setData({
|
||
current_standard: that.Lang.data.items[idx].standard,
|
||
current_label: that.Lang.data.items[idx].label,
|
||
current_img: that.Lang.data.items[idx].img,
|
||
current_currency: that.Lang.data.items[idx].currency_id
|
||
})
|
||
|
||
break;
|
||
}
|
||
}
|
||
|
||
that.Lang.data.lang = this.current_lang;
|
||
that.Lang.data.standard = this.current_standard;
|
||
that.Lang.data.currency_id = this.current_currency;
|
||
that.Lang.data.label = this.current_label;
|
||
that.Lang.data.img = this.current_img;
|
||
|
||
|
||
that.Lang.lang = this.current_lang;
|
||
that.Lang.currency_id = this.current_currency;
|
||
that.Lang.standard = this.current_standard;
|
||
that.Lang.label = this.current_label;
|
||
that.Lang.img = this.current_img;
|
||
|
||
uni.setStorageSync('selang', that.Lang.lang);
|
||
uni.setStorageSync('standard', that.Lang.standard);
|
||
uni.setStorageSync('currency_id', that.Lang.currency_id);
|
||
|
||
that.Lang.setLang(this.current_lang, this.current_standard, this.current_currency)
|
||
|
||
that.resetLang();
|
||
|
||
//重新发请求 站点数据
|
||
await this.$store.dispatch(`getSysInfo`, function(plantformInfo) {
|
||
|
||
})
|
||
|
||
//#ifdef APP-PLUS
|
||
uni.reLaunch({
|
||
url: '/pages/index/index'
|
||
})
|
||
//#endif
|
||
|
||
//#ifndef APP-PLUS
|
||
//uni.navigateBack();
|
||
|
||
uni.reLaunch({
|
||
url: '/pages/index/index'
|
||
})
|
||
//#endif
|
||
},
|
||
|
||
onCurrencyChange: function(e) {
|
||
var that = this;
|
||
that.setData({
|
||
current_currency: e.detail.value
|
||
})
|
||
},
|
||
|
||
onLangChange: function(e) {
|
||
var that = this;
|
||
that.setData({
|
||
current_lang: e.detail.value
|
||
})
|
||
|
||
that.onConfirmLang();
|
||
},
|
||
|
||
scrolltolower: function(index) {
|
||
uni.$emit('diy-scrollbottom', {
|
||
uniId: index
|
||
})
|
||
},
|
||
|
||
goToCate: function() {
|
||
var that = this;
|
||
that.$.gopage("/pages/category/category");
|
||
},
|
||
// 页面滚动监听
|
||
onScroll(e) {
|
||
let element = "#product-pageIndex-" + this.tabIndex;
|
||
|
||
var that = this;
|
||
const query = wx.createSelectorQuery();
|
||
var statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 44;
|
||
query.selectAll(element).boundingClientRect()
|
||
query.exec((res) => {
|
||
res[0].forEach((item) => {
|
||
if (item.top <= 100) {
|
||
that.isFilterFixed = true;
|
||
//#ifdef MP
|
||
that.topDistance = statusBarHeight
|
||
//#endif
|
||
//#ifndef MP
|
||
that.topDistance = 46
|
||
//#endif
|
||
|
||
this.isShow = true;
|
||
|
||
} else {
|
||
that.isFilterFixed = false;
|
||
that.topDistance = 0
|
||
this.isShow = false;
|
||
}
|
||
})
|
||
})
|
||
|
||
this.oldscposition = e.detail.scrollTop;
|
||
|
||
/*
|
||
if (100 < e.detail.scrollTop) {
|
||
that.setData({opacity: 1, background: "f8f8f8"});
|
||
} else {
|
||
that.setData({
|
||
opacity: 0,
|
||
background: "fff"
|
||
})
|
||
}
|
||
*/
|
||
|
||
if (e.detail.scrollTop >= this.screenHeight) {
|
||
this.setData({
|
||
isQuickNav: true
|
||
})
|
||
} else {
|
||
this.setData({
|
||
isQuickNav: false
|
||
})
|
||
}
|
||
|
||
if (this.commonAppIsHeaderNavFixed && this.commonAppIsEnableSearch) {
|
||
var top = e.detail.scrollTop > 35 ? 35 : e.detail.scrollTop;
|
||
var num = top * 7;
|
||
this.oldscposition = e.detail.scrollTop;
|
||
var base = 230;
|
||
|
||
// #ifdef MP-ALIPAY
|
||
base = 235
|
||
// #endif
|
||
|
||
// #ifdef H5 || MP-TOUTIAO || APP
|
||
var len = 0;
|
||
base = (len <= 0) ? 0 : 66 * len;
|
||
// #endif
|
||
|
||
// #ifdef MP-WEIXIN || MP-ALIPAY
|
||
var len = 3;
|
||
base = (len <= 0) ? 0 : 66 * len;
|
||
// #endif
|
||
|
||
// 开启哀悼插件的时候不需要浮动导航并且搜索框也不需要缩短、开启站点灰度会导致浮动失效
|
||
if ((this.plugins_mourning_data || 0) != 1) {
|
||
var top_val = 35;
|
||
|
||
var val = (num > base) ? base : num;
|
||
// #ifdef MP-TOUTIAO
|
||
top_val = 0;
|
||
val = base
|
||
// #endif
|
||
this.setData({
|
||
searchStyle: 'width: calc(100% - ' + val + 'rpx);',
|
||
searchIsFixed: (top >= top_val),
|
||
});
|
||
}
|
||
|
||
}
|
||
},
|
||
|
||
returnTop: function() {
|
||
let that = this;
|
||
//视图会发生重新渲染
|
||
that.scrollTop = that.oldscposition
|
||
//当视图渲染结束 重新设置为0
|
||
that.$nextTick(() => {
|
||
that.scrollTop = 0
|
||
});
|
||
this.setData({
|
||
isQuickNav: false
|
||
})
|
||
},
|
||
|
||
doNothing() {},
|
||
|
||
//动态设置swiper的高度
|
||
setSwiperHeight() {
|
||
let element = "#content-wrap" + this.tabIndex;
|
||
let query = uni.createSelectorQuery().in(this);
|
||
query.select(element).boundingClientRect();
|
||
query.exec((res) => {
|
||
if (res && res[0]) {
|
||
this.swiperHeight = res[0].height;
|
||
}
|
||
});
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
@import "../../styles/_variables";
|
||
@import '../../styles/layout.scss';
|
||
|
||
.uni-tab-bar-loading {
|
||
text-align: center;
|
||
font-size: 28rpx;
|
||
color: #999;
|
||
}
|
||
|
||
|
||
.page {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
min-height: 100%;
|
||
background-size: cover !important;
|
||
background-position: top center !important;
|
||
margin-bottom: var(--window-bottom);
|
||
}
|
||
|
||
|
||
.city {
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 100%;
|
||
//margin-left: 16rpx;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.input-view {
|
||
width: 92%;
|
||
display: flex;
|
||
background-color: #FFF;
|
||
height: 60rpx;
|
||
border-radius: 30rpx;
|
||
padding: 0 4%;
|
||
flex-wrap: nowrap;
|
||
margin: 10rpx 0;
|
||
line-height: 60rpx;
|
||
margin-left: 10rpx;
|
||
}
|
||
|
||
.input-view .uni-icon {
|
||
line-height: 60rpx !important;
|
||
}
|
||
|
||
.input-view .input {
|
||
height: 60rpx;
|
||
line-height: 60rpx;
|
||
width: 94%;
|
||
padding: 0 3%;
|
||
}
|
||
|
||
|
||
.uni-swiper-tab {
|
||
|
||
line-height: 70rpx;
|
||
height: 76rpx;
|
||
|
||
.swiper-tab-list {
|
||
|
||
width: auto;
|
||
margin-right: 0rpx;
|
||
|
||
|
||
padding-left: 36rpx;
|
||
|
||
&:first-child {
|
||
padding-left: 0rpx;
|
||
}
|
||
|
||
line-height: 70rpx;
|
||
height: 70rpx;
|
||
|
||
.bg-main {
|
||
bottom: 8rpx;
|
||
}
|
||
|
||
.pt20 {
|
||
padding-top: 0rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
.msg-num {
|
||
width: auto;
|
||
height: 16px;
|
||
line-height: 16px;
|
||
border-radius: 16px;
|
||
min-width: 16px;
|
||
padding: 2px;
|
||
font-size: 12px;
|
||
text-align: center;
|
||
white-space: nowrap;
|
||
|
||
|
||
position: absolute;
|
||
top: 6px;
|
||
right: 8px;
|
||
|
||
background-color: #f43530;
|
||
color: #fff;
|
||
transform: translate(40%, -20%);
|
||
}
|
||
|
||
|
||
/* 弹出层形式的广告 */
|
||
.uni-banner {
|
||
width: 80%;
|
||
height: 32%;
|
||
position: fixed;
|
||
left: 50%;
|
||
top: 50%;
|
||
background: #fff;
|
||
border-radius: 10rpx;
|
||
z-index: 9999;
|
||
transform: translate(-50%, -50%);
|
||
}
|
||
|
||
.uni-list-cel {
|
||
position: relative;
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
}
|
||
|
||
.lang {
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.lang .lang-list {
|
||
margin-bottom: 30rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.lang .lang-list:last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.lang .lang-list .option {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.lang .lang-list .option .img {
|
||
margin-right: 20rpx;
|
||
width: 44rpx;
|
||
}
|
||
|
||
.lang .lang-list .option .img image {
|
||
width: 100%;
|
||
height: auto;
|
||
}
|
||
|
||
.lang .lang-list .option .txt {
|
||
font-size: 28rpx;
|
||
}
|
||
|
||
.swiper-tab-rigth-box {
|
||
font-size: 28rpx;
|
||
|
||
.swiper-tab-icon {
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
line-height: 66rpx;
|
||
overflow: hidden;
|
||
height: 66rpx;
|
||
|
||
text {
|
||
margin-left: 4rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
.swiper-tab-icon:before {
|
||
padding-top: 2rpx;
|
||
font-size: 32rpx;
|
||
color: inherit;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.swiper-tab-line {
|
||
width: 4rpx;
|
||
height: 28rpx;
|
||
background: linear-gradient(180deg, rgba(155, 11, 0, 0) 0%, rgba(117, 13, 5, 0.86) 100%);
|
||
opacity: 1;
|
||
}
|
||
</style> |