jzmall_uni/pages/index/index.vue

<template>
	<!-- index.ttml -->
	<view :class="['container',themeType]">
		<view class="new-top">
			<view class="address">
				<view class="name" @tap="goCheckAddress">
					<image style="width: 28rpx; height: 36rpx" src="https://mall.zhaijieshi.cc/file/wx-dy/icon-map.png"
						mode="widthFix"></image>
					<text class="address-city">{{ addressInfo.city }}</text>
					<text class="jz-color address-name">{{ addressInfo.address }}</text>
					<!-- <text class="shop-name" wx:if="{{addressInfo.shopId!=0&&addressInfo.shopName}}">{{addressInfo.shopName}}</text> -->
					<image style="width: 10rpx; height: 24rpx" src="/static/images/new/arrow-right.png" mode="widthFix">
					</image>
				</view>
				<navigator url="/pages/category/search/search" class="input" style="flex: 1; text-align: right">
					<image style="width: 28rpx; height: 36rpx"
						src="https://mall.zhaijieshi.cc/file/wx-dy/icon-search.png" mode="widthFix"></image>
				</navigator>

				<view class="warning" v-if="addressInfo.shopId == 0">您的地址不在服务范围内，换一个试试</view>
			</view>
			<swiper class="banner" :indicator-dots="banner.length > 1 ? true : false" :autoplay="true" interval="3000"
				duration="1000" indicator-color="rgba(0, 192, 255, .2)" indicator-active-color="rgba(0, 192, 255)">
				<swiper-item v-for="(item, index) in banner" :key="index">
					<block v-if="item.link">
						<navigator :url="item.link">
							<image mode="aspectFill" :src="item.url"></image>
						</navigator>
					</block>

					<block v-else>
						<image mode="aspectFill" :src="item.url"></image>
					</block>
				</swiper-item>
			</swiper>
		</view>
		<!-- <view class="service-adv">
			<view class="adv-item">
				<image src="https://mall.zhaijieshi.cc/file/wx-dy/icon-pz.png" mode="widthFix"></image>
				<view>专业培训 品质保证</view>
			</view>
			<view class="adv-item">
				<image src="https://mall.zhaijieshi.cc/file/wx-dy/icon-fw.png" mode="widthFix"></image>
				<view>服务流程有标准</view>
			</view>
			<view class="adv-item">
				<image src="https://mall.zhaijieshi.cc/file/wx-dy/icon-pz.png" mode="widthFix"></image>
				<view>全程保险 售后无忧</view>
			</view>
		</view> -->
		<!-- 分类 -->
		<view class="m-menu">
		      <!--index拿前5个，最后一个固定所有-->
		      <navigator :url="'/pages/category/category?id='+item.id" v-if="index<4" v-for="(item,index) in channel" :key="index" class="category-navi">
		        <view class="category-item">
		          <image :src="item.iconUrl" ></image>
		          <!-- <view class="item-name">{{item.name}}</view>
		          <view class="item-desc">{{item.desc}}</view> -->
		        </view>
		      </navigator>
		      <!-- <navigator class="item" open-type="switchTab" url="/pages/tabBar/catalog/catalog">
		      <image src="/static/images/quanbufenlei.png" background-size="cover"></image>
		      <text>全部分类</text>
		    </navigator> -->
		    </view>
		<!-- <view class="new-category">
			<view class="cat-item">
				<navigator url="/pages/category/category?id=1036741">
					<image src="https://mall.zhaijieshi.cc/file/wx-dy/icon-category1.png" mode="aspectFit"></image>
				</navigator>
				<view>3小时保洁</view>
			</view>
			<view class="cat-item">
				<navigator url="/pages/category/category?id=1036756">
					<image src="https://mall.zhaijieshi.cc/file/wx-dy/icon-category2.png" mode="aspectFit"></image>
				</navigator>
				<view>精细擦窗</view>
			</view>
			<view class="cat-item">
				<view class="ndbb-wrapper">
					<navigator url="/pages/category/category?id=1036773">
						<image src="https://mall.zhaijieshi.cc/file/wx-dy/icon-category3.png" mode="aspectFit"></image>
					</navigator>
					<view class="ndbb"></view>
				</view>
				<view>焕新大扫除</view>
			</view>
			<view class="cat-item">
				<navigator url="/pages/category/category?id=1036053">
					<image src="https://mall.zhaijieshi.cc/file/wx-dy/icon-category4.png" mode="aspectFit"></image>
				</navigator>
				<view>厨房蒸洗</view>
			</view>
			<view class="cat-item">
				<navigator url="/pages/category/category?id=1036053">
					<image src="https://mall.zhaijieshi.cc/file/wx-dy/icon-category5.png" mode="aspectFit"></image>
				</navigator>
				<view>浴室蒸洗</view>
			</view>
		</view> -->
		<!-- 推荐商品 -->
			<view class="ad-wrapper">
				<navigator url="/pages/category/category?id=1036756" class="hot-item-nav">
		      <view class="hot-item">
		        <image :src="'https://jzmall.lifejingzhi.com/file/jzmall/weixin/ad-02.png?'+randomNum"
		          mode="widthFix"></image>
		      </view>
		    </navigator>
		    <navigator url="/pages/category/category?id=1036038" class="hot-item-nav">
		      <view class="hot-item">
		        <image :src="'https://jzmall.lifejingzhi.com/file/jzmall/weixin/ad-01.png?' +randomNum"
		          mode="widthFix"></image>
					</view> 
		    </navigator>
				<!-- <image src="{{'https://jzmall.lifejingzhi.com/file/jzmall/weixin/ad-kt.png?' +randomNum}}"
		          mode="widthFix" class="kt-img" catchtap="goJoin"></image> -->
			</view>
		<!-- <view class="new-hot-good">
			<navigator :url="'/pages/goods/goods?id=' + baojie">
				<image :src="'https://mall.zhaijieshi.cc/file/wx-dy/goods-bj.png' + '?' + randomNum" mode="aspectFill">
				</image>
			</navigator>
			<navigator :url="'/pages/goods/goods?id=' + chachuang">
				<image :src="'https://mall.zhaijieshi.cc/file/wx-dy/goods-pl.png' + '?' + randomNum" mode="aspectFill">
				</image>
			</navigator>
		</view> -->
		
		
		<!-- 鲸致推荐 -->
		<!--  <view class="jz-hot">
            <view>鲸致推荐</view>
            <image src="https://mall.zhaijieshi.cc/file/wx-dy/icon-hand.png" mode="aspectFill"></image>
        </view> -->

		<!-- <view class="search">
   
    <navigator url="/pages/category/search/search" class="input">

      <image style="width: 26rpx;height: 26rpx;margin-right:20rpx;" src="/static/images/new/search.png" mode="widthFix">
      </image>
      <text class="txt">搜索商品名称</text>

    </navigator>
  </view> -->

		<!--<view class="no-login" wx:if="{{!hasLogin}}">
		<view class="c">
			<text>您还没有登录</text>
			<button open-type="getUserInfo" bindgetuserinfo="goLogin">
				<image class="wechat" src="/static/images/wechat.png"></image>
				点击授权微信登录
			</button>
		</view>
	</view>-->
		<view class="login">
			

			<view class="a-section a-popular" v-if="hotGoods.length > 0">
				<view class="h">
					<!-- @tap="goHotGoods" -->
					<view class="popular-title">
						<!-- <navigator url="../goods/hotGoods/hotGoods" class="popular-title"> -->

						<view class="title-left">
							<view class="txt1"></view>
							<view class="txt">鲸致推荐</view>
						</view>
						<view class="title-right">
							<!--      <text class="sub-color more"> 更多</text>
               <van-icon name="arrow" color="#85868A" /> -->
						</view>

						<!-- </navigator> -->
					</view>
				</view>

				<view class="b">
					<view v-for="(item, index) in hotGoods" :key="index">
						<navigator :url="'/pages/goods/goods?id=' + item.id" class="popular-item">
							<view class="item-img-wrapper">
								<!-- <image v-if="item.isNew" src="/static/images/new/isnew.png" class="isNew" mode="aspectFill"></image> -->
								<image class="img" :src="item.gallery[0]" mode="aspectFill"></image>
								<!-- <view class="item-tag">{{item.categoryName}}</view> -->
							</view>
							<view class="item-main">
								<!--                  <view class="new-item-left">
            
                                    <view class="new-real-price">¥{{ item.retailPrice }}</view>
                                    <view class="new-retail-price">¥{{ item.counterPrice }}</view>
                                </view> 
								           <view class="new-item-right" :style="'background:'+themeCol">立即购买</view>
								-->
								<view class="item-left">
									 <view style="display:flex;align-items:center;">
										<view class="self-tag">推荐</view>
										<text class="product-item-name">{{item.name}}</text>
									</view> 
									<text class="sub-color item-brief">{{item.brief}}</text>
								</view> 
								<view style="width: 180rpx;margin-top: 6rpx;">
									 <view v-if="item.activited||item.counterPrice!=item.retailPrice"
										class="item-right counter-price">
										市场价：¥{{item.counterPrice}}
									</view> 
									<view class="item-right retail-price">
										<text v-if="item.activited" class="title">大促价：</text>
										<text class="unit">¥</text>
										<text v-if="!item.activited" class="price">{{item.retailPrice}}</text>
										<text v-else class="price">{{item.activityPrice}}</text>
									</view> 
								</view> 


							</view>
							<!-- 活动商品 显示样式 -->
							<!--     <view v-if="item.activited" class="activity">
                                <view class="limit">
                                
                                </view>
                                <view style="display: flex; align-items: center">
                                    <image class="clock" src="https://7a68-zhaijieshi-3guecm78383ca692-1307626841.tcb.qcloud.la/activity/clock.png"></image>
                                    <view class="time">距离活动仅剩{{ item.activityDay }}天</view>
                                    <image class="arrow" src="https://7a68-zhaijieshi-3guecm78383ca692-1307626841.tcb.qcloud.la/activity/arrow.png" />
                                </view>
                            </view> -->

						</navigator>
					</view>
				</view>
			</view>
			

			<!-- 专题精选 -->
			<view class="a-section a-topic" v-if="topics.length > 0">
				<view class="h">
					<view>
						<navigator url="/pages/topic/topic">
							<text class="txt">专题精选</text>
						</navigator>
					</view>
				</view>
				<view class="b">
					<view class="list">
						<view class="item" v-for="(item, index) in topics" :key="index">
							<navigator :url="'/pages/topic/topicDetail/topicDetail?id=' + item.id">
								<image class="img" :src="item.gallery[0]" background-size="cover"></image>
								<view class="np">
									<text class="name">{{ item.title }}</text>
									<text class="price">￥{{ item.price }}元起</text>
								</view>
								<text class="desc">{{ item.subtitle }}</text>
							</navigator>
						</view>
					</view>
					<navigator v-if="'topics.length > 0'" url="/pages/topic/topic" class="t">
						<view class="txt">更多其他专题 ></view>
					</navigator>
				</view>

				<!--旧格式专题
    <view class="b">
      <scroll-view scroll-x class="list">
        <view class="item" wx:for="{{topics}}" wx:for-index="index" wx:for-item="item" wx:key="id">
          <navigator url="../topicDetail/topicDetail?id={{item.id}}">
            <image class="img" src="{{item.picUrl}}" background-size="cover"></image>
            <view class="np">
              <text class="name">{{item.title}}</text>
              <text class="price">￥{{item.price}}元起</text>
            </view>
            <text class="desc">{{item.subtitle}}</text>
          </navigator>
        </view>
      </scroll-view>
    <navigator url="/pages/category/category?id={{item.id}}" class="t">
      <view class="txt">{{'更多其他专题 >'}}</view>
    </navigator> 
    </view>-->
			</view>

			<!-- 关于鲸致 -->
			<!-- <view class="about-jz">
      <view class="popular-title">

        <view class="title-left">
          <view class="devide-bar"></view>
          <view class="title-text">关于鲸致生活</view>
        </view>

      </view>

      <view class="jz-feature">
        <view class="feature-item">
          <text>家庭服务</text>
          <text>知名品牌</text>
        </view>
        <view class="devide-line"></view>
        <view class="feature-item">
          <text>自营人员</text>
          <text>标准服务</text>
        </view>
        <view class="devide-line"></view>
        <view class="feature-item">
          <text>100万+</text>
          <text>家庭客户</text>
        </view>
        <view class="devide-line"></view>
        <view class="feature-item">
          <text>100%</text>
          <text>技能培训</text>
        </view>
        <view class="devide-line"></view>
        <view class="feature-item">
          <text>中国平安</text>
          <text>保险保障</text>
        </view>
      </view>

      <view class="partner-title">鲸致合作</view>

      <image mode="widthFix" class="jzhz-img" src="https://mall.zhaijieshi.cc/file/jzmall/weixin/new/jzhz-0727.png">
      </image>
      <view class="jz-logo-wrapper">
        <image mode="widthFix" src="/static/images/new/jz-logo.png" class="jz-logo"></image>
      </view>
      <view class="service-tel sub-color">
        <view>客服热线：</view>
        <view bindtap="callPhone" class="phone-wrapper">
             <text>400-921-8987</text>
             <van-icon class="right-icon" name="phone-o" />
        </view>
      </view>
      <view class="jz-company">上海宅洁仕网络科技有限公司</view>
    </view> -->

			<!-- 关于鲸致 -->
			<view class="about-jz">
				<view class="popular-title">

					<view class="title-left">
						<view class="devide-bar"></view>
						<view class="title-text">关于鲸致生活</view>
					</view>

				</view>



				<!-- poster="https://jzmall.lifejingzhi.com/file/jzmall-dy/video-poster.png"  -->
				<video class="jz-video" play-btn-position="bottom"
					src="https://media.lifejingzhi.com/sv/19c50f70-18f14278f8c/19c50f70-18f14278f8c.mp4"
					:autoplay="false" :show-play-btn="true" :loop="false" controls object-fit="cover"></video>
				<view class="jz-about">
					<view class="about-item">
						<image mode="aspectFill" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/jzsh-about1.png"
							class="about-img"></image>
						<view class="middle-text">家庭服务</view>
						<view class="small-text">一站式家政服务</view>

					</view>
					<view class="about-item">
						<image mode="aspectFill" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/jzsh-about2.png"
							class="about-img"></image>
						<view class="middle-text">标准服务</view>
						<view class="small-text">可视化验收标准</view>

					</view>
					<view class="about-item">
						<image mode="aspectFill" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/jzsh-about3.png"
							class="about-img"></image>
						<view class="middle-text">值得信赖</view>
						<view class="small-text">100万+家庭客户</view>

					</view>
					<view class="about-item">
						<image mode="aspectFill" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/jzsh-about4.png"
							class="about-img"></image>
						<view class="middle-text">专业培训</view>
						<view class="small-text">服务品质有保障</view>

					</view>
					<view class="about-item">
						<image mode="aspectFill" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/jzsh-about5.png"
							class="about-img"></image>
						<view class="middle-text">保险保障</view>
						<view class="small-text">中国平安更保险</view>

					</view>
				</view>

				<view class="jz-logo-wrapper">
					<image mode="widthFix" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/jzsh-slogan.png"
						class="jz-logo"></image>
				</view>

			</view>



			<!--  <view class="new-jz">
                <view class="jz-super">
                    <view class="super-item">
                        <image src="https://mall.zhaijieshi.cc/file/wx-dy/icon-tag1.png" mode="aspectFill"></image>
                        <view>100%专业培训</view>
                    </view>
                    <view class="super-item">
                        <image src="https://mall.zhaijieshi.cc/file/wx-dy/icon-tag2.png" mode="aspectFill"></image>
                        <view>上户有保险</view>
                    </view>
                    <view class="super-item">
                        <image src="https://mall.zhaijieshi.cc/file/wx-dy/icon-tag3.png" mode="aspectFill"></image>
                        <view>售后有保障</view>
                    </view>
                    <view class="super-item">
                        <image src="https://mall.zhaijieshi.cc/file/wx-dy/icon-tag4.png" mode="aspectFill"></image>
                        <view>服务标准 品质保证</view>
                    </view>
                </view>

                <view class="jz-service">
                    <view class="service-item">
                        <image src="https://mall.zhaijieshi.cc/file/wx-dy/icon-city.png" mode="aspectFill"></image>
                        <view>服务覆盖近百座城市</view>
                    </view>
                    <view class="service-item">
                        <image src="https://mall.zhaijieshi.cc/file/wx-dy/icon-home.png" mode="aspectFill"></image>
                        <view>100万客户中高端家庭选择</view>
                    </view>
                </view>
                <image src="https://mall.zhaijieshi.cc/file/wx-dy/slogn.png" mode="aspectFill" class="img-slogan"></image>
                <view class="company-kf">鲸致生活全国统一客服专线</view>
                <view class="service-tel" @tap="callPhone">400-921-8987</view>
            </view> -->

			<!--
  <view class="a-section a-topic" wx:if="topics.length > 0" hidden="{{topics.length <= 0}}">
    <view class="h">
      <view>
        <navigator url="/pages/topic/topic">
          <text class="txt">专题精选</text>
        </navigator>
      </view>
    </view>
    <view class="b">
      <scroll-view scroll-x class="list">
        <view class="item" wx:for="{{topics}}" wx:for-index="index" wx:for-item="item" wx:key="id">
          <navigator url="../topicDetail/topicDetail?id={{item.id}}">
            <image class="img" src="{{item.picUrl}}" background-size="cover"></image>
            <view class="np">
              <text class="name">{{item.title}}</text>
              <text class="price">￥{{item.price}}元起</text>
            </view>
            <text class="desc">{{item.subtitle}}</text>
          </navigator>
        </view>
      </scroll-view>
    </view>
  </view>


  <view class="good-grid" wx:for="{{floorGoods}}" wx:key="id">
    <view class="h">
      <text>{{item.name}}</text>
    </view>
    <view class="b">
      <block wx:for="{{item.goodsList}}" wx:for-index="iindex" wx:for-item="iitem" wx:key="id">
        <view class="item {{iindex % 2 == 0 ? '' : 'item-b'}}">
          <navigator url="../goods/goods?id={{iitem.id}}" class="a">
            <image class="img" src="{{iitem.picUrl}}" background-size="cover"></image>
            <text class="name">{{iitem.name}}</text>
            <text class="price">￥{{iitem.retailPrice}}</text>
          </navigator>
        </view>
      </block>
    </view>
    <navigator url="/pages/category/category?id={{item.id}}" class="t">
      <view class="txt">{{'更多'+item.name+'好物 >'}}</view>
    </navigator>
  </view>-->
		</view>

		<!-- 广告 -->
		<!-- <view class="adv" bindtap='goinviteFriends'>
    <view  style="width:100%;height:100%">
      <image src="/static/images/active/xyhxd.jpg" style="width:100%;height:100%" /> 
    </view>
  </view> -->

		<!-- 弹窗 蒙城 -->
		<view class="mask" @touchmove.stop.prevent="preventTouchMove" v-if="showModalStatus"></view>
		<!-- 弹窗 -->
		<view class="modalDlg" v-if="showModalStatus">
			<view class="huode">未使用优惠券</view>
			<view class="youhuiquan">{{ couponsData.length }}张优惠券</view>
			<view class="table">
				<view class="line" @tap="gocoupon" v-for="(item, index) in couponsData" :key="index">
					<view class="left">
						<view style="font-size: 36rpx; margin-top: 20rpx">
							<span v-if="item.voucherType == 1">￥{{ item.discount }}</span>
							<span v-if="item.voucherType == 2">{{ item.discount / 10 }}折</span>
						</view>
						<view style="display: block; font-size: 19rpx">
							<!-- {{item.name}} -->
							<span v-if="item.voucherType == 1">立减券</span>
							<span v-if="item.voucherType == 2">折扣券</span>
						</view>
						<view class="ljsy">立即使用</view>
					</view>

					<view class="right">
						<view class="mz">{{ item.desc }}</view>
						<view class="sj">有效期致　{{ item.endTime }}</view>
					</view>
				</view>
			</view>
			<button @tap="gocoupon">立即使用</button>
			<view @tap="guanbicoupon" class="guanbi">×</view>
		</view>

		<!-- 客服电话 -->
		<!-- <view class="phone-btn" bindtap="callPhone">
      <van-icon class="right-icon" name="phone-o" />
    </view> -->
	</view>
