1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270 |
- <template>
-
- <view v-if="pageShow" class="page"
- :class="bgTabVal==2?'fullsize noRepeat':bgTabVal==1?'repeat ysize':'noRepeat ysize'"
- :style="'background-color:'+bgColor+';background-image: url('+bgPic+');min-height:'+windowHeight+'px;'">
- <view v-if="!errorNetwork" :style="colorStyle">
- <skeletons v-if="showSkeleton"></skeletons>
- <view class="index">
-
- <view v-for="(item, index) in styleConfig" :key="index">
- <component :is="item.name" :index="index" :dataConfig="item" @changeBarg="changeBarg" @onNews="onNews"
- @detail="goDetail" :isSortType="isSortType" @bindSortId="bindSortId" @bindHeight="bindHeight"
- :isFixed="isFixed" :productVideoStatus='product_video_status' :isScrolled="isScrolled">
- </component>
- </view>
-
-
-
- <block v-for="(item, index) in styleConfig" :key="index">
- <homeComb v-if="item.name == 'homeComb'" :dataConfig="item" @bindSortId="bindSortId"
- :isScrolled="isScrolled"></homeComb>
- <shortVideo v-if="item.name == 'shortVideo'" :dataConfig="item" :isSortType="isSortType">
- </shortVideo>
- <userInfor v-if="item.name == 'userInfor'" :dataConfig="item" :isSortType="isSortType">
- </userInfor>
- <newVip v-if="item.name == 'newVip'" :dataConfig="item" :isSortType="isSortType">
- </newVip>
- <activeParty v-if="item.name == 'activeParty'" :dataConfig="item" :isSortType="isSortType">
- </activeParty>
-
- <articleList v-if="item.name == 'articleList'" :dataConfig="item" :isSortType="isSortType">
- </articleList>
- <bargain v-if="item.name == 'bargain'" :dataConfig="item" @changeBarg="changeBarg"
- :isSortType="isSortType"></bargain>
- <blankPage v-if="item.name == 'blankPage'" :dataConfig="item" :isSortType="isSortType"></blankPage>
- <combination v-if="item.name == 'combination'" :dataConfig="item" :isSortType="isSortType">
- </combination>
-
- <coupon v-if="item.name == 'coupon'" :dataConfig="item" :isSortType="isSortType"></coupon>
-
- <customerService v-if="item.name == 'customerService'" :dataConfig="item" :isSortType="isSortType">
- </customerService>
-
- <goodList v-if="item.name == 'goodList'" :dataConfig="item" @detail="goDetail"
- :isSortType="isSortType"></goodList>
- <guide v-if="item.name == 'guide'" :dataConfig="item" :isSortType="isSortType"></guide>
-
- <headerSerch v-if="item.name == 'headerSerch'" :dataConfig="item"></headerSerch>
-
- <liveBroadcast v-if="item.name == 'liveBroadcast'" :dataConfig="item" :isSortType="isSortType">
- </liveBroadcast>
- <menus v-if="item.name == 'menus'" :dataConfig="item" :isSortType="isSortType"></menus>
-
- <news v-if="item.name == 'news'" @onNews="onNews" :dataConfig="item" :isSortType="isSortType"></news>
-
- <pictureCube v-if="item.name == 'pictureCube'" :dataConfig="item" :isSortType="isSortType">
- </pictureCube>
-
- <promotionList v-if="item.name == 'promotionList'" :dataConfig="item" @detail="goDetail"
- :isSortType="isSortType" :productVideoStatus='product_video_status'>
- </promotionList>
- <richText v-if="item.name == 'richText'" :dataConfig="item" :isSortType="isSortType"></richText>
- <seckill v-if="item.name == 'seckill'" :dataConfig="item" :isSortType="isSortType"></seckill>
-
- <swiperBg v-if="item.name == 'swiperBg'" :dataConfig="item" :isSortType="isSortType"></swiperBg>
- <swipers v-if="item.name == 'swipers'" :dataConfig="item" :isSortType="isSortType"></swipers>
-
- <tabNav v-if="item.name == 'tabNav'" :dataConfig="item" @bindHeight="bindHeighta"
- @bindSortId="bindSortId" :isFixed="isFixed"></tabNav>
-
- <titles v-if="item.name == 'titles'" :dataConfig="item" :isSortType="isSortType"></titles>
- </block>
-
-
-
- <view class="sort-product" v-if="isSortType == 1" style="margin-top: 0;">
- <scroll-view scroll-x="true" class="sort-scroll">
- <view class="sort-box" v-if="sortList.children && sortList.children.length">
- <view class="sort-item" v-for="(item, index) in sortList.children" :key="index"
- @click="changeSort(item, index)" :class="{ on: curSort == index }">
- <image :src="item.pic" mode="" v-if="item.pic"></image>
- <image src="/static/images/sort-img.png" mode="" v-else></image>
- <view class="txt">{{ item.cate_name }}</view>
- </view>
- </view>
- </scroll-view>
-
- <view class="product-list" v-if="goodList.length">
- <view class="product-item" v-for="(item, index) in goodList" @click="goGoodsDetail(item)">
- <image :src="item.image" mode="aspectFill"></image>
- <span class="pictrue_log_big pictrue_log_class"
- v-if="item.activity && item.activity.type === '1'">秒杀</span>
- <span class="pictrue_log_big pictrue_log_class"
- v-if="item.activity && item.activity.type === '2'">砍价</span>
- <span class="pictrue_log_big pictrue_log_class"
- v-if="item.activity && item.activity.type === '3'">拼团</span>
- <view class="info">
- <view class="title line1">{{ item.store_name }}</view>
- <view class="price-box">
- <text>¥</text>
- {{ item.price }}
- </view>
- </view>
- </view>
- </view>
- <Loading :loaded="loaded" :loading="loading"></Loading>
- <view v-if="goodList.length == 0 && loaded" class="sort-scroll">
- <view class="empty-box">
- <image :src="imgHost + '/statics/images/no-thing.png'"></image>
- <view class="tips">暂无商品,去看点别的吧</view>
- </view>
- <recommend :hostProduct="hostProduct"></recommend>
- </view>
- </view>
-
-
-
- <view class="sort-product" v-if="isSortType == 1" :style="{ marginTop: sortMpTop + 'px' }">
- <scroll-view scroll-x="true" class="sort-scroll">
- <view class="sort-box" v-if="sortList.children && sortList.children.length">
- <view class="sort-item" v-for="(item, index) in sortList.children" :key="index"
- @click="changeSort(item, index)" :class="{ on: curSort == index }">
- <image :src="item.pic" mode="" v-if="item.pic"></image>
- <image src="/static/images/sort-img.png" mode="" v-else></image>
- <view class="txt">{{ item.cate_name }}</view>
- </view>
- </view>
- </scroll-view>
-
- <view class="product-list" v-if="goodList.length">
- <view class="product-item" v-for="(item, index) in goodList" @click="goGoodsDetail(item)">
- <view class="pictrue">
- <image :src="item.image" mode="aspectFill"></image>
- <span class="pictrue_log_big pictrue_log_class"
- v-if="item.activity && item.activity.type === '1'">秒杀</span>
- <span class="pictrue_log_big pictrue_log_class"
- v-if="item.activity && item.activity.type === '2'">砍价</span>
- <span class="pictrue_log_big pictrue_log_class"
- v-if="item.activity && item.activity.type === '3'">拼团</span>
- <view class="activityFrame" v-if="item.activity_frame.image"
- :style="'background-image: url('+item.activity_frame.image+');'"></view>
- </view>
- <view class="info">
- <view class="title line1">{{ item.store_name }}</view>
- <view class="price-box">
- <text>¥</text>
- {{ item.price }}
- </view>
- </view>
- </view>
- </view>
- <Loading :loaded="loaded" :loading="loading"></Loading>
- <view class="" v-if="goodList.length == 0 && loaded" class="sort-scroll">
- <view class="empty-box">
- <image :src="imgHost + '/statics/images/no-thing.png'"></image>
- <view class="tips">暂无商品,去看点别的吧</view>
- </view>
- <recommend :hostProduct="hostProduct"></recommend>
- </view>
- </view>
-
- <couponWindow :window="isCouponShow" @onColse="couponClose" :couponImage="couponObj.image"
- :couponList="couponObj.list"></couponWindow>
- <view class="uni-p-b-98" v-if="footerStatus"></view>
- <view v-if="site_config" class="site-config" @click="goICP">{{ site_config }}</view>
- <pageFooter></pageFooter>
-
-
-
- </view>
- </view>
- <view v-else>
- <view class="error-network">
- <image :src="imgHost + '/statics/images/error-network.png'"></image>
- <view class="title">网络连接断开</view>
- <view class="con">
- <view class="label">请检查情况:</view>
- <view class="item">· 在设置中是否已开启网络权限</view>
- <view class="item">· 当前是否处于弱网环境</view>
- <view class="item">· 版本是否过低,升级试试吧</view>
- </view>
- <view class="btn" @click="reconnect">重新连接</view>
- </view>
- </view>
- </view>
- </template>
- <script>
- const app = getApp();
- import colors from "@/mixins/color";
- import couponWindow from '@/components/couponWindow/index';
- import permision from "@/js_sdk/wa-permission/permission.js";
- import skeletons from './components/skeletons';
- import {
- getCouponV2,
- getCouponNewUser,
- copyRight
- } from '@/api/api.js';
- import {
- getShare
- } from '@/api/public.js';
-
- import mConfig from './components/index.js';
- import {
- silenceAuth
- } from '@/api/public.js';
-
-
- import userInfor from './components/userInfor';
- import homeComb from './components/homeComb';
- import newVip from './components/newVip';
- import shortVideo from './components/shortVideo';
- import activeParty from './components/activeParty';
- import headerSerch from './components/headerSerch';
- import swipers from './components/swipers';
- import coupon from './components/coupon';
- import articleList from './components/articleList';
- import bargain from './components/bargain';
- import blankPage from './components/blankPage';
- import combination from './components/combination';
- import customerService from './components/customerService';
- import goodList from './components/goodList';
- import guide from './components/guide';
- import liveBroadcast from './components/liveBroadcast';
- import menus from './components/menus';
- import news from './components/news';
- import pictureCube from './components/pictureCube';
- import promotionList from './components/promotionList';
- import richText from './components/richText';
- import seckill from './components/seckill';
- import swiperBg from './components/swiperBg';
- import tabNav from './components/tabNav';
- import titles from './components/titles';
- import {
- getTemlIds
- } from '@/api/api.js';
- import {
- SUBSCRIBE_MESSAGE,
- TIPS_KEY
- } from '@/config/cache';
-
- import {
- mapGetters,
- mapMutations
- } from 'vuex';
- import {
- getDiy,
- getIndexData,
- getDiyVersion
- } from '@/api/api.js';
- import {
- getCategoryList,
- getProductslist,
- getProductHot,
- diyProduct
- } from '@/api/store.js';
- import {
- goShopDetail
- } from '@/libs/order.js';
- import {
- toLogin
- } from '@/libs/login.js';
- import {
- HTTP_REQUEST_URL
- } from '@/config/app';
- import pageFooter from '@/components/pageFooter/index.vue';
- import Loading from '@/components/Loading/index.vue';
- import recommend from '@/components/recommend';
- export default {
- computed:{
- ...mapGetters(['isLogin', 'uid', 'cartNum']),
- },
- mixins: [colors],
- components: {
- skeletons,
- recommend,
- Loading,
- pageFooter,
- couponWindow,
-
- ...mConfig,
-
-
- homeComb,
- newVip,
- userInfor,
- shortVideo,
- activeParty,
- headerSerch,
- swipers,
- coupon,
- articleList,
- bargain,
- blankPage,
- combination,
- customerService,
- goodList,
- guide,
- liveBroadcast,
- menus,
- pictureCube,
- news,
- promotionList,
- richText,
- seckill,
- swiperBg,
- tabNav,
- titles
-
- },
- data() {
- return {
- newsd:'',
- showSkeleton: true,
- styleConfig: [],
- loading: false,
- loadend: false,
- loadTitle: '下拉加载更多',
- page: 1,
- limit: this.$config.LIMIT,
- numConfig: 0,
- code: '',
- isCouponShow: false,
- couponObj: {},
- couponObjs: {
- show: false
- },
- shareInfo: {},
- footConfig: {},
- isSortType: 0,
- sortList: '',
- sortAll: [],
- goodPage: 1,
- goodList: [],
- sid: 0,
- curSort: 0,
- sortMpTop: 0,
- loaded: false,
- loading: false,
- hostProduct: [],
- hotScroll: false,
- hotPage: 1,
- hotLimit: 10,
- domOffsetTop: 50,
-
- isFixed: true,
-
-
- isFixed: false,
-
- site_config: '',
- errorNetwork: false,
- footerStatus: false,
- isHeaderSerch: false,
- bgColor: '',
- bgPic: '',
- bgTabVal: '',
- pageShow: true,
- windowHeight: 0,
- imgHost: HTTP_REQUEST_URL,
-
- isScrolled: false,
- product_video_status: false,
- confirm_video_status: false
- };
- },
- onLoad(options) {
- let that = this
- that.getOptions(options);
- this.$nextTick(function() {
- uni.getSystemInfo({
- success: function(res) {
- that.windowHeight = res.windowHeight;
- }
- });
- })
- const {
- state,
- scope
- } = options;
- this.diyData();
- this.getIndexData();
-
- this.setOpenShare();
-
-
- this.getTemlIds();
-
- getShare().then(res => {
- this.shareInfo = res.data;
- });
- this.getCopyRight();
- this.$eventHub.$on('confirm_video_status', () => {
- if (this.confirm_video_status) {
- return;
- }
- this.confirm_video_status = true;
- let flag = true;
-
- flag = window.self == window.top;
-
- if (!flag) {
- return;
- }
- uni.showModal({
- content: '当前使用移动网络,是否继续播放视频?',
- success: (res) => {
- if (res.confirm) {
-
- this.SET_AUTOPLAY(true);
- this.$eventHub.$emit('product_video_observe');
- }
- }
- });
- });
- },
- onUnload() {
-
- uni.$off('activeFn');
-
- uni.$off('canGetPrivacySetting');
-
- },
- watch: {
- isLogin: {
- deep: true,
- handler: function(newV, oldV) {
-
- var newDates = new Date().toLocaleDateString();
- if (newV) {
- try {
- var oldDate = uni.getStorageSync('oldDate') || '';
- } catch {}
- if (oldDate != newDates) {
- this.getCoupon();
- }
- }
- }
- }
- },
- onShow() {
-
- wx.requirePrivacyAuthorize({
- success: () => {
- uni.$emit('canGetPrivacySetting', true);
- },
- fail: () => {
- uni.$emit('canGetPrivacySetting', false);
- }
- })
-
- if (this.cartNum > 0) {
- uni.setTabBarBadge({
- index: 3,
- text: this.cartNum > 99 ? '99+' : this.cartNum + ''
- })
- } else {
- uni.hideTabBarRedDot({
- index: 3
- })
- }
- uni.removeStorageSync('form_type_cart');
-
- if (this.isLogin) {
- this.getCoupon();
- }
- this.getdiyProduct()
- },
- onReady() {},
- methods: {
- ...mapMutations(['SET_AUTOPLAY']),
- onNews(item){
- this.newsd ={
- title:item[0].chiild[0].val,
- link:item[0].chiild[1].val,
- } ;
- let newsId = uni.getStorageSync("news");
- if(newsId!=this.newsd.title){
- uni.setStorageSync("news",this.newsd.title);
- uni.showModal({
- title: '您有一条消息',
- content: this.newsd.title,
- cancelText: '关闭',
- confirmText: '立即查看',
- success: res => {
- uni.navigateTo({
- url:this.newsd.link
- })
- },
- fail: () => {},
- complete: () => {}
- });
- }
- },
-
-
-
-
-
- getdiyProduct() {
- diyProduct().then(res => {
- uni.setStorageSync('diyProduct', JSON.stringify(res.data.product_detail))
- uni.setStorageSync('product_video_status', JSON.stringify(res.data.product_video_status))
- this.$eventHub.$emit('product_video_status', res.data.product_video_status);
- this.product_video_status = res.data.product_video_status;
- })
- },
- getCopyRight() {
- copyRight().then(res => {
- let data = res.data;
- uni.setStorageSync('wechatStatus', data.wechat_status)
-
- this.site_config = data.record_No;
-
- if (!data.copyrightContext && !data.copyrightImage) {
- data.copyrightImage = '/static/images/support.png'
- }
- uni.setStorageSync('copyNameInfo', data.copyrightContext);
- uni.setStorageSync('copyImageInfo', data.copyrightImage);
-
- uni.setStorageSync('MPSiteData', JSON.stringify({
- site_logo: data.site_logo,
- site_name: data.site_name
- }));
-
- }).catch(err => {
- return this.$util.Tips({
- title: err.msg
- });
- });
- },
- getOptions(options) {
- let that = this;
-
- if (options.scene) {
- let value = that.$util.getUrlParams(decodeURIComponent(options.scene));
-
- if (value.spid) {
- app.globalData.spid = value.spid;
- }
- }
-
- if (options.spid) {
- app.globalData.spid = options.spid;
- }
- },
-
- reconnect() {
-
-
-
- this.diyData();
- this.getIndexData();
- getShare().then(res => {
- this.shareInfo = res.data;
- });
- },
- goICP() {
-
- window.open('http://beian.miit.gov.cn/');
-
-
- uni.navigateTo({
- url: `/pages/annex/web_view/index?url=https://beian.miit.gov.cn/`
- });
-
- },
- bindHeighta(data) {
-
- this.sortMpTop = data.top + data.height;
-
- },
- bindHeight(data) {
- uni.hideLoading();
- this.domOffsetTop = data.top;
- },
-
- goGoodsDetail(item) {
- goShopDetail(item, this.uid).then(res => {
- uni.navigateTo({
- url: `/pages/goods_details/index?id=${item.id}`
- });
- });
- },
-
- get_host_product: function() {
- let that = this;
- if (that.hotScroll) return;
- getProductHot(that.hotPage, that.hotLimit).then(res => {
- that.hotPage++;
- that.hotScroll = res.data.length < that.hotLimit;
- that.hostProduct = that.hostProduct.concat(res.data);
-
- });
- },
-
- changeSort(item, index) {
- if (this.curSort == index) return;
- this.curSort = index;
- this.sid = item.id;
- this.goodList = [];
- this.goodPage = 1;
- this.loaded = false;
- this.getGoodsList();
- },
-
- bindSortId(data) {
- this.isSortType = data == -99 ? 0 : 1;
- this.getProductList(data);
- if (this.hostProduct.length == 0) {
- this.get_host_product();
- }
- },
- getProductList(data) {
- let tempObj = '';
- this.curSort = 0;
- this.loaded = false;
- if (this.sortAll.length > 0) {
- this.sortAll.forEach((el, index) => {
- if (el.id == data) {
- this.$set(this, 'sortList', el);
- this.sid = el.children.length ? el.children[0].id : '';
- }
- });
- this.goodList = [];
- this.goodPage = 1;
- this.$nextTick(() => {
- if (this.sortList != '') this.getGoodsList();
- });
- } else {
- getCategoryList().then(res => {
- this.sortAll = res.data;
- res.data.forEach((el, index) => {
- if (el.id == data) {
- this.sortList = el;
- this.sid = el.children.length ? el.children[0].id : '';
- }
- });
- this.goodList = [];
- this.goodPage = 1;
- this.$nextTick(() => {
- if (this.sortList != '') this.getGoodsList();
- });
- });
- }
- },
-
- getGoodsList() {
- if (this.loading || this.loaded) return;
- this.loading = true;
- getProductslist({
- sid: this.sid,
- keyword: '',
- priceOrder: '',
- salesOrder: '',
- news: 0,
- page: this.goodPage,
- limit: 10,
- cid: this.sortList.id
- }).then(res => {
- this.loading = false;
- this.loaded = res.data.length < 10;
- this.goodPage++;
- this.goodList = this.goodList.concat(res.data);
- });
- },
-
- getNewCoupon() {
- const oldUser = uni.getStorageSync('oldUser') || 0;
- if (!oldUser) {
- getCouponNewUser().then(res => {
- const {
- data
- } = res;
- if (data.show) {
- if (data.list.length) {
- this.isCouponShow = true;
- this.couponObj = data;
- uni.setStorageSync('oldUser', 1);
- }
- } else {
- uni.setStorageSync('oldUser', 1);
- }
- });
- }
- },
-
- getCoupon() {
- const tagDate = uni.getStorageSync('tagDate') || '',
- nowDate = new Date().toLocaleDateString();
- if (tagDate === nowDate) {
- this.getNewCoupon();
- } else {
- getCouponV2().then(res => {
- const {
- data
- } = res;
- if (data.list.length) {
- this.isCouponShow = true;
- this.couponObj = data;
- uni.setStorageSync('tagDate', new Date().toLocaleDateString());
- } else {
- this.getNewCoupon();
- }
- });
- }
- },
-
- couponClose() {
- this.isCouponShow = false;
- if (!uni.getStorageSync('oldUser')) {
- this.getNewCoupon();
- }
- },
-
-
-
-
-
- getQueryString(name) {
- var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
- var reg_rewrite = new RegExp('(^|/)' + name + '/([^/]*)(/|$)', 'i');
- var r = window.location.search.substr(1).match(reg);
- var q = window.location.pathname.substr(1).match(reg_rewrite);
- if (r != null) {
- return unescape(r[2]);
- } else if (q != null) {
- return unescape(q[2]);
- } else {
- return null;
- }
- },
-
-
- getTemlIds() {
- let messageTmplIds = wx.getStorageSync(SUBSCRIBE_MESSAGE);
- if (!messageTmplIds) {
- getTemlIds().then(res => {
- if (res.data) wx.setStorageSync(SUBSCRIBE_MESSAGE, JSON.stringify(res.data));
- });
- }
- },
-
-
- objToArr(data) {
- let obj = Object.keys(data);
- let m = obj.map(key => data[key]);
- return m;
- },
- setDiyData(data) {
- this.errorNetwork = false
- if (data.is_bg_color) {
- this.bgColor = data.color_picker
- }
- if (data.is_bg_pic) {
- this.bgPic = data.bg_pic
- this.bgTabVal = data.bg_tab_val
- }
- this.pageShow = data.is_show
- uni.setNavigationBarTitle({
- title: data.title
- });
- let temp = [];
- let lastArr = this.objToArr(data.value);
- lastArr.forEach((item, index, arr) => {
- if (item.name == 'headerSerch') {
- this.isHeaderSerch = true
- }
- if (item.name == 'pageFoot') {
- arr.splice(index, 1);
- }
- if (item.name == 'tabNav') {
-
-
-
-
-
-
-
-
-
- }
- temp = arr;
- });
- function sortNumber(a, b) {
- return a.timestamp - b.timestamp;
- }
- temp.sort(sortNumber)
- this.styleConfig = temp;
- this.showSkeleton = false
- },
- getDiyData() {
- getDiy(0).then(res => {
- console.log(res, '55555555')
- uni.setStorageSync('diyData', JSON.stringify(res.data));
- this.setDiyData(res.data);
- }).catch(error => {
-
- if (error.status) {
- uni.hideLoading()
- if (this.errorNetwork) {
- uni.showToast({
- title: '请开启网络连接',
- icon: 'none',
- duration: 2000
- })
- }
- this.errorNetwork = true
- this.showSkeleton = false;
- }
-
- });
- },
- diyData() {
- let diyData = uni.getStorageSync('diyData');
- console.log(JSON.parse(diyData), 'diyData');
- if (diyData) {
- getDiyVersion(0).then(res => {
- console.log(res, '5555555555555')
- let diyVersion = uni.getStorageSync('diyVersion');
- if ((res.data.version + '0') === diyVersion) {
- this.setDiyData(JSON.parse(diyData));
- } else {
- uni.setStorageSync('diyVersion', (res.data.version + '0'));
- this.getDiyData();
- }
- });
- } else {
- this.getDiyData();
- }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- },
- getIndexData() {},
- changeBarg(item) {
- if (!this.isLogin) {
- toLogin();
- } else {
- uni.navigateTo({
- url: `/pages/activity/goods_bargain_details/index?id=${item.id}&spid=${this.$store.state.app.uid}`
- });
- }
- },
- goDetail(item) {
- goShopDetail(item, this.$store.state.app.uid).then(res => {
- uni.navigateTo({
- url: `/pages/goods_details/index?id=${item.id}`
- });
- });
- },
-
-
- setOpenShare: function() {
- let that = this;
- let uid = this.uid ? this.uid : 0;
- if (that.$wechat.isWeixin()) {
- getShare().then(res => {
- let data = res.data;
- let configAppMessage = {
- desc: data.synopsis,
- title: data.title,
- link: location.href + '?spid=' + uid,
- imgUrl: data.img
- };
- that.$wechat.wechatEvevt(['updateAppMessageShareData', 'updateTimelineShareData',
- 'onMenuShareAppMessage', 'onMenuShareTimeline'
- ],
- configAppMessage);
- });
- }
- }
-
- },
- onReachBottom: function() {
- if (this.isSortType == 0) {} else {
- this.getGoodsList();
- }
- },
- onPageScroll(e) {
-
- if (this.isHeaderSerch) {
- if (e.scrollTop > this.domOffsetTop) {
- this.isFixed = true;
- }
- if (e.scrollTop < this.domOffsetTop) {
- this.$nextTick(() => {
- this.isFixed = false;
- });
- }
- } else {
- this.isFixed = false
- }
-
- if (e.scrollTop > 10) {
- this.isScrolled = true;
- } else {
- this.isScrolled = false;
- }
- },
-
- onShareAppMessage() {
- let uid = this.uid ? this.uid : 0;
- return {
- title: this.shareInfo.title,
- path: '/pages/index/index?spid=' + uid,
- imageUrl: this.shareInfo.img,
- desc: this.shareInfo.synopsis
- };
- },
-
- onShareTimeline: function() {
- return {
- title: this.shareInfo.title,
- path: '/pages/index/index',
- imageUrl: this.shareInfo.img,
- desc: this.shareInfo.synopsis
- };
- }
-
- };
- </script>
- <style lang="scss">
- // page {
- // padding-bottom: 50px;
- // }
- .pictrue_log_class {
- background-color: var(--view-theme);
- }
- .page {
- padding-bottom: 98rpx;
- padding-bottom: calc(98rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
- padding-bottom: calc(98rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
- }
- .ysize {
- background-size: 100%;
- }
- .fullsize {
- background-size: 100% 100%;
- }
- .repeat {
- background-repeat: repeat;
- }
- .noRepeat {
- background-repeat: no-repeat;
- }
- .privacy-wrapper {
- z-index: 999;
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background: #7F7F7F;
- .privacy-box {
- position: absolute;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- width: 560rpx;
- padding: 50rpx 45rpx 0;
- background: #fff;
- border-radius: 20rpx;
- .title {
- text-align: center;
- font-size: 32rpx;
- text-align: center;
- color: #333;
- font-weight: 700;
- }
- .content {
- margin-top: 20rpx;
- line-height: 1.5;
- font-size: 26rpx;
- color: #666;
- navigator {
- display: inline-block;
- color: #E93323;
- }
- }
- .btn-box {
- margin-top: 40rpx;
- text-align: center;
- font-size: 30rpx;
- .btn-item {
- height: 82rpx;
- line-height: 82rpx;
- background: linear-gradient(90deg, #F67A38 0%, #F11B09 100%);
- color: #fff;
- border-radius: 41rpx;
- }
- .btn {
- padding: 30rpx 0;
- }
- }
- }
- }
- .error-network {
- position: fixed;
- left: 0;
- top: 0;
- display: flex;
- flex-direction: column;
- align-items: center;
- width: 100%;
- height: 100%;
- padding-top: 40rpx;
- background: #fff;
- image {
- width: 414rpx;
- height: 336rpx;
- }
- .title {
- position: relative;
- top: -40rpx;
- font-size: 32rpx;
- color: #666;
- }
- .con {
- font-size: 24rpx;
- color: #999;
- .label {
- margin-bottom: 20rpx;
- }
- .item {
- margin-bottom: 20rpx;
- }
- }
- .btn {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 508rpx;
- height: 86rpx;
- margin-top: 100rpx;
- border: 1px solid #D74432;
- color: #E93323;
- font-size: 30rpx;
- border-radius: 120rpx;
- }
- }
- .sort-scroll {
- background-color: #fff;
- }
- .sort-product {
- margin-top: 20rpx;
- .sort-box {
- display: flex;
- width: 100%;
- border-radius: 16rpx;
- padding: 30rpx 0;
- .sort-item {
- width: 20%;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- flex-shrink: 0;
- image {
- width: 90rpx;
- height: 90rpx;
- border-radius: 50%;
- }
- .txt {
- color: #272727;
- font-size: 24rpx;
- margin-top: 10rpx;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- width: 140rpx;
- text-align: center;
- }
- .pictrues {
- width: 90rpx;
- height: 90rpx;
- background: #f8f8f8;
- border-radius: 50%;
- margin: 0 auto;
- }
- .icon-gengduo1 {
- color: #333;
- }
- &.on {
- .txt {
- color: #fc4141;
- }
- image {
- border: 1px solid #fc4141;
- }
- }
- }
- }
- .product-list {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
- margin-top: 30rpx;
- padding: 0 20rpx;
- .product-item {
- position: relative;
- width: 344rpx;
- background: #fff;
- border-radius: 10rpx;
- margin-bottom: 20rpx;
- overflow: hidden;
- .pictrue {
- position: relative;
- }
- image {
- width: 100%;
- height: 344rpx;
- border-radius: 10rpx 10rpx 0 0;
- }
- .info {
- padding: 14rpx 16rpx;
- .title {
- font-size: 28rpx;
- }
- .price-box {
- font-size: 34rpx;
- font-weight: 700;
- margin-top: 8px;
- color: #fc4141;
- text {
- font-size: 26rpx;
- }
- }
- }
- }
- }
- }
- .empty-box {
- text-align: center;
- padding-top: 50rpx;
- .tips {
- color: #aaa;
- font-size: 26rpx;
- }
- image {
- width: 414rpx;
- height: 304rpx;
- }
- }
- .site-config {
- margin: 40rpx 0;
- font-size: 24rpx;
- text-align: center;
- color: #666;
- &.fixed {
- position: fixed;
- bottom: 69px;
- left: 0;
- width: 100%;
- }
- }
- </style>
|