</template>

<script>
	const util = require('../../utils/util.js');
	const api = require('../../config/api.js');
	const user = require('../../utils/user.js');
	const map = require('../../utils/map.js');
	const area = require('../../utils/area.js');

	//获取应用实例
	const app = getApp();
	export default {
		data() {
			return {
				baojie: '',
				chachuang: '',
				newGoods: [],
				hotGoods: [],
				topics: [],
				brands: [],
				groupons: [],
				floorGoods: [],
				banner: [],
				channel: [],
				coupon: [],
				goodsCount: 0,
				hasLogin: true,
				city: '',
				//当前业务城市
				citys: [],
				cityIndex: 0,
				addressInfo: {
					city: '上海市',
					shopId: 0,
					lng: 121.4737,
					lat: 31.23037,
					address: '上海市浦东新区祖冲之路1505弄100号3栋',
					shopName: ''
				},
				showModalStatus: false,
				couponsData: [],
				randomNum: (Math.random() * 100000000).toFixed(0)
			};
		},
		// computed: {
		//    themeType() {
		//       return this.$store.state.themeType
		//     }
		// 	}
		onShareAppMessage: function() {
			return {
				title: '保洁擦窗 家电清洗 专区收纳',
				desc: '鲸致生活，为美好生活',
				path: '/pages/index/index'
			};
		},
		onPullDownRefresh() {
			uni.showNavigationBarLoading(); //在标题栏中显示加载
			this.getIndexData();
			uni.hideNavigationBarLoading(); //完成停止加载
			uni.stopPullDownRefresh(); //停止下拉刷新
		},
		onReady: function() {
			console.log(this.$store.state.curThemeType);
			// if(this.$store.state.curThemeType=='yj'){
			// 	uni.setNavigationBarColor({
			// 		frontColor: '#ffffff',
			// 		backgroundColor:'#ff8219'
			// 	});
			// }

		},
		onLoad: function(options) {

			let that = this;

			// 页面初始化 options为页面跳转所带来的参数

			//邀好友60现金券走这里，然后要注册登陆
			console.log('options.rId' + options.rId);
			if (options.rId) {
				uni.setStorageSync('r_userid', options.rId);
			}
			var shareId;
			if (options.scene) {
				//这个scene的值存在则证明首页的开启来源于朋友圈分享的图,同时可以通过获取到的goodId的值跳转导航到对应的详情页
				var scene = decodeURIComponent(options.scene);
				console.log(scene);
				//console.info(scene); sId:分享id
				//goods,1181009;rId,10;sId:0
				//g,1181009;rId,10;sId:0 因为超长 缩写了goods

				//三种格式(1) rId,2   (2)g,3;rId,2 (3)g,3;rId,3;sId:10（阿姨开单分享）

				if (scene.indexOf('rId') >= 0 || scene.indexOf('r_userid') >= 0) {
					//兼容之前的r_userid
					let value = null;
					if (scene.indexOf(';') > 0) {
						//包含分号 表示是good和user两种
						value = scene.split(';')[1];
						//console.info(value);
						uni.setStorageSync('r_userid', value.split(',')[1]); //获取r_userid
						if (scene.indexOf('sId') >= 0 || scene.indexOf('shareId') >= 0) {
							//阿姨开单分享id  ||兼容之前的shareId
							shareId = scene.split(';')[2].split(',')[1];
						}
						scene = scene.split(';')[0];
						//console.info(scene);
					} else {
						value = scene;
						uni.setStorageSync('r_userid', value.split(',')[1]);

						// 引荐人分享
						console.log('只有rid,进入引荐人');
						let rId = value.split(',')[1];
						uni.navigateTo({
							url: '../ucenter/parter/recommend/recommend?rId=' + rId
						});

						// return; //结束逻辑 不在往下进行;
					}
				}

				let info_arr = [];
				info_arr = scene.split(',');
				let _type = info_arr[0];
				let id = info_arr[1];
				console.info(_type);
				if (_type == 'goods' || _type == 'g') {
					if (shareId) {
						uni.navigateTo({
							url: '../goods/goods?id=' + id + '&shareId=' + shareId
						});
					} else {
						let rId = uni.getStorageSync('r_userid');
						if (!rId) {
							rId = 0;
						}
						uni.navigateTo({
							url: '../goods/goods?id=' + id + '&rId=' + rId
						});
					}
				} else if (_type == 'groupon') {
					uni.navigateTo({
						url: '../goods/goods?grouponId=' + id
					});
				} else {
					uni.navigateTo({
						url: '../index/index'
					});
				}
			}

			// 页面初始化 options为页面跳转所带来的参数
			if (options.grouponId) {
				//这个pageId的值存在则证明首页的开启来源于用户点击来首页,同时可以通过获取到的pageId的值跳转导航到对应的详情页
				uni.navigateTo({
					url: '../goods/goods?grouponId=' + options.grouponId
				});
			}

			// 页面初始化 options为页面跳转所带来的参数
			if (options.goodId) {
				//这个goodId的值存在则证明首页的开启来源于分享,同时可以通过获取到的goodId的值跳转导航到对应的详情页
				if (options.share_id) {
					uni.navigateTo({
						url: '../goods/goods?id=' + options.goodId + '&share_id=' + options.share_id
					});
				} else {
					uni.navigateTo({
						url: '../goods/goods?id=' + options.goodId
					});
				}
			}

			// 页面初始化 options为页面跳转所带来的参数
			if (options.orderId) {
				//这个orderId的值存在则证明首页的开启来源于订单模版通知,同时可以通过获取到的pageId的值跳转导航到对应的详情页
				uni.navigateTo({
					url: '../ucenter/orderDetail/orderDetail?id=' + options.orderId
				});
			}
		},

		onShow: function() {
			//this.naviToMiniProgram();
			this.getLocation();

		},
		onHide: function() {
			// 页面隐藏
		},
		onUnload: function() {
			// 页面关闭
		},
		methods: {
			getIndexData: function() {
				//新人登陆优惠券发放判断 !app.globalData.hasLogin ||，需要获取地址后再拿券
				if (uni.getStorageSync('userInfo').id == null) {
					console.log('未登陆进入' + app.globalData.hasLogin + '----' + uni.getStorageSync('userInfo').id);
					// this.youhuiquan();
				}

				uni.showLoading({
					title: '加载中'
				});
				let that = this;
				console.info(that.addressInfo.shopId);
				util.request(api.IndexUrl, {
					city: that.addressInfo.city,
					shopId: that.addressInfo.shopId
				}).then(function(res) {
					if (res.errno === 0) {
						that.setData({
							// newGoods: res.data.newGoodsList,
							hotGoods: res.data.hotGoodsList,
							// topics: res.data.topicList,
							//brands: res.data.brandList,
							//floorGoods: res.data.floorGoodsList,
							banner: res.data.banner,
							//groupons: res.data.grouponList,
							channel: res.data.channel,
							baojie: res.data.baojie,
							chachuang: res.data.chachuang
							//coupon: res.data.couponList
						});
						//console.info(res.data.banner);
					}

					uni.hideLoading();
				});
				// util.request(api.GoodsCount).then(function (res) {
				//   that.setData({
				//     goodsCount: res.data
				//   });
				// });
			},

			youhuiquan() {
				//进入小程序优惠券展示
				let that = this;
				util.request(api.CouponRegister, {
					city: that.addressInfo.city
				}).then(function(res) {
					//console.info(res.data);
					if (res.errno === 0 && res.data.length > 0 && uni.getStorageSync('userInfo').nickName ==
						null) {
						that.setData({
							showModalStatus: true,
							couponsData: res.data
						});
					}
				});
			},

			getLocation() {
				let that = this;
				//获取地理位置 缓存中是否有地址
				/**
				 * 分2重判断
				 * 1：缓存中是否有地址
				 * 2：未登录 取当前地理位置判断
				 */
				var addressInfo = uni.getStorageSync('addressInfo');
				if (addressInfo) {
					console.info(addressInfo);
					that.setData({
						addressInfo: addressInfo
					});
					this.getIndexData();
				} else {
					if (!app.globalData.hasLogin) {
						//未登陆
						map.getCity()
							.then((res) => {
								that.setData({
									addressInfo: res
								});
								console.info(res);
								this.getIndexData();
							})
							.catch((res) => {
								//reject内容 1：未授权 2：不在服务范围 3：异常解析
								console.log('map fail');
								uni.showModal({
									title: '提醒',
									showCancel: false,
									content: '您未授权或非业务城市，已切换其他业务城市'
								});
								this.getdefaultCityShop();
							});
					}
				}
			},

			getdefaultCityShop() {
				let that = this;
				util.request(api.getDefaultCityShop, {}, 'get').then((res) => {
					if (res.errno === 0) {
						that.setData({
							addressInfo: res.data
						});
						uni.setStorageSync('addressInfo', res.data);
						that.getIndexData();
					} else {
						util.showErrorToast(res.errmsg);
					}
				});
			},

			goCheckAddress() {
				user.checkLogin()
					.then((res) => {
						uni.navigateTo({
							url: '/pages/ucenter/address/address'
						});
					})
					.catch((res) => {
						uni.navigateTo({
							url: '/pages/auth/login/login'
						});
					});
			},

			naviToMiniProgram() {
				let that = this;
				uni.showModal({
					title: '温馨提示',
					content: '尊敬的客户，鲸致生活小程序已迁移到【鲸致生活lifeplus】，您的相关权益也全部迁移保留，请点击确认 使用新小程序。',
					showCancel: false,
					//是否显示取消按钮
					cancelText: '取消',
					//默认是“取消”
					cancelColor: '#000000',
					//取消文字的颜色
					confirmText: '确认跳转',
					//默认是“确定”
					confirmColor: '#3cc51f',
					//确定文字的颜色
					success: function(res) {
						if (res.cancel) {
							//点击取消，wx.navigateBack
						} else {
							// 使用wx.navigateToMiniProgram跳转到小程序
							uni.navigateToMiniProgram({
								appId: 'wxf0a77f9993d8b60d',
								path: 'pages/index/index',
								envVersion: 'release',
								// 打开正式版
								success(res) {
									// 打开成功
								},
								fail: function(err) {
									console.log(err);
									that.naviToMiniProgram();
								}
							});
						}
					},
					fail: function(res) {
						//接口调用失败的回调函数，wx.navigateBack
					},
					complete: function(res) {
						console.info(res);
						//接口调用结束的回调函数（调用成功、失败都会执行）
					}
				});
			},

			goLogin: function(e) {
				if (e.detail.userInfo == null) {
					app.globalData.hasLogin = false;
					util.showErrorToast('微信授权失败');
					return;
				}
				app.globalData.hasLogin = false;
				uni.setStorageSync('userInfo', null);
				user.loginByWeixin(e.detail.userInfo)
					.then((res) => {
						//跳转注册页
						if (user.checkRegisted() == false) {
							uni.navigateTo({
								url: '/pages/auth/register/register'
							});
						} else {
							this.setData({
								hasLogin: true
							});
						}
					})
					.catch((err) => {
						app.globalData.hasLogin = false;
					});
			},

			getCoupon(e) {
				if (!app.globalData.hasLogin) {
					uni.navigateTo({
						url: '/pages/auth/login/login'
					});
				}
				let couponId = e.currentTarget.dataset.index;
				util.request(
					api.CouponReceive, {
						couponId: couponId
					},
					'POST'
				).then((res) => {
					if (res.errno === 0) {
						uni.showToast({
							title: '领取成功'
						});
					} else {
						util.showErrorToast(res.errmsg);
					}
				});
			},

			goinviteFriends(e) {
				console.log(app.globalData.hasLogin);
				//跳转到邀请页面
				if (app.globalData.hasLogin) {
					uni.navigateTo({
						url: '/pages/activity/invitefriends/inviteFriends'
					});
				} else {
					uni.navigateTo({
						url: '/pages/auth/login/login'
					});
				}
			},

			guanbicoupon() {
				this.setData({
					showModalStatus: false
				});
			},

			gocoupon(e) {
				this.setData({
					showModalStatus: false
				});
				if (!app.globalData.hasLogin) {
					uni.navigateTo({
						url: '/pages/auth/login/login'
					});
				}
			},

			myshowtost: function(v) {
				uni.showToast({
					title: v,
					icon: 'none',
					duration: 3000
				});
			},

			goCatalog() {
				uni.navigateTo({
					url: '/pages/tabBar/catalog/catalog'
				});
			},

			goHotGoods() {
				uni.navigateTo({
					url: '/pages/goods/hotGoods/hotGoods'
				});
			},

			callPhone: function() {
				uni.makePhoneCall({
					phoneNumber: '4009218987'
				});
			},

			preventTouchMove() {
				console.log('占位：函数 preventTouchMove 未声明');
			}
		}

	};
</script>
<style>
	page {
		height: 100vh;
	}

	.container {
		/* background: #fefefe; */
		background: #f8f8f8;
		padding: 20rpx 30rpx 30rpx;
	}

	/*弹窗*/
	.mask {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background: #000;
		z-index: 9000;
		opacity: 0.7;
	}

	.guanbi {
		border: 5rpx solid #7f7f7f;
		position: absolute;
		bottom: -70rpx;
		color: #7f7f7f;
		font-size: 60rpx;
		border-radius: 40rpx;
		width: 60rpx;
		height: 60rpx;
		text-align: center;
		line-height: 57rpx;
	}

	.modalDlg {
		width: 580rpx;
		/* height: 750rpx; */
		position: fixed;
		top: 45%;
		left: 0;
		z-index: 9999;
		margin: -370rpx 85rpx;
		background-color: #fff;
		border-radius: 36rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		background: #ee4749;
	}

	.modalDlg button {
		margin-top: 30rpx;
		margin-bottom: 30rpx;
		font-size: 24rpx;
		color: #47c5fa;
		background: #e7f7ff;
		border-radius: 30rpx;
	}

	.modalDlg .table {
		/* border:1px solid red; */
		overflow: scroll;
		max-height: 600rpx;
		min-height: 200rpx;
	}

	.modalDlg .huode {
		color: white;
		margin-top: 30rpx;
		font-size: 30rpx;
	}

	.modalDlg .youhuiquan {
		margin-top: 10rpx;
		font-size: 24rpx;
		color: white;
	}

	.modalDlg .line {
		width: 520rpx;
		/* border: 2px solid blue; */
		background: white;
		height: 140rpx;
		border-radius: 30rpx;
		overflow: hidden;
		text-align: center;
		margin-top: 20rpx;
	}

	.modalDlg .line .left {
		width: 150rpx;
		height: 140rpx;
		background: #e7f7ff;
		float: left;
	}

	.modalDlg .line .left .ljsy {
		width: 100rpx;
		font-size: 20rpx;
		background: #47c5fa;
		color: white;
		margin: 0px auto;
		border-radius: 20rpx;
		margin-top: 5rpx;
	}

	.modalDlg .line .right .mz {
		margin-top: 30rpx;
		overflow: hidden;
		color: black;
		font-weight: 600;
		font-size: 26rpx;
	}

	.modalDlg .line .right .sj {
		color: #c8c5c5;
		font-size: 20rpx;
		margin-top: 20rpx;
	}

	.adv {
		position: fixed;
		left: 0rpx;
		bottom: 0;
		z-index: 100;
		width: 750rpx;
		height: 165rpx;
		display: flex;
		/* border: 1px solid red; */
	}

	.m-menu {
	  /* background: #fff; */
	  margin: 20rpx 0;
	  display: flex;
	  align-items: center;
	  flex-wrap: wrap;
	  height: 270rpx;
	  justify-content: space-between;
	}
	
	.category-item {
	  width: 164rpx;
	  height: 270rpx;
	  position: relative;
	}
	
	.item-name {
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 30rpx;
	  text-align: center;
	  font-size: 24rpx;
	  color: #fff;
	  margin: 0 0 12rpx 0;
	}
	
	.item-desc {
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 64rpx;
	  text-align: center;
	  font-size: 20rpx;
	  color: #fff;
	}
	
	.m-menu .item {
	  width: 245rpx;
	  height: 126rpx;
	  margin-top: 10rpx;
	  margin-bottom: 10rpx;
	}


	
	.hot-item {
		/* padding: 0 20rpx; */
		/* height: 148rpx; */
		font-size: 0;
	}
	
	.hot-item image {
	  width: 690rpx;
	  height: 148rpx;
	  /* margin-bottom: 18rpx; */
	}
	.hot-item-nav{
		border-radius: 32rpx; margin-bottom:18rpx
	}

	.m-menu image {
		width: 168rpx;
		height: 272rpx;
		border-radius: 10rpx;
	}

	.m-menu text {
		display: block;
		font-size: 24rpx;
		text-align: center;
		margin: 0 auto;
		line-height: 1;
		color: #333;
	}

	.shoadow {
		box-shadow: 1px 2px 2px 2px #f7f7f1;
	}

	.image-margin {
		margin-bottom: 20rpx;
	}

	.a-section {
		/* width: 750rpx; */
		height: auto;
		overflow: hidden;
		/* margin-top: 20rpx; */
	}

	.a-section .h {
	  display: flex;
	  flex-flow: row nowrap;
	  align-items: center;
	  justify-content: center;
		height: 92rpx;
		padding:40rpx 0 20rpx;
	}

	.popular-title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 34rpx;
		width: 100%;
	}

	.a-section .h .txt1 {
		width: 4rpx;
		height: 34rpx;
		background: #09afff;
		margin: 0 12rpx 0 0;
	}

	.devide-bar {
		width: 4rpx;
		height: 34rpx;
		background: #09afff;
		margin: 0 12rpx 0 0;
	}

	.title-text {
		font-size: 33rpx;
		font-weight: bold;
	}

	.title-left {
		display: flex;
		align-items: center;
		height: 34rpx;
	}

	.title-right {
		display: flex;
		align-items: center;
		height: 34rpx;
		font-size: 24rpx;
	}

	.a-section .h .txt {
		padding-right: 30rpx;
		font-size: 33rpx;
		font-weight: bold;
	}

	.a-brand .b {
		width: 750rpx;
		height: auto;
		overflow: hidden;
		position: relative;
	}

	.a-brand .wrap {
		position: relative;
	}

	.a-brand .img {
		position: absolute;
		left: 0;
		top: 0;
	}

	.a-brand .mt {
		position: absolute;
		z-index: 2;
		padding: 27rpx 31rpx;
		left: 0;
		top: 0;
	}

	.a-brand .mt .brand {
		display: block;
		font-size: 33rpx;
		height: 43rpx;
		color: #fff;
	}

	.a-brand .mt .price,
	.a-brand .mt .unit {
		font-size: 25rpx;
		color: #fff;
	}

	.a-brand .item-1 {
		float: left;
		width: 375rpx;
		height: 252rpx;
		overflow: hidden;
		border-top: 1rpx solid #fff;
		margin-left: 1rpx;
	}

	.a-brand .item-1:nth-child(2n + 1) {
		margin-left: 0;
		width: 374rpx;
	}

	.a-brand .item-1 .img {
		width: 375rpx;
		height: 253rpx;
	}

	.a-coupon {
		width: 750rpx;
		height: auto;
		overflow: hidden;
	}

	.a-coupon .b .item {
		position: relative;
		height: 200rpx;
		width: 700rpx;
		background: linear-gradient(to right, #cfa568, #e3bf79);
		margin-bottom: 10rpx;
		margin-left: 30rpx;
		margin-right: 30rpx;
		padding-top: 30rpx;
	}

	.a-coupon .b .tag {
		height: 32rpx;
		background: #a48143;
		padding-left: 16rpx;
		padding-right: 16rpx;
		position: absolute;
		left: 20rpx;
		color: #fff;
		top: 20rpx;
		font-size: 20rpx;
		text-align: center;
		line-height: 32rpx;
	}

	.a-coupon .b .content {
		margin-top: 24rpx;
		margin-left: 40rpx;
		display: flex;
		margin-right: 40rpx;
		flex-direction: row;
	}

	.a-coupon .b .content .left {
		flex: 1;
	}

	.a-coupon .b .discount {
		font-size: 50rpx;
		color: #b4282d;
	}

	.a-coupon .b .min {
		color: #fff;
	}

	.a-coupon .b .content .right {
		width: 400rpx;
	}

	.a-coupon .b .name {
		font-size: 44rpx;
		color: #fff;
		margin-bottom: 14rpx;
	}

	.a-coupon .b .desc {
		font-size: 24rpx;
		color: #fff;
	}

	.a-coupon .b .time {
		font-size: 24rpx;
		color: #fff;
		line-height: 30rpx;
	}

	.a-groupon {
		width: 750rpx;
		height: auto;
		overflow: hidden;
	}

	.a-groupon .b .item {
		border-top: 1px solid #d9d9d9;
		margin: 0 20rpx;
		height: 244rpx;
		width: 710rpx;
	}

	.a-groupon .b .img {
		margin-top: 12rpx;
		margin-right: 12rpx;
		float: left;
		width: 220rpx;
		height: 220rpx;
	}

	.a-groupon .b .right {
		float: left;
		height: 244rpx;
		width: 476rpx;
		display: flex;
		flex-flow: row nowrap;
	}

	.a-groupon .b .text {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		justify-content: center;
		overflow: hidden;
		height: 244rpx;
		width: 476rpx;
	}

	.a-groupon .b .name {
		float: left;
		display: block;
		color: #333;
		line-height: 50rpx;
		font-size: 30rpx;
	}

	.a-groupon .b .desc {
		width: 476rpx;
		display: block;
		color: #999;
		line-height: 50rpx;
		font-size: 25rpx;
	}

	.a-groupon .b .price {
		width: 476rpx;
		display: flex;
		color: #ab956d;
		line-height: 50rpx;
		font-size: 33rpx;
	}

	.a-groupon .b .counterPrice {
		text-decoration: line-through;
		font-size: 28rpx;
		color: #999;
	}

	.a-groupon .b .retailPrice {
		margin-left: 30rpx;
		font-size: 28rpx;
		color: #a98f76;
	}

	.a-new .b {
		width: 750rpx;
		height: auto;
		overflow: hidden;
		padding: 0 31rpx 45rpx 31rpx;
	}

	.a-new .b .item {
		float: left;
		width: 302rpx;
		margin-top: 10rpx;
		margin-left: 21rpx;
		margin-right: 21rpx;
	}

	.a-new .b .item-b {
		margin-left: 42rpx;
	}

	.a-new .b .img {
		width: 298rpx;
		height: 300rpx;
	}

	.a-new .b .name {
		/*text-align: center;*/
		display: block;
		width: 302rpx;
		height: 60rpx;
		margin-bottom: 14rpx;
		overflow: hidden;
		font-size: 30rpx;
		color: #333;
		/*white-space: nowrap;*/
		overflow: hidden;
		text-overflow: ellipsis;
		margin-top: 5rpx;
		margin-left: 0rpx;
		line-height: 1em;
		/*行间距*/
	}

	.a-new .b .price {
		display: block;
		/*text-align: center;*/
		line-height: 30rpx;
		font-size: 30rpx;
		color: darkred;
		margin-left: 10rpx;
	}

	.a-new .b .brand {
		font-size: 20rpx;
		color: #a98f76;
		display: block;
		line-height: 30rpx;
		margin-bottom: 5rpx;
		margin-left: 12rpx;
	}

	.a-popular {
		width: 690rpx;
		height: auto;
		overflow: hidden;
		/* padding: 0 20rpx; */
		margin: -18rpx 0 0;
	}

	.popular-item {
		/* box-shadow: 0 0 10rpx 0 rgba(100, 100, 100, 0.2); */
		border-radius: 20rpx;
		margin: 0 0 20rpx 0;
		min-height: 380rpx;
		width: 690rpx;
		background: #fff;
		padding: 20rpx 20rpx 24rpx;
		display: flex;
		flex-direction: column;
	}

	.item-img-wrapper {
		position: relative;
		/* padding:20rpx;
 	background: #C4ECFF; */
		border-radius: 20rpx;
		font-size: 0;
	}

	.self-tag {
		height: 28rpx;
		background: #09afff;
		color: #fff;
		padding: 0 8rpx;
		/* line-height: 28rpx; */
		font-size: 20rpx;
		margin: 0 12rpx 0 0;
		border-radius: 4rpx;
	}

	.popular-item .product-item-name {
		width: 380rpx;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 28rpx;
	}

	.popular-item .item-brief {
		width: 400rpx;
		overflow: hidden;
		/* white-space: nowrap; */
		text-overflow: ellipsis;
		font-size: 20rpx;
		display: -webkit-box;
		color: #85868a;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		margin-top: 5rpx;
		/*超过两行省略号*/
	}

	.counter-price {
		font-size: 20rpx;
		text-decoration: line-through;
		color: #2a2a2a;
		line-height: 28rpx;
		text-align: center;
	}

	.retail-price {
		font-size: 32rpx;
		font-weight: bold;
		color: #dd483e;
		text-align: center;
	}

	.retail-price .title {
		font-size: 26rpx;
		color: #dd483e;
		line-height: 48rpx;
	}

	.retail-price .unit {
		font-size: 21rpx;
		font-weight: 400;
		color: #dd483e;
	}

	.retail-price .price {
		font-size: 32rpx;
		font-weight: bold;
		color: #dd483e;
		margin-left: 10rpx;
	}

	/* 活动商品显示样式 */
	.activity {
		height: 75rpx;
		background: linear-gradient(67deg, #4f43dd, #689cf2, #ba64e2);
		border-radius: 10rpx;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
	}

	.activity .clock {
		width: 42rpx;
		height: 42rpx;
		margin-right: 10rpx;
	}

	.activity .time {
		font-size: 20rpx;
		font-weight: 400;
		color: #f4f4f4;
		line-height: 30rpx;
	}

	.activity .arrow {
		width: 10rpx;
		height: 16rpx;
		margin-left: 10rpx;
		margin-right: 10rpx;
	}

	.activity .limit {
		width: 131rpx;
		height: 32rpx;
		background-image: url('https://7a68-zhaijieshi-3guecm78383ca692-1307626841.tcb.qcloud.la/activity/activity2.png');
		background-size: 100% 100%;
		color: #fff;
		font-size: 23rpx;
		text-align: center;
		margin-left: 20rpx;
	}

	.a-popular .b .img {
	  width: 650rpx;
	  height: 400rpx;
	  border-radius: 20rpx;
	}


	.item-tag {
		position: absolute;
		left: 0;
		top: 20rpx;
		height: 32rpx;
		width: 116rpx;
		text-align: center;
		color: #fff;
		font-size: 22rpx;
		background: #09afff;
		border-radius: 0 32rpx 32rpx 0;
	}

	.item-main {
		/* display: flex;
		align-items: center;
		justify-content: space-between;
		height: 100rpx;
		width: 690rpx;
		margin: 20rpx 0 0;
		background: url('https://mall.zhaijieshi.cc/file/wx-dy/price-bj.png') no-repeat center;
		background-size: 100%;
		padding: 0 42rpx 0 48rpx; */
		  display: flex;
		  /* align-items: center; */
		  justify-content: space-between;
		  height: 68rpx;
			margin: 20rpx 0 10rpx;
			padding-left:20rpx;
	}

	.item-sub {
		display: flex;
		align-items: center;
		justify-content: space-between;
		/* height: 20rpx; */
	}

	.item-left {
		display: flex;
		/* align-items: center; */
		flex-direction: column;
	}

	.a-popular .b .right {
		float: left;
		height: 264rpx;
		width: 456rpx;
		display: flex;
		flex-flow: row nowrap;
	}

	.a-popular .b .text {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		justify-content: center;
		overflow: hidden;
		height: 264rpx;
		width: 456rpx;
	}

	.a-popular .b .name {
		width: 456rpx;
		display: block;
		color: #333;
		line-height: 40rpx;
		font-size: 30rpx;
	}

	.a-popular .b .desc {
		width: 456rpx;
		display: block;
		color: #a98f76;
		line-height: 50rpx;
		font-size: 25rpx;
	}

	/* 
.a-popular .b .price {
  width: 456rpx;
  display: block;
  color: darkred; 
  line-height: 50rpx;
  font-size: 33rpx;
} */

	.a-popular .b .brand {
		font-size: 20rpx;
		color: #a98f76;
		display: block;
		line-height: 30rpx;
		padding: 2rpx;
	}

	.a-topic .b {
		/*height: 533rpx;*/
		height: auto;
		width: 750rpx;
		padding: 0 0 48rpx 0;
	}

	.good-nva {
		border: 1px #eee solid;
	}

	/* 
.a-topic .b .list { 
  height: auto;
  width: 750rpx;
  white-space: nowrap;
}

.a-topic .b .item {
  display: block;
  height: 533rpx;
  width: 680.5rpx;
  margin-left: 30rpx;
  overflow: hidden;
}

.a-topic .b .t {
  height: 100rpx;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.a-topic .b .item:last-child {
  margin-right: 30rpx;
}

.a-topic .b .img {
  height: 387.5rpx;
  width: 680.5rpx;
  margin-bottom: 30rpx;
}

.a-topic .b .np {
  height: 35rpx;
  margin-bottom: 13.5rpx;
  color: #333;
  font-size: 30rpx;
}

.a-topic .b .np .price {
  margin-left: 20.8rpx;
  color: #ab956d;
}

.a-topic .b .np .discount {
  width: 476rpx;
  display: block;
  color: #999;
  line-height: 50rpx;
  font-size: 25rpx;
}

.a-topic .b .desc {
  display: block;
  height: 30rpx;
  color: #999;
  font-size: 24rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
} */

	.good-grid {
		width: 750rpx;
		height: auto;
		overflow: hidden;
	}

	.good-grid .h {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: center;
		height: 130rpx;
		font-size: 33rpx;
		color: #333;
	}

	.good-grid .b {
		width: 750rpx;
		padding: 0 6.25rpx;
		height: auto;
		overflow: hidden;
	}

	.good-grid .b .item {
		float: left;
		background: #fff;
		width: 365rpx;
		margin-bottom: 6.25rpx;
		height: 452rpx;
		overflow: hidden;
		text-align: center;
	}

	.good-grid .b .item .a {
		height: 452rpx;
		width: 100%;
	}

	.good-grid .b .item-b {
		margin-left: 6.25rpx;
	}

	.good-grid .item .img {
		margin-top: 20rpx;
		width: 302rpx;
		height: 302rpx;
	}

	.good-grid .item .name {
		display: block;
		width: 365.625rpx;
		padding: 0 20rpx;
		overflow: hidden;
		height: 35rpx;
		margin: 11.5rpx 0 22rpx 0;
		text-align: center;
		font-size: 30rpx;
		color: #333;
	}

	.good-grid .item .price {
		display: block;
		width: 365.625rpx;
		height: 30rpx;
		text-align: center;
		font-size: 30rpx;
		color: #a98f76;
	}

	.good-grid .t {
		height: 100rpx;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.address {
		padding: 0 34rpx 0 20rpx;
		height: 66rpx;
		display: flex;
		align-items: center;
		background: #fff;
		border-radius: 66rpx;
		justify-content: space-between;
		margin:0 0 20rpx 0;
	}

	.address .name {
		display: flex;
		align-items: center;
		/* height: 40rpx; */
		width: 470rpx;
		overflow: hidden;
		float: left;
	}

	.address .shar {
		background: #fff;
	}

	.address button::after {
		border: none;
	}

	.address .shar image {
		float: right;
		width: 40rpx;
		height: 40rpx;
		margin-top: 6rpx;
		/* border:1px solid red; */
	}

	.address .name .address-name {
		height: 68rpx;
		line-height: 70rpx;
		text-overflow: ellipsis;
		/* word-wrap: break-word; */
		margin: 0 8rpx 0 12rpx;
		white-space: nowrap;
		overflow: hidden;
		max-width: 216rpx;
		font-size: 22rpx;
	}

	.address .warning {
		font-size: 24rpx;
		color: red;
		margin-left: 40rpx;
		line-height: 32rpx;
	}

	.search {
		height: 68rpx;
		width: 100%;
		padding: 0 50rpx;
		display: flex;
		align-items: center;
		margin: 0 0 20rpx 0;
	}

	.search .van-icon-search {
		line-height: 59rpx;
		color: #ffffff;
	}

	.search .input {
		width: 648rpx;
		height: 68rpx;
		background: #fff;
		border-radius: 68rpx;
		/* border:1rpx solid gray;  */
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.search .txt {
		height: 42rpx;
		line-height: 42rpx;
		/* color: #ffffff; */
		color: gray;
		padding-left: 10rpx;
		font-size: 30rpx;
	}

	.no-login {
		width: 100%;
		height: auto;
		margin: 0 auto;
		background-color: #fff;
	}

	.no-login .c {
		width: 100%;
		height: auto;
		margin-top: 400rpx;
	}

	.no-login .c text {
		margin: 0 auto;
		display: block;
		width: 258rpx;
		height: 59rpx;
		line-height: 29rpx;
		text-align: center;
		font-size: 35rpx;
	}

	.no-login button {
		width: 90%;
		margin: 0 auto;
		color: #fff;
		font-size: 30rpx;
		height: 96rpx;
		line-height: 96rpx;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		position: flex;
		bottom: 0;
		left: 0;
		border-radius: 0;
		padding: 0;
		margin-left: 5%;
		text-align: center;
		border-radius: 6rpx;
		letter-spacing: 3rpx;
		background-color: #242a48;
		/*background-image: linear-gradient(to right, #9a9ba1 0%, #9a9ba1 100%);*/
	}

	.wechat {
		width: 80rpx;
		height: 80rpx;
		margin-right: 15rpx;
	}

	/* 关于鲸致 */
	.about-jz {
		padding: 10rpx 0rpx 0;
	}

	.jzhz-img {
		width: 710rpx;
	}

	.service-tel {
		font-size: 20rpx;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.partner-title {
		font-size: 30rpx;
		margin: 40rpx 0 24rpx;
		text-align: center;
		font-weight: bold;
	}

	.jz-feature {
		margin: 40rpx 0 0;
		height: 60rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.devide-line {
		height: 50rpx;
		width: 2rpx;
		background: #85868a;
	}

	.feature-item {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		font-size: 20rpx;
		align-items: center;
		height: 50rpx;
	}

	.jz-logo-wrapper {
		text-align: center;
		margin: 20rpx 0 10rpx;
		height: 30rpx;
	}

	.jz-logo {
		width: 152rpx;
		height: 30rpx;
	}

	.jz-company {
		color: #a4a4a4;
		font-size: 20rpx;
		margin: 24rpx 0 0;
		text-align: center;
	}

	.member-price {
		height: 34rpx;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.memberPrice {
		font-size: 26rpx;
		color: #dd483e;
		margin: 0 0 0 30rpx;
	}

	.member-price-tag {
		width: 120rpx;
		height: 32rpx;
		line-height: 32rpx;
		background: url('https://mall.zhaijieshi.cc/file/jzmall/weixin/member/member-price-bg.png') no-repeat center center;
		background-size: 100% 100%;
		color: #5e3a11;
		font-size: 22rpx;
		padding: 0 8rpx 0 0;
		text-align: right;
	}

	/* 新客角标 */
	.isNew {
		position: absolute;
		width: 80rpx;
		height: 120rpx;
		right: 30rpx;
	}

	.phone-btn {
		position: fixed;
		z-index: 999;
		right: 20rpx;
		top: 500rpx;
		font-size: 60rpx;
		animation-iteration-count: infinite;
		width: 100rpx;
		height: 100rpx;
		border-radius: 100rpx;
		background: rgba(255, 255, 255, 0.8);
		display: flex;
		align-items: center;
		justify-content: center;
		color: #09afff;
	}

	.phone-wrapper {
		display: flex;
		align-items: center;
	}

	.right-icon {
		color: #09afff;
		font-size: 30rpx;
		margin-left: 6rpx;
	}

	.shop-name {
		font-size: 24rpx;
		border: 2rpx solid #09afff;
		line-height: 30rpx;
		padding: 0 8rpx;
		border-radius: 8rpx;
		margin: 0 8rpx 0 0;
		word-break: keep-all;
		max-width: 240rpx;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.new-top {
	/* 	padding: 20rpx 30rpx 0;
		background: linear-gradient(180deg, #09afff 10%, #f8f8f8 90%);
		margin-bottom: 20rpx; */
	}

	.banner {
	  width: 690rpx;
	  height: 462rpx;
	  z-index: 20;
	}
	
	.banner image {
	  width: 690rpx;
	  height: 462rpx;
	
	}

	.address-city {
		font-size: 30rpx;
		margin-left: 8rpx;
		white-space: nowrap;
	}

	.service-adv {
		width: 690rpx;
		height: 46rpx;
		background: #def6ff;
		border-radius: 10rpx;
		margin: 0 30rpx 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 30rpx;
	}

	.adv-item {
		height: 46rpx;
		display: flex;
		align-items: center;
	}

	.adv-item image {
		width: 20rpx;
		height: 24rpx;
		margin-right: 6rpx;
	}

	.adv-item view {
		color: #00c0ff;
		font-size: 20rpx;
	}

	.new-hot-good {
		height: 200rpx;
		width: 690rpx;
		margin: 0 30rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.new-hot-good image {
		width: 334rpx;
		height: 200rpx;
	}

	.jz-hot {
		height: 30rpx;
		margin: 30rpx 30rpx 20rpx 30rpx;
		display: flex;
		align-items: center;
	}

	.jz-hot view {
		font-size: 30rpx;
		/* font-weight: bold; */
	}

	.jz-hot image {
		width: 26rpx;
		height: 26rpx;
		margin-left: 10rpx;
	}

	.new-real-price {
		color: #ff483c;
		font-size: 42rpx;
	}

	.new-retail-price {
		text-decoration: line-through;
		color: #666666;
		font-size: 28rpx;
		margin-left: 28rpx;
		padding-bottom: 6rpx;
	}

	.new-item-right {
		width: 162rpx;
		height: 50rpx;
		line-height: 50rpx;
		background: #00c0ff;
		border-radius: 50rpx;
		font-size: 24rpx;
		text-align: center;
		color: #fff;
	}

	.new-item-left {
		display: flex;
		align-items: flex-end;
	}

	.new-jz {
		width: 750rpx;
		padding: 0 30rpx 44rpx;
		background: #fff;
	}

	.jz-super {
		height: 166rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 2rpx solid #f4f4f4;
	}

	.super-item {
		display: flex;
		align-items: center;
		flex: 1;
		flex-direction: column;
	}

	.super-item image {
		width: 56rpx;
		height: 56rpx;
		margin-bottom: 20rpx;
	}

	.super-item view {
		color: #00c0ff;
		font-size: 20rpx;
		height: 20rpx;
		line-height: 20rpx;
	}

	.jz-service {
		height: 92rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 44rpx;
	}

	.service-item {
		display: flex;
		align-items: center;
	}

	.service-item image {
		width: 28rpx;
		height: 28rpx;
		margin-right: 8rpx;
	}

	.service-item view {
		color: #00c0ff;
		font-size: 24rpx;
		/* font-weight: bold; */
	}

	.img-slogan {
		width: 446rpx;
		height: 60rpx;
		margin: 0 122rpx;
	}

	.company-kf {
		color: #00c0ff;
		text-align: center;
		font-size: 20rpx;
		margin: 28rpx 0 12rpx 0;
		height: 20rpx;
		line-height: 20rpx;
	}

	.service-tel {
		color: #00c0ff;
		text-align: center;
		font-size: 20rpx;
		font-weight: bold;
		width: 230rpx;
		margin: 0 230rpx;
	}

	.new-category {
		width: 690rpx;
		height: 140rpx;
		margin: 0 30rpx 30rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;

		background: #ffffff;
		border-radius: 20rpx;
		/* padding:0 24rpx; */
	}

	.cat-item {
		display: flex;
		flex-direction: column;
		flex: 1;
		align-items: center;
	}

	.cat-item image {
		height: 62rpx;
		width: 70rpx;
		margin-bottom: 14rpx;
	}

	.cat-item view {
		color: #161616;
		font-size: 26rpx;
		height: 26rpx;
		line-height: 26rpx;
	}

	.cat-item .ndbb-wrapper {
		height: 62rpx;
		width: 70rpx;
		position: relative;
		margin-top: 10rpx;
		margin-bottom: 14rpx;
	}

	.cat-item .ndbb {
		position: absolute;
		background: url('https://mall.zhaijieshi.cc/file/wx-dy/icon-ndbb.png') no-repeat center;
		background-size: 68rpx 24rpx;
		top: -12rpx;
		left: 48rpx;
		width: 70rpx;
		height: 24rpx;
	}

	.jz-video {
		width: 690rpx;
		height: 380rpx;
		border-radius: 12rpx;
		margin: 20rpx 0;
	}

	.jz-about {
		width: 690rpx;
		height: 180rpx;
		background: #FFFFFF;
		border-radius: 15rpx;
		padding: 0 8rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.about-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		flex: 1;

	}

	.about-item image {
		width: 72rpx;
		height: 72rpx;
		margin-bottom: 20rpx;
	}

	.about-item .middle-text {
		height: 24rpx;
		font-size: 24rpx;
		color: #000000;
		line-height: 24rpx;
		margin-bottom: 10rpx;
	}

	.about-item .small-text {
		font-size: 16rpx;
		color: #999999;
		line-height: 16rpx;
		height: 16rpx;
	}

	.category-navi {
		border-radius: 32rpx;
	}
</style>