<template>
	<view>
		<view class="diypages">
			<view class="diypages-i" v-for="(item, key) in diypagesData" :key="key">
				<!--  notice  公告1  -->
				<view class="notice dis-flex flex-y-center padding-box" :style="'margin-bottom: '+(item.style.marginbottom*2)+'rpx'"
				 v-if="item.id == 'notice'">
					<view class="diy-notice-icon" :style="{'background-image':'url('+imageRoot+'diynotice.png)'}" v-if="imageRoot"></view>
					<view class="notice-r">
						<swiper :autoplay="notice.autoplay" :vertical="notice.vertical" @change="pmove" :circular="notice.circular" :interval="notice.interval"
						 :duration="notice.duration">
							<swiper-item v-for="(item2, key2) in item.data" :key="key2">
								<view class="a movbox" @click="navigateTo(item2.link)"><view class="move" :style="{left: moveLeft + 'px'}">{{ item2.title }}</view></view>
							</swiper-item>
						</swiper>
					</view>
				</view>

				<!--  notice2  公告2  -->
				<view class="notice notice2" :style="'margin-bottom: '+(item.style.marginbottom*2)+'rpx'" v-if="item.id == 'notice2'">
					<view class="notice-l style2">
						<view class="span">公告</view>
					</view>
					<view class="notice-r">
						<swiper :autoplay="notice.autoplay" @change="pmove" :vertical="notice.vertical" :circular="notice.circular" :interval="notice.interval"
						 :duration="notice.duration">
							<swiper-item v-for="(item2, key2) in item.data" :key="key2">
								<view class="a movbox" @click="navigateTo(item2.link)"><view class="move">{{ item2.title }}</view></view>
							</swiper-item>
						</swiper>
					</view>
				</view>

				<!--  notice3  公告3  -->
				<view class="notice notice3" :style="'margin-bottom: '+(item.style.marginbottom)+'upx'" v-if="item.id == 'notice3'">
					<view class="notice-l style3">
						<view class="span">{{ item.params.title }}</view>
					</view>
					<view class="notice-r">
						<swiper :autoplay="notice.autoplay" @change="pmove" :vertical="notice.vertical" :circular="notice.circular" :interval="notice.interval"
						 :duration="notice.duration">
							<swiper-item v-for="(item2, key2) in item.data" :key="key2">
								<view class="a movbox" @click="navigateTo(item2.link)"><view class="move">{{ item2.title }}</view></view>
							</swiper-item>
						</swiper>
					</view>
				</view>
				<!--  magic_cube  图片魔方  -->
				<view class="magic_cube" :style="'height: calc(100vw * ('+item.height+' / '+item.style.width+') + '+(item.style.padding * 2)+'rpx);background-color: '+item.style.bgColor+';'"
				 v-if="item.id == 'magic_cube'">
					<view class="magic_cube-d-f" :style="'padding-top: '+item.style.padding+'rpx;'">
						<view class="magic_cube-d" :style="'width: calc(100vw - '+(item.style.padding*4)+'rpx);height: calc(100vw - '+(item.style.padding*4)+'rpx);margin: '+(item.style.padding*2)+'rpx;'">
							<view class="a magic_cube-i" :style="'width: calc(100% * ('+item2.width+' / '+item.style.width+'));height: calc(100% * ('+item2.height+' / '+item.style.width+')); padding: '+(item.style.padding*2)+'rpx; top: calc(100% * ('+item2.top+' / '+item.style.width+')); left: calc(100% * ('+item2.left+' / '+item.style.width+'));'"
							 v-for="(item2, key2) in item.data" :key="key2" @click="navigateTo(item2.url)">
								<view class="magic_cube-i-d">
									<image class="image" :src="item2.imgurl"></image>
								</view>
							</view>
						</view>
					</view>
				</view>

				<!--  picturew  图片橱窗1  -->
				<view class="imgwindow" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx;background-color: '+item.style.bgColor"
				 v-if="item.id == 'picturew'">
					<view class="a imgwindow-i" v-for="(item2, key2) in item.data" :key="key2" @click="navigateTo(item2.linkurl)">
						<view class="imgwindow-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx;'">
							<image class="image" :src="item2.imgurl" mode="widthFix"></image>
						</view>
					</view>
				</view>

				<!--  picturew2  图片橱窗2  -->
				<view class="picturew2" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx;margin-bottom: '+(item.style.marginBottom * 2)+'rpx; background-color: '+item.style.bgColor"
				 v-if="item.id == 'picturew2'">
					<view class="a picturew2-i" v-for="(item2, key2) in item.data" :key="key2" @click="navigateTo(item2.linkurl)">
						<view class="picturew2-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx;'">
							<image class="image" :src="item2.imgurl" mode="widthFix"></image>
						</view>
					</view>
				</view>
				<!--  picturew3  图片橱窗3  -->
				<view class="picturew3" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx;margin-bottom: '+(item.style.marginBottom * 2)+'rpx; background-color: '+item.style.bgColor"
				 v-if="item.id == 'picturew3'">
					<view class="a picturew3-i" @click="navigateTo(item2.linkurl)" v-for="(item2, key2) in item.data" :key="key2">
						<view class="picturew3-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx;'">
							<image class="image" :src="item2.imgurl" mode="widthFix"></image>
						</view>
					</view>
					<!-- 					</navigator> -->
				</view>

				<!--  picturew4  图片橱窗4  -->
				<view class="picturew4" :style="'margin-bottom: '+(item.style.marginBottom * 2)+'rpx; background-color: '+item.style.bgColor"
				 v-if="item.id == 'picturew4'">
					<view class="a picturew4-i" @click="navigateTo(item2.linkurl)" v-for="(item2, key2) in item.data" :key="key2">
						<view class="picturew4-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx; padding-right: 0;'"
						 v-if="key2 == 0">
							<image class="image" :src="item2.imgurl" mode="scaleToFill"></image>
						</view>
						<view class="picturew4-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx; padding-bottom: '+((item.style.marginTopBottom / 2) * 2)+'rpx;'"
						 v-if="key2 == 1">
							<image class="image" :src="item2.imgurl" mode="scaleToFill"></image>
						</view>
						<view class="picturew4-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx; padding-top: '+((item.style.marginTopBottom / 2) * 2)+'rpx;'"
						 v-if="key2 == 2">
							<image class="image" :src="item2.imgurl" mode="scaleToFill"></image>
						</view>
					</view>
				</view>

				<!--  picturew5  图片橱窗5  -->
				<view class="picturew5" :style="'margin-bottom: '+(item.style.marginBottom * 2)+'rpx; background-color: '+item.style.bgColor"
				 v-if="item.id == 'picturew5'">
					<view class="a picturew5-i" v-for="(item2, key2) in item.data" :key="key2" @click="navigateTo(item2.linkurl)">
						<view class="picturew5-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx; padding-right: 0;'"
						 v-if="key2 == 0">
							<image class="image" :src="item2.imgurl" mode="scaleToFill"></image>
						</view>
						<view class="picturew5-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx; padding-bottom: '+((item.style.marginTopBottom / 2) * 2)+'rpx;'"
						 v-if="key2 == 1">
							<image class="image" :src="item2.imgurl" mode="scaleToFill"></image>
						</view>
						<view class="picturew5-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx; padding-top: '+((item.style.marginTopBottom / 2) * 2)+'rpx; padding-right: '+((item.style.marginLeftRight / 2) * 2)+'rpx;'"
						 v-if="key2 == 2">
							<image class="image" :src="item2.imgurl" mode="scaleToFill"></image>
						</view>
						<view class="picturew5-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx; padding-top: '+((item.style.marginTopBottom / 2) * 2)+'rpx; padding-left: '+((item.style.marginLeftRight / 2) * 2)+'rpx;'"
						 v-if="key2 == 3">
							<image class="image" :src="item2.imgurl" mode="scaleToFill"></image>
						</view>
					</view>
				</view>

				<!-- picturew6  图片橱窗6 -->
				<view class="picturew6" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx; margin-bottom: '+(item.style.marginBottom * 2)+'rpx; background-color: '+item.style.bgColor"
				 v-if="item.id == 'picturew6'">
					<view class="a picturew6-i" v-for="(item2, key2) in item.data" :key="key2" @click="navigateTo(item2.linkurl)">
						<view class="picturew6-i-d" :style="'padding: '+(item.style.marginTopBottom * 2)+'rpx '+(item.style.marginLeftRight * 2)+'rpx;'">
							<image class="image" :src="item2.imgurl" mode="widthFix"></image>
						</view>
					</view>
				</view>

				<!-- pictures  图片展播 -->
				<!-- pictures  图片展播 -->
								<view class="pictures" :style="'background-color: '+item.style.background" v-if="item.id == 'pictures'">
									<scroll-view scroll-x class="pictures-scroll" :style="'height: ((((100vw - '+((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum+') * '+item.data.length+') * ('+item.max_height+' / '+item.max_width+') + '+(item.style.paddingleft * 2)+');'"
									 v-if="item.params.showtype == '1'">
										<view class="pictures-d" :class="{picturesd: item.params.showtype == '0'}" :style="'width: calc(((100vw - '+((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum+') * '+item.data.length+'); padding: '+(item.style.paddingtop * 2)+'rpx '+(item.style.paddingleft * 2)+'rpx;'">
											<view :class="'a pictures-i row-'+item.params.rownum" @click="navigateTo(item2.linkurl)" :style="'width: calc((100vw - '+((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum+'); padding: '+(item.style.paddingtop * 2)+'rpx '+(item.style.paddingleft * 2)+'rpx;'"
											 v-for="(item2, key2) in item.data" :key="key2">
												<view class="image">
													<!-- <view class="image" :style="{'background-image':'url('+item2.imgurl+')','height':' calc((100vw - '+((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum+ ')','background-size':'100% '+ 'calc((100vw -' + ((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum + ')'}"></view> -->
													<image class="image" :src="item2.imgurl" 　mode="aspectFit" @load="ImgLoad" :style="{'height':' calc((100vw - '+((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum+ ')','background-size':'100% '+ 'calc((100vw -' + ((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum + ')'}"></image>
													<view class="title" :style="'color: '+item.style.titlecolor+'; text-align: '+item.style.titlealign+';bottom:' + imgHeights[key2] + ';'"
													 v-if="item2.title !== '' && item2.title !== null">{{ item2.title }}</view>
												</view>
												<view class="text" :style="'color: '+item.style.textcolor+'; text-align: '+item.style.titlealign+';bottom:' + imgHeights[key2] + ';'"
												 v-if="item2.text !== '' && item2.text !== null">{{ item2.text }}</view>
											</view>
										</view>
									</scroll-view>
									<view class="pictures-scroll" :style="'padding: '+(item.style.paddingtop * 2)+'rpx '+(item.style.paddingleft * 2)+'rpx;'"
									 v-else>
										<view class="pictures-d" :class="{picturesd: item.params.showtype == '0'}">
											<view :class="'a pictures-i pictures-i-two row-'+item.params.rownum" @click="navigateTo(item2.linkurl)" :style="'width: calc((100vw - '+(item.style.paddingleft * 4)+'rpx) / '+item.params.rownum+'); padding: '+(item.style.paddingtop * 2)+'rpx '+(item.style.paddingleft * 2)+'rpx;'"
											 v-for="(item2, key2) in item.data" :key="key2">
												<view class="image">
													<image class="image" :src="item2.imgurl" 　mode="widthFix" @load="ImgLoad" :style="{'background-size':'100% '+ 'calc((100vw -' + ((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum + ')'}"></image>
													<!-- <view class="image" :style="{'background-image':'url('+item2.imgurl+')','height':' calc((100vw - '+((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum+ ')','background-size':'100% '+ 'calc((100vw -' + ((item.style.paddingleft * 4) + (item.style.paddingleft * 4))+'rpx) / '+item.params.rownum + ')'}"></view> -->
													<view class="title" :style="'color: '+item.style.titlecolor+'; text-align: '+item.style.titlealign+';'" v-if="item2.title !== '' && item2.title !== null">{{ item2.title }}</view>
												</view>
												<view class="text" :style="'color: '+item.style.textcolor+'; text-align: '+item.style.titlealign+';'" v-if="item2.text !== '' && item2.text !== null">{{ item2.text }}</view>
											</view>
										</view>
									</view>
								</view>

				<!-- banner  图片轮播 -->
				<view class="imgswiper" :style="'margin-bottom: '+(item.style.bottom*2)+'rpx;height:' + (item.params.img_height - (item.style.side_margin=='1'?30:0)) + 'px;width:' + 0 + 'px'" v-if="item.id == 'banner'">
					<!-- :style="'height:'+bannerimgheights[bannerIndex][bannercurrent]+'px;'" -->
					<!-- :style="{'height':[cliType==='3'?bannerSwiperList:bannerDataList][cliType==='3'?bannercurrent:bannerIndex][bannercurrent]['imgHeight']+'rpx'"} -->
					<!-- #ifdef H5 -->
						<!-- <swiper v-if="!!item.data" class="swiper swiperBanner-marbtm default-swh" :style="{height:(item.params.img_height - (item.style.side_margin=='1'?30:0))+'px',width:(item.params.img_width - (item.style.side_margin=='1'?30:0)) + 'px'}"
						 :class="{
								imgmarginlr:item.style.side_margin=='1',
								swiperBanner_rectangle:item.style.dotstyle==='rectangle',
								swiperBanner_dotsquare:item.style.dotstyle==='square',
								swiperBanner_left:item.style.dotalign==='left',
								swiperBanner_right:item.style.dotalign==='right'}"
						 :indicator-dots="banner.indicatorDots" indicator-color="rgba(255,255,255,.4)" indicator-active-color="rgba(255,255,255,.85)"
						 :autoplay="banner.autoplay" :interval="banner.interval" :duration="banner.duration" @change="bannerChange">
							<swiper-item :class="{'banner-swiper-Item':item.style.side_margin=='1'}" v-for="(item2, key2,index) in item.data"
							 :key="key2" @click="navigateTo(item2.linkurl)">
								<image class="image" :data-key="item2.order" :data-id="item2.order" :src="item2.imgurl" :style="{height:(item.params.img_height - (item.style.side_margin=='1'?30:0))+'px',width:(item.params.img_width - (item.style.side_margin=='1'?30:0)) + 'px'}"></image>
							</swiper-item>
						</swiper> -->
					<!-- #endif -->
					
					<swiper v-if="!!item.data" class="swiper swiperBanner-marbtm default-swh" :style="{height:(item.params.img_height - (item.style.side_margin=='1'?30:0))+'px',width:(item.params.img_width - (item.style.side_margin=='1'?30:0)) + 'px'}"
					 :class="{imgmarginlr:item.style.side_margin=='1'}"
					 :indicator-dots="false" indicator-color="rgba(255,255,255,.4)" indicator-active-color="rgba(255,255,255,.85)"
					 :autoplay="banner.autoplay" :interval="banner.interval" :duration="banner.duration" @change="bannerChange">
						<swiper-item :class="{'banner-swiper-Item':item.style.side_margin=='1'}" v-for="(item2,key2) in item.data"
						 :key="key2" @click="navigateTo(item2.linkurl)">
							<image class="image" :data-key="item2.order" :data-id="item2.order" :src="item2.imgurl" :style="{height:(item.params.img_height - (item.style.side_margin=='1'?30:0))+'px',width:(item.params.img_width - (item.style.side_margin=='1'?30:0)) + 'px'}"></image>
						</swiper-item>
					</swiper>
					<view 
					:class="{bnnerBox:true,
					swiperBanner_left:item.style.dotalign==='left',
					swiperBanner_right:item.style.dotalign==='right'}"
					:style="{left:item.style.dotalign==='left'?'4%':item.style.dotalign==='right'?'auto':'50%',
					right:item.style.dotalign==='left'?'auto':item.style.dotalign==='right'?'4%':'auto',
					transform: item.style.dotalign==='left'|| item.style.dotalign==='right'?'translateX(0%)':'translateX(-50%)'}">
						<view 
						:class="{bnnerItem:true,
						swiperBanner_rectangle:item.style.dotstyle==='rectangle',
						swiperBanner_dotsquare:item.style.dotstyle==='square'}"
						:style="{backgroundColor: `rgba(255,255,255,${bannercurrent == key2?'1':'0.4'})`
						,width:item.style.dotstyle==='rectangle'?'40rpx':'20upx',
						height:item.style.dotstyle==='rectangle'?'20rpx':'20upx',
						borderRadius:item.style.dotstyle==='rectangle' || item.style.dotstyle==='square'?'0':'50%'
						}"
						v-for="(item2,key2,index) in item.data" :key="index">
							
						</view>
						<!-- <view class="bnnerItem">
							
						</view>
						<view class="bnnerItem">
							
						</view> -->
					</view>
					
				</view>

				<!-- banner2  图片轮播2 -->
				<view class="imgswiper2" :class="item.style.dotstyle" :style="'margin-bottom: '+(item.style.marginBottom)+'upx; background-color: '+item.style.bgColor"
				 v-if="item.id == 'banner2'">
					<Imgswipertwo :imgswipertwoData="item" />
				</view>
				
				
				<!-- 推荐服务者 -->
				<view class="referralWaiter b-f" v-if="item.id == 'house_keep'" :style="{backgroundColor: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: '0 ' + item.style.padding + 'px'}">
					<view class="referralWaiter-title dis-flex" v-if="item.params.show_title == '1'">
						<view class="f-36 col-3 f-w flex-box">
							{{item.params.title}}
						</view>
						<view class="t-r f-24 col-9 flex-box" v-if="item.params.show_more == '1'" @click="navigateTo('pages/subPages2/homemaking/homemakingMerchant/homemakingMerchant')">
							更多
							<text style="font-size: 24upx;color: #999999;line-height: 50upx;" class="iconfont icon-right"></text>
						</view>
					</view>
					<view class="referralWaiter-content dis-flex">
						<view class="referralWaiter-item" v-if="items.service_type == 1" v-for="(items,indexs) in item.data" :key="indexs" @click="navigateTo(`pages/mainPages/store/index?sid=${items.id}`)">
							<view class="referral-tag" v-if="item.params.jbstatus != 2" style="left: 0;top: 0;">
								商户服务商
							</view>
							<image class="referralWaiter-item-img" :src="items.long_logo" mode="aspectFill"></image>
							<view class="f-24 col-3 t-l homemaking-name">
								{{items.name}}
							</view>
							<view class="homemaking-tags">
								<view class="homemaking-tags-item" v-for="(itemss,indexss) in items.label">
									{{itemss}}
								</view>
							</view>
						</view>
						<view class="referralWaiter-item" v-if="items.service_type == 2"  v-for="(items,indexs) in item.data" :key="indexs" @click="navigateTo(`pages/subPages2/homemaking/homepersonalCenter/homepersonalCenter?mid=${items.mid}&id=${items.id}`)">
							<view class="referral-tag"  style="left: 0;top: 0;" v-if="item.hidepersontag != 1 && item.params.jbstatus != 2">
								个人服务商
							</view>
							<image class="referralWaiter-item-img" :src="items.long_logo" mode="aspectFill"></image>
							<view class="f-24 col-3 t-l homemaking-name">
								{{items.name}}
							</view>
							<view class="homemaking-tags">
								<view class="homemaking-tags-item" v-for="(itemss,indexss) in items.label">
									{{itemss}}
								</view>
							</view>
						</view>
						<view class="referralWaiter-item" v-if="items.service_type == 3"  v-for="(items,indexs) in item.data" :key="indexs">
							<view class="referral-tag" v-if="item.params.jbstatus != 2" style="left: 0;top: 0;">
								客户需求
							</view>
							<image class="referralWaiter-item-img" :src="items.long_logo" mode="aspectFill"></image>
							<view class="f-24 col-3 t-l homemaking-name">
								{{items.name}}
							</view>
							<view class="homemaking-tags" style="padding: 0 20upx;">
								<view class="homemaking-tags-item" v-for="(itemss,indexss) in items.label">
									{{itemss}}
								</view>
							</view>
							<view style="margin-left: 20upx;">
								<view class="homemaking-btn" @click.stop="call(items)">
									电话联系
								</view>
								<view class="homemaking-btn" @click.stop="chat(items)">
									聊天
								</view>
							</view>
							
						</view>
						<view class="referralWaiter-item" v-if="items.service_type == 4"  v-for="(items,indexs) in item.data" :key="indexs" @click="navigateTo(`pages/subPages2/homemaking/homemakingDetails/homemakingDetails?id=${items.id}`)">
							<view class="referral-tag" v-if="item.params.jbstatus != 2" style="left: 0;top: 0;">
								服务项目
							</view>
							<image class="referralWaiter-item-img" :src="items.long_logo" mode="aspectFill"></image>
							<view class="f-24 col-3 t-l homemaking-name">
								{{items.name}}
							</view>
							<view class="homemaking-tags" style="padding: 0 20upx;">
								<view class="homemaking-tags-item" v-for="(itemss,indexss) in items.label">
									{{itemss}}
								</view>
							</view>
							<view style="margin-left: 20upx;">
								<text class="refText">{{items.price}}</text>
								<text style="font-size: 20upx;color: #999999;display: inline-block;position: relative;bottom: 6upx;">销量:{{items.salenum}}</text>
							</view>
						</view>
					</view>
				</view>
				
				<view class="referralWaiter b-f" v-if="item.id == 'house_keep2'" :style="{backgroundColor: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.padding + 'px'}">
					<view  v-for="(items,indexs) in item.data" :key="indexs">
						<view v-if="items.service_type == 1 || items.service_type == 2" style="margin-top: 20upx;position: relative;">
							<view class="referral-tag" v-if="item.params.jbstatus != 2">
								{{items.service_type == 1?'商户服务商':item.hidepersontag ==1?'':'个人服务商'}}
							</view>
							<homemaking-item :items="items"></homemaking-item>
						</view>
						<view v-if="items.service_type == 3" style="margin-top: 20upx;border-radius: 20upx;overflow: hidden;position: relative;">
							<demand-item :demanItem="items"></demand-item>
							<view class="referral-tag" v-if="item.params.jbstatus != 2" style="left: 80%;">
								客户需求
							</view>
						</view>
						<view v-if="items.service_type == 4" style="margin-top: 20upx;position: relative;">
							<myser-item :states="false" :serItem="items"></myser-item>
							<view class="referral-tag" v-if="item.params.jbstatus != 2">
								服务项目
							</view>
						</view>
					</view>
				</view>
				<!-- 推荐服务者 -->
				
				<!-- 家政列表 -->
				<view class="homemakingList" v-if="item.id == 'shop222222222'">
					<view >
						<v-tabs
						:lineScale="0.15" 
						:lineRadius="'100rpx 100rpx 0 0'" 
						:lineHeight="'8rpx'" 
						:fontSize="'28rpx'"
						:activeFontSize="'36rpx'"
						:bold="true"
						:height="'120rpx'"
						:paddingItem="'0 22rpx 20rpx'" 
						:activeColor="'#333333'" 
						:lineColor="'#333333'"
						:color="'#999999'"
						v-model="sort" 
						:scroll="false"
						@change="vtabschange"
						:tabs="['服务商家','客户需求']">
						</v-tabs>
						<!-- <v-tabs v-model="activeTab" :scroll="false" :tabs="['全部', '进行中', '已完成']"></v-tabs> -->
					</view>
					<view class="homemakingList-boex">
						<view  v-for="(item,index) in [1,2]">
							<homemaking-item></homemaking-item>
						</view>
						
					</view>
				</view>
				<!-- 家政列表 -->
				
				<!-- 相亲统计 -->
				<view class="blind" v-if="item.id == 'dating_statistics'">
					<view class="blind-item dis-il-block m-right20" :style="{backgroundColor: item.params.user.backgroundColor}">
						<view class="f-48 f-w" :style="{color: item.params.user.numberColor}">
							{{item.params.user.statistics}}
						</view>
						<view class="dis-flex">
							<view class="flex-box f-24" :style="{color: item.params.user.titleColor,lineHeight: '80rpx'}">
								{{item.params.user.title}}
							</view>
							<view class="flex-box">
								<image style="width: 58upx;height: 54upx;float: right;" :src="item.params.user.icon" mode=""></image>
							</view>
						</view>
					</view>
					<view class="blind-item dis-il-block" :style="{backgroundColor: item.params.pv.backgroundColor}">
						<view class="f-48 f-w" :style="{color: item.params.pv.numberColor}">
							{{item.params.pv.statistics}}
						</view>
						<view class="dis-flex">
							<view class="flex-box f-24" :style="{color: item.params.pv.titleColor,lineHeight: '80rpx'}">
								{{item.params.pv.title}}
							</view>
							<view class="flex-box">
								<image style="width: 65upx;height: 46upx;float: right;" :src="item.params.pv.icon" mode=""></image>
							</view>
						</view>
					</view>
				</view>
				
				<!-- 相亲推荐列表 -->
				<view class="blindList" v-if="item.id == 'dating_user'" :style="{backgroundColor: item.style.bgColor,marginBottom: item.style.marginBottom + 'rpx',padding: item.style.padding + 'rpx'}">
					<scroll-view scroll-y="true" class="scroll">
						<view class="nav-content">
							<view class="nav-item" v-for="(items,indexs) in item.data" :key="indexs">
								<user :memberInfo="items"></user>
							</view>
						</view>
					</scroll-view>
				</view>
				
				
				<!-- 同城配送一 -->
				<view class="distribution" v-if="item.id == 'citydelivery_goods'" :style="{backgroundColor: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.padding + 'px'}">
					<citydeliveryGoods :goodItem="item"></citydeliveryGoods>
				</view>
				
				<!-- 同城配送二 -->
				<view class="distribution" v-if="item.id == 'citydelivery_goods2'" :style="{background: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.padding + 'px'}">
					<citydeliveryGoods :goodItem="item"></citydeliveryGoods>
				</view>
				
				<!-- 同城配送三 -->
				<view class="distribution" v-if="item.id == 'citydelivery_goods3'" :style="{background: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.padding + 'px'}">
					<citydeliveryGoods :goodItem="item"></citydeliveryGoods>
				</view>
				
				<!-- 同城配送四 -->
				<view class="distribution" v-if="item.id == 'citydelivery_goods4'" :style="{background: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.padding + 'px'}">
					<citydeliveryGoods :goodItem="item"></citydeliveryGoods>
				</view>
				
				<!-- 积分商品一 -->
				<view class="integralGood"  v-if="item.id == 'integral_goods'" :style="{backgroundColor: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.margin + 'px'}">
					<integralGood :padding="item.style.padding" :integralGoodLsit="item.data" :pid="item.id"></integralGood>
				</view>
				
				<!-- 积分商品二 -->
				<view class="integralGood"  v-if="item.id == 'integral_goods2'" :style="{backgroundColor: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.margin + 'px'}">
					<integralGood :padding="item.style.padding" :integralGoodLsit="item.data" :pid="item.id"></integralGood>
				</view>
				
				<!-- 积分商品三 -->
				<view class="integralGood"  v-if="item.id == 'integral_goods3'" :style="{backgroundColor: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.margin + 'px'}">
					<integralGood :padding="item.style.padding" :integralGoodLsit="item.data" :pid="item.id"></integralGood>
				</view>
				
				<!-- 积分商品四 -->
				<view class="integralGood"  v-if="item.id == 'integral_goods4'" :style="{backgroundColor: item.style.bgColor,marginBottom: item.style.marginBottom + 'px',padding: item.style.margin + 'px'}">
					<integralGood :padding="item.style.padding" :integralGoodLsit="item.data" :pid="item.id"></integralGood>
				</view>
				
				<!-- richtext  富文本 -->
				<view class="richtext" :style="'padding: '+(item.style.padding*2)+'rpx; background-color: '+item.style.background"
				 v-if="item.id == 'richtext'">
					<!-- <wx-parse :content="item.params['content']"></wx-parse> -->
					<jyf-parser domain="https://6874-html-foe72-1259071903.tcb.qcloud.la" gesture-zoom lazy-load ref="article"
					 selectable show-with-animation use-anchor :html="item.params['content']"></jyf-parser>
				</view>

				<!-- title  标题1 -->
				<view class="titlebar" :style="'margin-bottom: '+(item.style.paddingBottom*2)+'rpx; background-color: '+item.style.background+'; text-align: '+item.style.textalign"
				 v-if="item.id == 'title'">
					<view class="titlebar-d" :style="'color: '+item.style.color">
						<view class="i" :class="item.params.icon" v-if="item.params.icon !== '' && item.params.icon !== null"></view>
						<view class="text">{{ item.params.title }}</view>
					</view>
					<view class="more" v-if="item.params.link && item.params.link !== null">
						<view class="a" v-if="item.params.butname && item.params.butname !== null" @click="navigateTo(item.params.link)">
							<view class="span">{{ item.params.butname }}</view>
							<view class="i icon iconfont icon-right"></view>
						</view>
						<view class="a" v-else @click="navigateTo(item.params.link)">更多<view class="i icon iconfont icon-right"></view>
						</view>
					</view>
				</view>

				<!-- title2  标题2 -->
				<view class="titlebar2" :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx; background-color: '+item.style.bgColor+'; text-align: '+item.style.textalign"
				 v-if="item.id == 'title2'">
					<view class="titlebar2-t">
						<view class="h1 vcssopen" :style="'color: '+item.style.mainColor+';text-align: '+item.style.mainAlign">{{ item.params.mainText }}</view>
						<view class="p" :style="'color: '+item.style.viceColor+';text-align: '+item.style.mainAlign">{{ item.params.viceText }}</view>
					</view>
					<view class="more" style="top: 6upx;" v-if="item.params.link && item.params.link !== null">
						<view class="a" @click="navigateTo(item.params.link)" v-if="item.params.butname && item.params.butname !== null">
							<view class="span">{{ item.params.butname }}</view>
							<view class="i icon iconfont icon-right"></view>
						</view>
						<view class="a" @click="navigateTo(item.params.link)" v-else>更多<view class="i icon iconfont icon-right"></view>
						</view>
					</view>
				</view>

				<!-- search search2  搜索框1和搜索框2 -->
				<view class="searchbox" :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx; background-color: '+item.style.background"
				 v-if="item.id == 'search' || item.id == 'search2'">
					<view class="a searchbox-d" :class="{radius: item.style.searchstyle == 'radius', round: item.style.searchstyle == 'round'}"
					 :style="'background-color: '+item.style.inputbackground+'; text-align: '+item.style.textalign" v-if="item.id == 'search'"
					 @click="naviGa(item.params.search_type,true)">
						<view class="searchbox-d-inl">
							<view class="i icon iconfont icon-search" :style="'color: '+item.style.iconcolor"></view>
							<view class="text" :style="'color: '+item.style.color">{{ item.params.placeholder }}</view>
						</view>
					</view>
					<view class="searchbox2 dis-flex flex-y-center" v-if="item.id == 'search2'">
						<!-- <view class="searchbox2-l dis-flex flex-y-center" :style="'color: '+item.style.areaColor" @click="navigateTo('pages/subPages/city/city')">
							<image :src="imgfixUrls + 'diypage/city.png'" v-if="imgfixUrls"></image>
							<view class="span f-28 onelist-hidden">{{!!switchCity?switchCity:currentaidCity }}</view>
						</view> -->
						<!-- 新加注释 - 技能培训等，新增返回按钮 -->
						<view class="search-h-t1-r f-30" style="color: #999999;" @click="cancelBtn">
							<view class="search-h-t1-r-lk" style="padding-right: 20upx;height: 30px;line-height: 30px;margin-top: 4px;"><text class="iconfont icon-pullleft" style="font-size: 30upx;padding-right: 10upx;"></text>返回</view>
						</view>
						<!-- <navigator class="searchbox2-l" url="/pages/subPages/search/search" hover-class="none" :style="'color: '+item.style.areaColor">
						<! </navigator> -->
						<view class="searchbox2-r">
							<view class="a searchbox-d" style="padding-bottom: 0;" :class="{radius: item.style.searchstyle == 'radius', round: item.style.searchstyle == 'round'}"
							 :style="'background-color: '+item.style.inputbackground+'; text-align: '+item.style.textalign">
								<view class="searchbox-d-inl" style="display: flex;">
									<view class="i icon iconfont icon-search" :style="'color: '+item.style.iconcolor"></view>
									<input :placeholder-style="'color: '+item.style.color" class="text" type="text" v-model="bussiKey"
									 :placeholder="item.params.placeholder" @focus="naviGa(item.params.search_type)" />
									<text class="showSea" v-if="showS" @click="searchBussi" :style="'color:' + item.style.iconcolor+ ';margin-top:5rpx;font-size:28rpx'">搜索</text>
								</view>
							</view>
						</view>
					</view>
				</view>

				<!--  search3  搜索框3  -->
				<view class="searchbox3" :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx; background-color: '+item.style.background"
				 v-if="item.id == 'search3'">
					<view class="searchbox3-d">
						<view class="searchbox3-l" :style="'color: '+item.style.titlecolor">
							{{ item.params.textcontent }}
						</view>
						<view class="searchbox3-r">
							<view class="a" @click="naviGa(item.params.search_type,true)">
								<view class="searchbox3-r-d dis-flex flex-x-center" :style="'color: '+item.style.iconcolor+';background-color: '+item.style.inputbackground+''">
									<view class="i icon iconfont icon-search inline"></view>
									<view class="f-24">搜索</view>
								</view>
							</view>
						</view>
					</view>
					<view class="search-wave">
						<view class="search-wave-d">
							<view class="search-wave-i wave-i1">
								<image class="image" :src="imgfixUrls + 'wave-i1.png'" mode="aspectFit"></image>
							</view>
							<view class="search-wave-i wave-i2">
								<image class="image" :src="imgfixUrls + 'wave-i2.png'" mode="aspectFit"></image>
							</view>
							<view class="search-wave-i wave-i3">
								<image class="image" :src="imgfixUrls + 'wave-i1.png'" mode="aspectFit"></image>
							</view>
						</view>
					</view>
				</view>

				<!--  line  辅助线  -->
				<view class="subline" :style="'padding: '+(item.style.padding*2)+'rpx '+(item.style.leftpadding*2)+'rpx; background-color: '+item.style.background"
				 v-if="item.id == 'line'">
					<view class="subline-d" :style="'border-top: 2rpx '+item.style.linestyle+' '+item.style.bordercolor+';'"></view>
				</view>

				<!--  menu  按钮组 - 新加注释 - 首页的按钮组使用这个 -->
				<view class="btngroup" :style="{marginBottom:item.style.marginbottom*2+'rpx',backgroundColor:item.btngroupData.backgroundColor,padding:'0'+' '+item.style.leftRight*2+'rpx'}"
				 v-if="item.id == 'menu'">
					<tab-menu :menuId="item.id" :btngroupData="item.btngroupData"></tab-menu>
				</view>
				
				<!--  menu  按钮组  -->
				<view class="btngroup" :style="{marginBottom:item.style.marginbottom*2+'rpx',backgroundColor:item.btngroupData.backgroundColor,padding:'0'+' '+item.style.leftRight*2+'rpx'}"
				 v-if="item.id == 'menu2'">
					<tab-menu :menuId="item.id" :btngroupData="item.btngroupData"></tab-menu>
				</view>
				
				<!--  blank  辅助空白  -->
				<view class="sublank" :style="'height: '+(item.style.height*2)+'rpx; background-color: '+item.style.background+';'"
				 v-if="item.id == 'blank'"></view>

				<!--  picture  单图组  -->
				<view class="oneimgroup" v-if="item.id == 'picture'">
					<navigator class="a oneimgroup-i" :url="item2.linkurl" :open-type="item2.url_type" hover-class="none" v-for="(item2, key2) in item.data"
					 :key="key2">
						<image class="image" :src="item2.imgurl" mode="widthFix"></image>
					</navigator>
				</view>

				<!--  rush_goods  抢购1  -->
				<view class="rush_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
				 v-if="item.id == 'rush_goods'">
					<goods-style goodsStyleType="rush" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
					 :isdiyPage="true"></goods-style>
				</view>
				<!--  rush_goods2  抢购2  -->
				<view class="rush_goods2" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
				 v-if="item.id == 'rush_goods2'">
					<goods-style goodsStyleType="rush2" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
					 :isdiyPage="true"></goods-style>
				</view>

				<!--  rush_goods3  抢购3  // 砍价 // 团购  -->
				<view class="rush_goods3" v-if="item.id == 'rush_goods3' || item.id == 'groupon_goods3' || item.id == 'bargain_goods3' || item.id =='fightgroup_goods4'"
				 :style="{marginBottom:item.style.marginBottom*2+'rpx',backgroundColor:item.style.bgColor,padding:item.style.margin*2+'rpx'}">
					<goods-style goodsStyleType="goodsStyle3" :goodslistData="item.data" @remindSuccess="remindSuccess()"
					 :isdiyPageStyle="item.style" :isdiyPage="true" :isdiyPageParams="item.params"></goods-style>
				</view>
				
				<!-- 公众号跳转小程序 -->
				<view v-if="item.id == 'jump_wxapp'">
					<Skip :AppData="item.params"></Skip>
				</view>
				
				<!-- 同城活动 -->
				<view class="rush_goods3" v-if="item.id == 'activity_goods'" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}">
					<activityData :tabDataList="item.data"></activityData>
				</view>
				<!-- 大礼包组件1 -->
				<block v-if="item.id =='packages'">
					<view :style="{ 'margin-bottom': (item.style.marginBottom*2)+'rpx;','background-color': item.style.bgColor}">
						<giftbag-components :giftData="item" giftType="gift_type1" :isdiyPageStyle="item.style" :isdiyPage="true"
						 :isdiyPageParams="item.params"></giftbag-components>
					</view>
				</block>
				<!-- 折扣卡1 -->
				<block v-if="item.id =='discount_card'">
					<view :style="{ 'margin-bottom': (item.style.marginBottom*2)+'rpx;','background-color': item.style.background}">
						<card-components :disCardData="item" disCardType="disCard1" :isdiyPageStyle="item.style" :isdiyPage="true"
						 :isdiyPageParams="item.params" style="background-color: #F6F6F6;"></card-components>
					</view>
				</block>
				<!-- 选择地区 -->
				<block v-if="item.id=='area_select'">
					<region :regionStyle="item.style" :regionParams="item.params"></region>
				</block>
				<!-- 选项卡1 -->
				<block v-if="item.id=='options'">
					<tab-contro :tabData="item.data" :city_id="city_id" :tabStyle="item.style" :controType="item.id" :tabParmsType="[item.params]"></tab-contro>
				</block>
				<!-- 选项卡2 - 新加注释 - 首页点进去的技能培训等，旧标题抢购首页 -->
				<block v-if="item.id=='options2'">
					<!-- <tab-contro :tabData="item.data" :city_id="city_id" :tabStyle="item.style" :controType="item.id" :tabParmsType="[item.params]"></tab-contro> -->
					<tab-contro :tabData="item.data" :newCC_id="item.newCC_id" :city_id="city_id" :tabStyle="item.style" :controType="item.id" :tabParmsType="[item.params]"></tab-contro>
				</block>
				<!-- 商铺入驻 -->
				<block v-if="item.id=='shop_join'">
					<shop-enter :swiperContainer="item.data" :swiperParams="item.params"></shop-enter>
				</block>
				<!-- 砍价1 -->
				<view class="groupon_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
				 v-if="item.id == 'bargain_goods'">
					<goods-style goodsStyleType="bargain" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
					 :isdiyPage="true" :isdiyPageParams="item.params"></goods-style>
				</view>
				<!-- 砍价2 -->
				<view class="groupon_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
				 v-if="item.id == 'bargain_goods2'">
					<goods-style goodsStyleType="bargain2" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
					 :isdiyPage="true" :isdiyPageParams="item.params"></goods-style>
				</view>
				<!--  groupon_goods  团购1  -->
				<view class="groupon_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
				 v-if="item.id == 'groupon_goods'">
					<goods-style goodsStyleType="groupon" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
					 :isdiyPage="true"></goods-style>
				</view>
				<!--  groupon_goods2  团购2  -->
				<view class="groupon_goods2" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
				 v-if="item.id == 'groupon_goods2'">
					<goods-style goodsStyleType="rush2" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
					 :isdiyPage="true"></goods-style>
				</view>

				<!--  groupon_goods4  团购4 // 砍价4 //  拼团4  //  抢购4 -->
				<view class="rush_goods4" v-if="item.id == 'groupon_goods4' ||item.id == 'bargain_goods4' || item.id =='fightgroup_goods3' || item.id =='rush_goods4'">
					<goods-components :goodsData="item" goodsType="goods_type1"></goods-components>
				</view>

				<!--  coupon_goods  优惠券1  -->
				<view class="coupon_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
				 v-if="item.id == 'coupon_goods'">
					<goods-style goodsStyleType="coupon" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
					 :isdiyPage="true"></goods-style>
				</view>
				<!--  coupon_goods  优惠券2  -->
				<view class="coupon_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx'}"
				 v-if="item.id == 'coupon_goods2'">
					<goods-style goodsStyleType="coupon2" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
					 :isdiyPage="true"></goods-style>
				</view>
				<!--  coupon_goods  优惠券3  -->
				<view class="coupon_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx'}"
				 v-if="item.id == 'coupon_goods3'">
					<goods-style goodsStyleType="coupon3" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
					 :isdiyPage="true"></goods-style>
				</view>
				<!--  coupon_goods  优惠券4  -->
				<view class="coupon_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx'}"
				 v-if="item.id == 'coupon_goods4'">
					<goods-style goodsStyleType="coupon4" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
					 :isdiyPage="true"></goods-style>
				</view>

				<!-- 拼团1 -->
				<view class="fightgroup_goods" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
				 v-if="item.id == 'fightgroup_goods'">
					<goods-style goodsStyleType="fight" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
					 :isdiyPage="true" :isdiyPageParams="item.params"></goods-style>
				</view>
				<!--  fightgroup_goods2  拼团2  -->
				<view class="fightgroup_goods2" :style="{marginBottom:item.style.marginBottom*2+'rpx',padding:item.style.margin*2+'rpx',backgroundColor:item.style.bgColor}"
				 v-if="item.id == 'fightgroup_goods2'">
					<goods-style goodsStyleType="fight2" :goodslistData="item.data" @remindSuccess="remindSuccess()" :isdiyPageStyle="item.style"
					 :isdiyPage="true" :isdiyPageParams="item.params"></goods-style>
				</view>
				<!--  public_goods  通用商品  -->
				<view class="public_goods"  :style="{marginBottom:item.style.marginBottom*2+'rpx',margin:item.style.margin*2+'rpx',padding:item.style.padding +'rpx',backgroundColor:item.style.bgColor}" v-if="item.id == 'public_goods'">
					<view class="transverse">
						<scroll-view class="transverse_list" scroll-x>
							<view class="goods_father">
								<view class="goods_item" v-for="(item2, key2) in item.data" :key="key2">
									<view class="a" @click="navigateTo(item2.url)">
										<view class="goods_img">
											<image class="image" :src="item2.logo" mode="scaleToFill"></image>
											<view class="rush_goods_mask" v-if="item2.goods_state && (item2.goods_state == 2 || item2.stk == 0) && item2.plugin == 'rush'">
												<view class="rush_goods_mask_img">
													<image class="img" :src="imgfixUrls + 'rush_goods_end.png'" v-if="item2.goods_state == 2 && item2.stk > 0"
													 mode="scaleToFill"></image>
													<image class="img" :src="imgfixUrls + 'rush_goods_sell_out.png'" v-if="item2.stk === 0" mode="scaleToFill"></image>
												</view>
											</view>
											<view class="rush_goods_mask" v-if="item2.stk === 0 && item2.plugin !== 'rush'">
												<view class="rush_goods_mask_img">
													<image class="img" :src="imgfixUrls + 'rush_goods_sell_out.png'" mode="aspectFill"></image>
												</view>
											</view>
										</view>
										<view class="goods_tit">
											{{ item2.goods_name }}
										</view>
										<view class="public_goods_goods-price dis-flex flex-y-center">
											<view class="now-price f-32" v-if="item2.plugin != 'coupon' || item2.is_charge == '1'">￥{{item2['price']}}</view>
											<view class="now-price f-32" v-else>免费</view>
											<view class="old-price f-24" style="text-decoration:line-through;" v-if="item2['oldprice']">￥{{item2['oldprice']}}</view>
										</view>
									</view>
								</view>
							</view>
						</scroll-view>
					</view>
				</view>

				<!--  public_goods2  通用商品2  -->
				<view class="public_goods2" :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx;background-color: #f6f6f6;'"
				 v-if="item.id == 'public_goods2'">
					<Publicgoodstwo :publicgoodstwoData="item" />
				</view>
				<!--  shop  商家信息1  -->
				<view class="shop" :style="'margin-bottom: '+(item.style.marginBottom*40)+'rpx;'" v-if="item.id == 'shop'">
					<view class="shangjia">
						<view class="shangjia-i" :class="{shangjiaISty: item2.goods.length == 0}" v-for="(item2, key2) in item.shopArr"
						 :key="key2">
							<view class="a shangjia-i-t" @click="navigateTo(item2.shop_url)">
								<view class="shangjia-i-l">
									<image class="image b-f" :src="item2.logo" mode="aspectFill"></image>
								</view>
								<view class="shangjia-i-r">
									<view class="shangjia-i-r-d">
										<view class="shangjia-i-r-t1 over-omit">
											{{ item2.storename }}
											<!-- <text style="font-size: 20upx;float: right;padding-right: 30upx;" class="col-9">{{item2.distance}}</text> -->
										</view>
										<view class="shangjia-i-r-t2 over-omit">
											<view class="star star-dark">
												<view class="i icon iconfont icon-shoucangxiao" v-for="(item3, key3) in 5" :key="key3"></view>
											</view>
											<view class="star star-light">
												<view class="star-width" :style="'width:'+(item2.score / 5) * 100+'%;'">
													<view class="i icon iconfont icon-shoucangxiao" v-for="(item3, key3) in 5" :key="key3"></view>
												</view>
											</view>
											<view v-if="item2.distance" style="font-size: 24rpx;color: #999;width: 120rpx;margin-left: 396rpx;">
												{{item2.distance}}
											</view>
										</view>
										<view class="shangjia-i-r-t3 over-omit">
											<view class="p" v-html="item2.storehours"></view>
										</view>
										<view class="shangjia-i-r-t4 over-omit">
											<view v-for="(item3,index3) in item2.tags" class="tags_view">{{item3}}</view>
										</view>
									</view>
								</view>
							</view>
							<view class="shangjia-i-b" v-if="((shopFold && shopFoldIndex == key2) || (shopFoldIndex !== key2 || diyDataFoldIndex !== key)) && item2.goods.length > 0">
								<view class="shangjia-i-b-t1" v-if="item2.goods.length <= 2">
									<view class="shangjia-i-b-i" v-for="(tag, key3) in item2.goods" :key="key3" v-if="key3 == 0">
										<view class="em" :class="tag.css">{{ tag.tag }}</view>
										<view class="span">{{ tag.name }}</view>
									</view>
								</view>
								<view class="shangjia-i-b-t1" @click="shangjiaFold(key, key2)" v-if="item2.goods.length > 2">
									<view class="i icon iconfont icon-unfold"></view>
									<view class="shangjia-i-b-i" v-for="(tag, key3) in item2.goods" :key="key3" v-if="key3 == 0">
										<view class="em" :class="tag.css">{{ tag.tag }}</view>
										<view class="span">{{ tag.name }}</view>
									</view>
								</view>
								<view class="shangjia-i-b-i" v-for="(tag, key3) in item2.goods" :key="key3" v-if="item2.goods.length == 2 && key3 == 1">
									<view class="em" :class="tag.css">{{ tag.tag }}</view>
									<view class="span">{{ tag.name }}</view>
								</view>
								<view class="shangjia-i-b-t2" v-if="item2.goods.length > 2">
									<view class="em" :class="tag.css" v-for="(tag, key3) in item2.goods" :key="key3" v-if="key3 > 0">{{ tag.tag }}</view>
								</view>
							</view>
							<view class="shangjia-i-b" v-if="!shopFold && (shopFoldIndex == key2 && diyDataFoldIndex == key) &&  item2.goods.length > 2">
								<view class="shangjia-i-b-t1" @click="shangjiaUpFold(key, key2)">
									<view class="i icon iconfont icon-fold"></view>
									<view class="shangjia-i-b-i" v-for="(tag, key3) in item2.goods" :key="key3">
										<view class="em" :class="tag.css">{{ tag.tag }}</view>
										<view class="span">{{ tag.name }}</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!--  shop 商家信息2 -->
				<view class='store-two b-f' :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx;'" v-if="item.id == 'shop2'">
					<view class="store-two-main dis-flex padding-box-all border-line border-bottom" v-for="(item2,index2) in item.data"
					 :key="index2" @click="navigateTo(item2.shop_url)">
						<view class="store-two-left bor-radius-10upx m-right20 b-f" :style="'background-image:url('+item2.logo+');'"></view>
						<view class="store-two-right">
							<view class="dis-flex flex-x-between">
								<view class="store-two-title twolist-hidden f-28">{{item2.storename}}</view>
								<view class="f-26 col-f4">{{!!item2.distance?item2.distance:'未定位'}}</view>
							</view>
							<view class="store-two-score dis-flex flex-y-center">
								<tui-rate :current="item2.score" :disabled="true" :score="1" active="#F5D145"></tui-rate>
								
								<text class="score-grade p-left-right-30 f-28">{{item2.score}}</text>
								
								<view class="store-sales f-24">月售:{{item2.salesVolume}}</view>
							</view>
							<view class="store-two-storehours f-24 col-3">{{item2.storehours}}</view>
						</view>
						
					</view>
				</view>
				
				<!--  shop 商家信息5 -->
				<view class='store-two' :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx;'" v-if="item.id == 'shop5'">
					<view >
						<image :src="item.style.top_image" class="b-f" style="height: 260upx;width: 750upx;vertical-align: bottom;border-radius: 20upx 20upx 0 0;" mode=""></image>
						<view  :style="{backgroundColor: item.style.bgColor,height: 300 + ((Math.ceil(Object.keys(item.data).length / 3) - 1) * 370) + 'rpx'}">
							<view  style="padding: 30upx;position: relative;bottom: 212upx;">
								<view class="dis-flex" :style="{color: item.style.titleColor}">
									<view class="flex-box f-40 f-w">
										{{item.style.title}}
									</view>
									<view class="flex-box t-r f-28" v-if="item.style.link" @click="navigateTo(item.style.link)">
										更多<text class="iconfont icon-right" style="font-size: 28upx;"></text>
									</view>
								</view>
								<view class="dis-flex store-two-shop" style="flex-wrap: wrap;justify-content: space-between;padding-top: 30upx;">
									<view  style="flex: 0 0 31%;margin-bottom: 20upx;" v-for="(items,index) in item.data" :key="index" @click="navigateTo(items.shop_url)">
										<view  style="position: relative;">
											<image class="b-f" style="width: 100%;height: 192upx;border-radius: 10upx 10upx 0 0;vertical-align: bottom;" 
											:src="items.logo" mode=""></image>
											<view class="store-time-tag iconfont icon-locationfill dis-il-block" v-if="items.distance != ' '">
												{{items.distance}}
											</view>
										</view>
										<view class="b-f" style="padding: 10upx;">
											<view class="f-28 f-w p-top-bom-10" style="width: 180upx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
												{{items.storename}}
											</view>
											<view class="f-26 col-9">
												<text>{{items.score}}分</text>
												<text style="padding: 0 10upx;">|</text>
												<text>月售{{items.salesVolume}}</text>
											</view>
											<view  style="height: 60upx;overflow: hidden;">
												<view class="f-24 t-c dis-il-block" style="border-radius: 6upx;border: 1upx solid #FF4444;color: #FF4444;padding: 1upx 10upx;margin-right: 20upx;margin-bottom: 20upx;" v-for="(tag,indextag) in items.tags" :key="indextag">
													{{tag}}
												</view>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				
				<!--  shop 商家信息3 -->
				<view class='store-two' :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx;'" v-if="item.id == 'shop3'">
					<view style="padding: 30upx;">
						<view class="dis-flex" style="justify-content: space-between;overflow: auto;">
							<view  style="flex: 0 0 43%;margin-bottom: 20upx;margin-right: 20upx;" v-for="(items,index) in item.data" :key="index" @click="navigateTo(items.shop_url)">
								<view  style="position: relative;">
									<image class="b-f" style="width: 100%;height: 296upx;border-radius: 20upx 20upx 0 0;vertical-align: bottom;" 
									:src="items.logo" mode=""></image>
									<view class="store-time-tag iconfont icon-locationfill dis-il-block" v-if="items.distance != ' '">
										{{items.distance}}
									</view>
								</view>
								<view class="b-f" style="padding: 10upx;">
									<view class="f-26 f-w p-top-bom-10" style="width: 280upx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
										{{items.storename}}
									</view>
									<view class="f-26 col-9" style="padding: ;">
										<text>{{items.score}}分</text>
										<text style="padding: 0 10upx;">|</text>
										<text>月售{{items.salesVolume}}</text>
									</view>
									<view  style="height: 60upx;overflow: hidden;">
										<view class="f-24 t-c dis-il-block" style="border-radius: 6upx;border: 1upx solid #FF4444;color: #FF4444;padding: 3upx 10upx;margin-right: 20upx;margin-bottom: 20upx;" v-for="(tag,indextag) in items.tags" :key="indextag">
											{{tag}}
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				
				<!--  shop 商家信息4 -->
				<view class='store-two' :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx;'" v-if="item.id == 'shop4'">
					<view style="padding: 30upx;">
						<view class="dis-flex" style="flex-wrap: wrap;justify-content: space-between;">
							<view style="flex: 0 0 48%;margin-bottom: 20upx;" v-for="(item2,index2) in item.data" :key="index2" @click="navigateTo(item2.shop_url)">
								<view style="position: relative;">
									<image class="b-f" style="width: 100%;height: 330upx;border-radius: 10upx 10upx 0upx 0;" 
									:src="item2.logo" mode=""></image>
									<view class="store-time-tag">
										{{item2.storehours}}
									</view>
								</view>
								<view class="p-top-bom-10 f-28 f-w" style="width: 320upx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
									{{item2.storename}}
								</view>
								<view class="f-24 col-9">
									<text>{{item2.score}}分</text>
									<text style="padding: 0 10upx;">|</text>
									<text>月售{{item2.salesVolume}}</text>
								</view>
								<view class="f-24 col-9 p-top-10">
									<view  style="font-size: 26upx;"></view>
									<text 
									class="iconfont icon-locationfill dis-il-block" 
									style="padding: 0 1upx 0 0 ;width: 220upx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;font-size: 24upx;">
									{{item2.address}}
									</text>
									<view class="dis-il-block t-r" style="vertical-align: top;width: 100upx;" v-if="item2.distance">{{item2.distance}}</view>
								<view  style="height: 50upx;overflow: hidden;margin-top: 10upx;">
									<view class="f-24 t-c dis-il-block" style="border-radius: 6upx;border: 1upx solid #FF4444;color: #FF4444;padding: 1upx 14upx;margin-right: 20upx;margin-bottom: 20upx;" v-for="(tag,indextag) in item2.tags">
										{{tag}}
									</view>
								</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				
				<!--  shop 商家信息6ss -->
				<view class='store-two' :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx;background-color:'+item.style.bgColor+';'" v-if="item.id == 'shop6'">
					<view style="padding: 30upx;">
						<view class="dis-flex" style="overflow: auto;">
							<view class="b-f" style="padding: 20upx;" v-for="(item2,index2) in item.data" :key="index2" @click="navigateTo(item2.shop_url)">
								<view  style="position: relative;width: 600upx;height: 600upx;">
									<image 
									class="b-f"
									style="width: 600upx;height: 600upx;border-radius: 20upx;" 
									:src="item2.logo" mode=""></image>
									<view class="b-f" 
									style="position: absolute;
									width: 520upx;
									border-radius: 20upx;
									left: 50%;
									bottom: 5%;
									transform: translate(-50%);
									padding: 20upx 20upx;">
										<view class="f-28 f-w" style="width: 520upx;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
											{{item2.storename}}
										</view>
										<view class="dis-flex f-26 col-9 p-top-bom-10">
											<view class="iconfont icon-locationfill f-26" style="font-size: 26upx;width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
												{{item2.address}}
											</view>
											<view class="t-r" style="width: 20%;">
												{{item2.distance}}
											</view>
										</view>
										<view class="p-top-bom-10" style="border-top: 1upx solid #EEEEEE;">
											<view class="dis-flex">
												<view class="iconfont icon-favor_fill_light c-ff4444" style="font-size: 26upx;flex: 0.2;">
													<text class="col-3">{{item2.score}}</text>
												</view>
												<view class="iconfont icon-shijian t-c" style="flex: 0.6;font-size: 26upx;">
													{{item2.storehours}}
												</view>
												<view class="iconfont icon-rank t-r" style="flex: 0.2;font-size: 26upx;">
													{{item2.salesVolume}}
												</view>
											</view>
										</view>
										<view  style="height: 60upx;overflow: hidden;">
											<view class="dis-il-block c-ff4444 f-20" 
											style="padding: 4upx 8upx;border: 1upx solid #FF4444;border-radius: 4upx;margin-right: 10upx;margin-bottom: 10upx;"
											v-for="(items,index) in item2.tags">
												{{items}}
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				
				<!-- shop 商品信息3 -->
				<view v-if="item.id == 'options3'">
					<shop-info :shopinfoData="item.data" :shopinfoStyle="item.style" ref="shopInfo"></shop-info>
				</view>
				<!--  headline  头条1  -->
				<view class="headline" :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx; background-color: '+item.style.bgColor"
				 v-if="item.id == 'headline'">
					<view class="goodstop-i" :style="'background-color: '+item.style.bgColor" v-for="(item2, key2) in item.data" :key="key2"
					 @click="navigateTo(`pages/mainPages/headline/headlineDetail?headline_id=${item2.id}`)">
						<view class="h1">{{ item2.title }}</view>
						<view class="goodstop-i-t">
							<view class="goodstop-i-t-tag">
								<view class="i">{{ item2.one_name }}</view>
								<view class="i">{{ item2.two_name }}</view>
							</view>
							<image class="image" :src="item2.display_img" mode="aspectFill"></image>
						</view>
						<view class="goodstop-i-c">
							<view class="h2">{{ item2.summary }}</view>
							<view class="p">
								<view class="span">
									<view class="i">
										<image class="image" :src="item2.author_img" mode="aspectFill"></image>
									</view>
									<view class="b">{{ item2.author }}</view>
								</view>
								<view class="em">阅读&nbsp;{{ item2.browse }}</view>
							</view>
						</view>
					</view>
				</view>

				<!--  headline2  头条2  -->
				<view class="headline2" :style="'margin-bottom: '+(item.style.marginBottom*2)+'rpx; background-color: '+item.style.bgColor"
				 v-if="item.id == 'headline2'">
					<Haodiantoutiao :hdttData="item" />
				</view>
				<!-- 社群 -->
				<view v-if="item.id == 'community'">
					<view class="diyPages-community dis-flex flex-x-between flex-y-center" :style="{marginBottom:item.style.marginBottom+'rpx',backgroundColor:item.style.bgColor}">
						<view class="community-user dis-flex flex-y-center flex-box ">
							<image :src="item.params.imgUrl" class="community-user-img"></image>
							<view class="community-user-info flex-box">
								<view class="community-user-name col-0 f-28">{{ item.params.name }}</view>
								<view class="community-user-des f-24 col-9 onelist-hidden">{{item.params.introduce}}</view>
							</view>
						</view>
						<view class="community-btn">
							<button class="community-add f-24" :style="{color:item.style.buttonColor,backgroundColor:item.style.buttonbg}"
							 @click="openshequn(item.params)">{{item.params.title}}</button>
						</view>
					</view>
					<!-- 社群弹窗 -->
					<popup-view :show="showCommunity" type="center" @clickmask="showCommunity = false">
						<view class="community-detail b-f t-c">
							<view class="community-header f-w f-36 p-r col-f"><text class="community-header-text p-r">{{shequn.name}}</text></view>
							<!-- #ifdef H5 -->
							<view class="community-body">
								<image :src="shequn.qrcodeUrl" class="community-qrcodeimg"></image>
								<view class="community-toreply f-26 col-3">长按识别二维码</view>
							</view>
							<!-- #endif -->
							<!-- #ifndef H5 -->
							<view class="community-body f-26 col-3">
								有任何疑问，点击“<text class="col-m">去回复</text>”发送“<text class="col-m">{{shequn.community_id}}</text>”,即可添加{{shequn.name}}
							</view>
							<!-- #endif -->
							<view class="community-phone dis-flex flex-y-center flex-x-between" v-if="!!shequn.phone">
								<view class="community-number dis-flex flex-y-center">
									<image :src="imgfixUrls + 'goods/community.png'" class="community-number-icon"></image>
									<view class="f-24 col-3">{{shequn.phone}}</view>
								</view>
								<view class="community-bdial f-24" @click="callPhone(shequn.phone)">拨号</view>
							</view>
							<button class="community-reply f-24 col-f" open-type="contact" v-if="clienType==='3'">去回复</button>
						</view>
					</popup-view>
				</view>
				<!-- 乐豆 -->
				<view class="LeBeans" style="border-radius: 0;" v-if="item.id == 'user_info'">
					<view class="dis-flex">
						<view >
							<image style="border-radius: 50%;height: 100upx;width: 100upx;border: 6upx solid rgba(255,255,255,0.2);box-sizing: border-box;"
							 :src="item.data.avatar || 'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=408169738,1296166492&fm=26&gp=0.jpg'"
							 mode=""></image>
						</view>
						<view class="col-f" style="padding-left: 20upx;" v-if="item.data.nickname">
							<view class="f-30" style="padding-top: 10upx;">
								{{item.data.nickname || '未登录'}}
							</view>
							<view class="f-24" style="font-weight: 300;color: #F1F1F1;padding-top: 15upx;">
								{{item['data']['mobile'] || ''}}
							</view>
						</view>
						<view class="col-f f-34 f-w" style="line-height: 100upx;padding-left: 20upx;" v-else>
							未登录
						</view>
					</view>
					<view class="f-26 col-f" style="font-weight: 300;padding: 20upx 0;" v-if="item.data.constructor === Object && item.data.credit2">
						{{item.params.title}}
					</view>
					<view class="dis-flex" v-if="item.data.constructor === Object && item.data.credit2">
						<view class="f-50 f-w col-f">
							{{item.data.credit2}}
						</view>
						<view >
							<view class="f-30 col-f" @click="goLeBeans(item.params.link)" style="padding: 10upx 25upx;background-color: rgba(255,255,255,0.3);border-radius: 60upx 0 0 60upx;position: absolute;right: 0;">
								{{item.params.button_title}}
								<text class="iconfont icon-right" style="font-size: 24upx;"></text>
							</view>
						</view>
					</view>
				</view>
				
				<!-- 乐豆 -->
				
				<!-- 招聘统计 -->
				<view class="invite-statistics dis-flex" v-if="item.id == 'recruit_statistics'">
					<view class="invite-statistics-item"  v-for="(items,key,indexs) in item.params" :key="indexs" :style="{marginRight: indexs == 3?'0':'20rpx',backgroundColor: items.backgroundColor}">
						<view class="statistics-item-num" :style="{color: items.numberColor}">
							{{items.statistics}}
						</view>
						<view class="statistics-item-class" :style="{color: items.titleColor}">
							{{items.title}}
						</view>
						<view class="statistics-item-img">
							<image class="statistics-item-image" :src="items.icon" mode=""></image>
						</view>
					</view>
				</view>
				<!-- 招聘统计 -->
				
				<!-- 企业信息风格一 -->
				<view v-if="item.id == 'recruit_enterprise'">
					<view :style="{padding: item.style.padding + 'px',marginBottom: item.style.marginBottom + 'px',backgroundColor: item.style.bgColor}">
						<view class="dis-flex enterprise-item"  v-for="(its,indexs) in item.data" :key="indexs" @click="goEnterprise(its)">
							<view class="enterprise-imgbox" v-if="its.logo">
								<image class="enterprise-img" :src="its.logo" mode=""></image>
							</view>
							<view class="enterprise-content">
								<view class="enterprise-name">
									{{its.storename}}
								</view>
								<view class="enterprise-nature">
									{{its.nature}}·{{its.scale}}·{{its.industry}}
								</view>
								<view class="enterprise-nature">
									{{its.area}}
									<text style="padding-left: 10upx;">
										在招岗
										<text style="color: #3388FF;">
											{{its.release_recruit}}
										</text>
										个
									</text>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 企业信息风格一 -->
				
				<!-- 企业信息风格二 -->
				<view  v-if="item.id == 'recruit_enterprise2'">
					<view class="recruit_enterprise2-box" :style="{padding: item.style.padding + 'px',marginBottom: item.style.marginBottom + 'px',backgroundColor: item.style.bgColor}">
						<view class="dis-flex" style="padding: 20upx 0;">
							<view class="enterprise2-title">
								{{item.params.title}}
							</view>
							<view class="enterprise2-more" @click="enterpriseList">
								更多
								<text class="iconfont icon-right"></text>
							</view>
						</view>
						<view class="enterprise2-box" :style="{paddingRight: item.style.padding + 'px'}">
							<view class="enterprise2-item dis-il-block" v-for="(its,indexs) in item.data" :key="indexs" @click="goEnterprise(its)">
								<image class="enterprise2-item-img" :src="its.logo" mode="" v-if="its.logo"></image>
								<view class="enterprise2-item-name">
									{{its.storename}}
								</view>
								<view class="enterprise2-item-invite" v-if="its.release_recruit != 0">
									{{its.release_recruit}} + 岗位热招
								</view>
								<view class="enterprise2-item-invite" v-else>
									暂无招聘
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 企业信息风格二 -->
				
				<!-- 招聘模板 -->
				<view v-if="item.id == 'recruit_recruit'">
					<view class="recruit_recruit-f" :style="{padding: item.style.padding != 0? item.style.padding + 'px':'0rpx',marginBottom: item.style.marginBottom + 30 + 'px',backgroundColor: item.style.bgColor}">
						<view class="recruit_recruit" v-for="(its,indexs) in item.data" :key="indexs" @click="naviRecruit_recruit(its)">
						<view class="dis-flex" style="padding: 30upx 0 20upx;">
							<view class="recruit_recruit-name">
								{{its.title}} <view  class="dis-il-block recruit_recruit-top" v-if="its.is_top == '1'">顶</view>
							</view>
							<view class="recruit_recruit-salary">
								{{its.salary}}
							</view>
						</view>
						<view class="dis-flex" style="padding: 0upx 0 30upx;" v-if="its.welfare_list">
							<view class="recruit_recruit-tags">
								<view class="dis-il-block recruit_recruit-tags-item"  :style="{backgroundColor: item.style.labelBgColor,color: item.style.labelColor}" v-for="(it,ins) in its.welfare_list" :key="ins">
									{{it}}
								</view>
							</view>
							<view class="recruit_recruit-region">
								{{its.region}}
							</view>
						</view>	
						<view class="dis-flex" style="padding: 0upx 0 30upx;" v-if="its.release">
							<view class="recruit_recruit-imgbox">
								<image class="recruit_recruit-img"  :src="its.release.logo" mode=""></image>
							</view>
							<view class="recruit_recruit-left">
								<view class="recruit-left-name dis-flex">
									<view style="flex: 0.7;">
										{{its.release.name}} <view  class="dis-il-block recruit_recruit-top" style="background-color: #008CFF;" v-if="its.release.is_authentication == '1'">已认证</view>
									</view>
									<view class="recruit-left-region" v-if="!its.welfare_list">
										{{its.region}}
									</view>
								</view>
								<view class="recruit-left-nature dis-flex" v-if="its.release.nature && its.release.scale && its.release.industry">
									<view style="flex: 0.8;">
										{{its.release.nature}}·{{its.release.scale}}·{{its.release.industry}}
									</view>
									<view class="recruit-left-region" style="line-height: 30upx;">
										{{its.release_time}}
									</view>
								</view>
								<view class="recruit-left-nature dis-flex" v-else>
									<view style="flex: 0.8;">
										个人招聘
									</view>
									<view class="recruit-left-region" style="line-height: 30upx;">
										{{its.release_time}}
									</view>
								</view>
							</view>
							<!-- <view class="recruit_recruit-right">
								
							</view> -->
						</view>
						</view>
						
					</view>
				</view>
				<!-- 招聘模板 -->
				<!-- 简历模板 -->
				<view v-if="item.id == 'recruit_resume'" style="margin-bottom: 30upx;">
					<view class="recruit_resume" :style="{padding: item.style.padding != 0? item.style.padding + 'px':'30rpx',marginBottom: item.style.marginBottom + 'px',backgroundColor: item.style.bgColor}">
						<view class="recruit_resume-item dis-flex" v-for="(its,indexs) in item.data" :key="indexs" @click="goRecruit_resume(its)">
							<view class="recruit_resume-imgbox">
								<image class="recruit_resume-img" :src="its.avatar" mode=""></image>
							</view>
							<view class="recruit_resume-content">
								<view class="dis-flex ">
									<view class="recruit_resume-title">
										{{its.name}}
									</view>
									<view class="recruit_resume-salary">
										{{its.salary}}
									</view>
								</view>
								<view class="recruit_resume-data">
									{{its.age}}岁·{{its.experience}}·{{its.education}}
								</view>
								<view class="dis-flex">
									<view class="recruit_resume-tags">
										<view class="recruit_resume-tagitem dis-il-block" :style="{color: item.style.labelColor,backgroundColor: item.style.labelBgColor}" v-for="(it,ins) in its.expect_position_list" :key="ins">
											{{it}}
										</view>
									</view>
									<view class="recruit_resume-site">
										{{its.city}}
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- #ifdef MP-WEIXIN -->
				<!-- banner流量主 -->
				<view v-if="item.id == 'flow'">
					<ad :unit-id="item.params.unit_id" @close="onclose($event,item.params.unit_id)"></ad>
				</view>
				<!-- 视频流量主 -->
				<view v-if="item.id == 'flow4'">
					<ad :unit-id="item.params.unit_id" @close="onclose($event,item.params.unit_id)" ad-type="video" ad-theme="white"></ad>
				</view>
				<!-- 视频贴片流量主 -->
				<!-- <view v-if="item.id == 'flow5'">
					<video style="width: 750upx;" src="" :unit-id="item.params.unit_id"></video>
				</view> -->
				<!-- 格子广告流量主 -->
				<view v-if="item.id == 'flow6'">
					<ad :unit-id="item.params.unit_id" @close="onclose($event,item.params.unit_id)" ad-type="grid" grid-opacity="0.8" grid-count="5" ad-theme="white"></ad>
				</view>
				<!-- #endif -->
				
				<!-- 转赠红包 -->
				<popup-view :show="showRed" :showOverlay="false" type="center" @clickmask="showRed = false">
					<view class="linkRed t-c" :style="'background-image: url(' + imgfixUrls + (redData.type == 1?'couponBg.png':'linkRedBG.png')+');background-size: 600rpx 782rpx;background-repeat: no-repeat;'">
						<view 
						class="iconfont icon-roundclose" 
						style="font-weight: 700;font-size: 40upx;color: #333333;position: absolute;right: 30upx;top: 30upx;"
						@click="showRed = false">
						</view>
						<image 
						:src="redData.avatar" 
						style="width: 146upx;height: 146upx;border-radius: 50%;margin-top: 84upx;"
						mode=""></image>
						<view class="f-28" :style="{color:redData.type == 1?'#C18F64':'#FDC789',marginTop: '40rpx'}">
							<text>{{redData.nickname}}</text>
							<text>发起一个{{redData.type == 1?'转赠卡券':'转赠红包'}}</text>
						</view>
						<view
						v-if="redData.ownget == 1"
						:style="{width: '400rpx',
						backgroundColor: redData.type == 1?'':'#F9F3E3',
						borderRadius: '10rpx',
						padding: '30rpx',
						margin: '40rpx 0 0 70rpx'}">
							<view class="f-w" style="font-size: 50upx;color: #ff4444;">
								{{redData.title}}
							</view>
							<view class="f-28" :style="{padding: '30rpx 0',marginTop:redData.type == 1?'56rpx':'0'}">
								领取成功
							</view>
							<view class="f-28" :style="{color: redData.type == 1?'#ffffff':'#FF6633',paddingLeft: '20rpx'}" @click="navigateTo(redData.type == 1?'pages/subPages/coupon/coupon':'pages/subPages/redpacket/myredpacket')">
								<text>立即查看</text>
								<text style="font-size: 28upx;" class="iconfont icon-playfill"></text>
							</view>
						</view>
						<view v-else>
							<view  style="margin-top: 40upx;color: #FDC789;">
								<text :style="{fontSize: redData.type != 1?'68rpx':'48rpx',color:redData.type != 1?'#FDC789':'#B15910'}">{{redData.title}}</text>
								<!-- <text style="font-size: 36upx;padding-left: 10upx;">元</text> -->
							</view>
							<view class="f-28" style="color: #FDC789;margin-top: 40upx;" >
								<text v-if="redData.status != 2 || redData.type != 1">{{redData.sub_title}}</text>
							</view>
							<view  
							v-if="redData.status == 0 && redData.ownflag != 1"
							:style="{marginTop: redData.type == 1?'100rpx':'40rpx',
							backgroundColor: '#FCC688',
							width: '460rpx',
							height: '80rpx',
							lineHeight: '80rpx',
							marginLeft: '70rpx',
							borderRadius: '60rpx',
							fontSize: '28rpx'}
							" @click="receive">
								立即领取
							</view>
							<view v-else-if="redData.status == 0 && redData.ownflag == 1" 
							:style="{fontSize: '28rpx',paddingTop: '40rpx',marginTop:redData.type == 1?'90rpx':'',color:redData.type == 1?'#ffffff':''}" 
							@click="closeLink">
								<text>取消转赠</text>
								<text class="iconfont icon-right" style="font-size: 28upx;"></text>
							</view>
							<view 
							v-else
							class="f-28"
							:style="{marginTop: redData.type != 1?'40rpx':redData.status == 2?'180rpx':'90rpx',
							color: redData.type != 1?'#8B1518':'#ffffff',
							width: '420rpx',
							padding: '30rpx 20rpx',
							backgroundColor: redData.type != 1?'#FDEAEE':'',
							marginLeft: '70rpx',
							borderRadius: '30rpx'
							}">
								<view >
									哎呦来晚了
								</view>
								<view >
									{{redData.status == 2?`${redData.type == 1?'卡券':'红包'}已经被转赠人取消了~`:`${redData.type == 1?'卡券':'红包'}已经被人领走了~`}}
								</view>
								
							</view>
						</view>
						
					</view>
				</popup-view>
				<view style="background-color: rgba(0,0,0,0.1);width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;" v-if="showRed">
					
				</view>
				<PhoneMask :zIndex="'9999'" :show1="popShow" @clickmask1="closePop"></PhoneMask>
				<getvxphone :show="vxshow" @showFalse="showFalse"></getvxphone>
			</view>
		</view>
	</view>
	
	</view>
</template>

<script>
	import jyfParser from "@/components/jyf-parser/jyf-parser.vue"
	import Goodslist from '@/components/template/goodslist.vue'
	import Imgswipertwo from '@/components/template/imgswipertwo.vue'
	import Publicgoodstwo from '@/components/template/publicgoodstwo.vue'
	import Haodiantoutiao from '@/components/template/haodiantoutiao.vue'
	import goodsComponents from '@/components/page/pageComponents/goods.vue'
	import giftbagComponents from '@/components/page/pageComponents/giftbag.vue'
	import cardComponents from '@/components/page/pageComponents/discountCard.vue'
	import region from '@/components/page/pageComponents/region.vue'
	import tabContro from '@/components/page/pageComponents/tabContro.vue'
	import shopInfo from '@/components/page/pageComponents/shopInfo.vue'
	import shopEnter from '@/components/page/pageComponents/shopEnter.vue'
	import PopupView from "@/components/template/PopManager.vue"
	import App from '@/common/js/app.js'
	import goodsStyle from '@/components/page/pageComponents/goodsStyle.vue'
	import tabMenu from '@/components/page/pageComponents/tabMenu.vue'
	import activityData from '@/components/template/activityData.vue'
	import user from '@/components/template/user.vue'
	import Skip from '@/components/template/Skip.vue'
	import integralGood from '@/components/template/integralGood.vue'
	import citydeliveryGoods from '@/components/template/citydeliveryGoods.vue'
	import tuiRate from '@/components/template/rate.vue';
	import homemakingItem from '@/components/template/homemakingItem.vue';
	import vTabs from '@/components/v-tabs/v-tabs.vue';
	import demandItem from '@/components/template/demandItem.vue'
	import myserItem from '@/components/template/myserItem.vue'
	import PhoneMask from '@/components/template/PhoneMask';
	import getvxphone from '@/components/template/getVXphone.vue'
	// #ifdef H5
	import wxApi from '@/common/js/wxApi.js';
	// #endif
	export default {
		data() {
			return {
				titleName: '请输入关键字进行搜索',
				bussiKey: '',
				aidCity: {
					cityname: '选择地区'
				},

				notice: {
					autoplay: false,
					interval: 3000,
					duration: 1000,
					vertical: true,
					circular: true,
				},
				banner: {
					indicatorDots: true,
					autoplay: true,
					interval: 4000,
					duration: 500
				},
				richtext: {
					imageProp: {
						mode: 'widthFix'
					}
				},
				btngroup: {
					indicatorDots: true,
					duration: 300,
					btngroupHandleData: []
				},
				showCommunity: false,
				shopFold: true,
				diyDataFoldIndex: -1,
				shopFoldIndex: -1,
				switchCity: "",
				i: 0,
				showS: false,
				img: '',
				shequn: {
					name: '',
					qrcodeUrl: '',
					community_id: '',
					phone: ''
				},
				imgHeights: [],
				wxOpenTags:null,
				imgStyle:{},
				sort:0,
				showEnter:false,
				bingImg:{},
				showRed:false,
				redData:{},
				popShow:false,
				vxshow:false,
				bannercurrent:0,
				moveLeft:0
				// cliType:null
			}
		},
		components: {
			Goodslist,
			Imgswipertwo,
			Publicgoodstwo,
			Haodiantoutiao,
			goodsComponents,
			giftbagComponents,
			cardComponents,
			region,
			tabContro,
			shopInfo,
			shopEnter,
			PopupView,
			goodsStyle,
			tabMenu,
			activityData,
			Skip,
			user,
			integralGood,
			citydeliveryGoods,
			tuiRate,
			vTabs,
			homemakingItem,
			demandItem,
			myserItem,
			PhoneMask,
			getvxphone
		},
		onShow() {

		},
		mounted() {
			
			this.img = this.imgfixUrls;
			if (this.pageData.title == '名片首页') {
				this.titleName = '请输入名片名称进行搜索';
				this.showS = true;
			}
			if(this.isred){
				setTimeout(()=>{
					this.getLinkRed()
				})
			}
			this.imgStyle = uni.getStorageSync('imgstyle')
			let version = require("@/siteinfo.json");
			let pages = getCurrentPages();
			this.cliType = App.getClientType();
			uni.setStorageSync('aa', this.diypagesData);
			this.pageWxApp();
			let curPage = pages[pages.length - 1];
			//#ifdef H5
			this.i = curPage.$mp.query.i;
			
			//#endif
			//#ifndef H5
			this.i = version.uniacid;
			this.flow();
			//#endif
			this.$nextTick(function(){
				// debugger
				this.diypagesData.forEach((item) =>{
					if(item.id == 'notice' || item.id == 'notice1' || item.id == 'notice2'){
						this.pmove();
						return
					}
				}); 
				// debugger
				
			})
		},
		props: {
			diypagesData: {
				type: Array,
				default: function() {
					return []
				}
			},
			pageData: {
				type: Object,
				default: function() {
					return {}
				}
			},
			btngroupData: {
				type: Object,
				default: function() {
					return {}
				}
			},
			swiperIList: {
				type: Array,
				default: function() {
					return []
				}
			},
			city_id: {
				type: String,
				default: function() {
					return ''
				}
			},
			isred: {
				default: function() {
					return ''
				}
			}
		},
		computed: {
			currentaidCity: {
				get() {
					console.log(this.agencyData)
					// debugger
					if (!!this.agencyData) {
						if(this.agencyData.areaname){
							return this.agencyData.areaname
						}else if(Array.isArray(this.agencyData)){
							return this.agencyData[0].title
						}else{
							uni.showModal({
								showCancel:false,
								title:'温馨提示',
								content:'暂未安装地区数据,请前往系统后台进行安装'
							});
							return '无地区数据'
						}
					} else {
						return '选择地区'
					}
				},
				set(val) {
					this.switchCity = val
				}
			},
			agencyData() {
				return uni.getStorageSync('agencyData') || uni.getStorageSync('locationArray' + this.i);
			},
			clienType() {
				return App.getClientType()
			}
		},
		methods: {
			cancelBtn() {
				uni.navigateBack({
					delta: 1
				})
			},
			pmove(e){ //公告组件移动动画
			let _this = this;
			_this.moveLeft = 0;
			// console.log(e)
			if(_this.notice.autoplay == false){ //首次进入，第一条公告
			
				uni.createSelectorQuery()
					.in(this)
					.selectAll('.move')
					.boundingClientRect(data => {
						// debugger
						let width = data[0].width; //首次进入的动画
						if(width < 266 && data.length == 1){
							return
						}else if(width < 266 && data.length > 1){
							_this.notice.autoplay = true;
							return
						}
						let moveTime = setInterval(()=>{
							// console.log(width,Math.abs(_this.moveLeft))
							//266为父盒子默认宽度
							if(width - Math.abs(_this.moveLeft) < 266){
								clearTimeout(moveTime);
								if(data.length  == 1){
									setTimeout(()=>{
										_this.pmove(); //递归调用，延时平滑
									},2000)
								}else{
									_this.notice.autoplay = true;
								}
								
							}
							_this.moveLeft = _this.moveLeft - 2;
						},20)
						console.log(data);
					})
					.exec();
			}else{
				// debugger
				_this.notice.autoplay = false
				setTimeout(()=>{
					// debugger
					uni.createSelectorQuery()
						.in(this)
						.selectAll('.move')
						.boundingClientRect(data => {
							// debugger
							let width = data[e.detail.current].width;
							if(width > 266){
								let moveTime = setInterval(()=>{
									// console.log(width,Math.abs(_this.moveLeft))
									if(width - Math.abs(_this.moveLeft) < 266){
										clearTimeout(moveTime);
										_this.notice.autoplay = true;
									}
									_this.moveLeft = _this.moveLeft - 2;
								},20)
								// console.log(data);
							}else{
								_this.notice.autoplay = true;
							}
							
						})
						.exec();
				},2000)
				
			}
			// _this.notice.autoplay = false;
			// console.log(e);
			// debugger
				
			},
			onclose(e,id){
				let data = this.diypagesData;
				// console.log(e,id);
				// debugger
				this.diypagesData.forEach((item,index)=>{
					if(!!item.params && item.params.unit_id){
						// console.log(item.params.unit_id,id);
						if(item.params.unit_id == id){
							
							data[index].id = '';
							item.id = '';
							// console.log(diypagesData[index].id,item.id)
							this.$emit('update:diypagesData',data);
						}
					}
					
				})
			},
			showFalse(){
				this.vxshow = false;
			},
			closePop() {
				let _this = this
				_this.popShow = false
			},
			closeLink(){
				App.showError(
					`是否取消本次转赠?`,
					data => {
						if (data.confirm) {
						App._post_form('&p=Order&do=cancelTransfer', {
							id:this.isred,
							objid:this.redData.objid,
							type:this.redData.type
						}, res => {
							uni.showToast({
								title:'取消成功'
							});
							this.showRed = false;
						})
					}
					},
					true
				);
				
			},
			receive(){
				let  _this = this;
				App._post_form('&p=Order&do=getTransfer', {
					id:this.isred
				}, res => {
					uni.showToast({
						title:'领取成功'
					});
					this.getLinkRed();
				},fail=>{
					// _this.gouniond();
						if (fail.data.message == '未绑定手机号') {
							//#ifdef H5
							_this.popShow = true;
							//#endif
							//#ifndef H5
							_this.vxshow = true;
							//#endif
							
						}
				});
			},
			getLinkRed(){
				App._post_form('&p=Order&do=transferInfo', {
					id:this.isred
				}, res => {
					this.redData = res.data;
					this.showRed = true;
				})
			},
			call(item){
				uni.makePhoneCall({
					phoneNumber: item.mobile
				})
			},
			chat(item){
				App.navigationTo({
					url: 'pages/subPages/homepage/chat/chat?other_party_id=' + item.mid + '&other_party_type=' + 1+ '&type=1' + '&id='
				})
			},
			vtabschange(e){
				
			},
			// handleMemberClick(item) {
			// 	App.navigationTo({
			// 		url: `pages/subPages2/blindDate/member/detail?id=${item.id}`
			// 	})
			// },
			flow(){
				this.diypagesData.map(item=>{
					if(item.id == 'flow2'){
						// 在页面中定义激励视频广告
						let videoAd = null
						
						// 在页面onLoad回调事件中创建激励视频广告实例
						if (wx.createRewardedVideoAd) {
						  videoAd = wx.createRewardedVideoAd({
						    adUnitId: item.params.unit_id
						  })
						  videoAd.onLoad(() => {})
						  videoAd.onError((err) => {})
						  videoAd.onClose((res) => {})
						}
						
						// 用户触发广告后，显示激励视频广告
						if (videoAd) {
						  videoAd.show().catch(() => {
						    // 失败重试
						    videoAd.load()
						      .then(() => videoAd.show())
						      .catch(err => {
						        console.log('激励视频 广告显示失败')
						      })
						  })
						}
					}else if(item.id == 'flow3'){
						// 在页面中定义插屏广告
						let interstitialAd = null
						
						// 在页面onLoad回调事件中创建插屏广告实例
						if (wx.createInterstitialAd) {
						  interstitialAd = wx.createInterstitialAd({
						    adUnitId: item.params.unit_id
						  })
						  interstitialAd.onLoad(() => {})
						  interstitialAd.onError((err) => {})
						  interstitialAd.onClose(() => {})
						}
						
						// 在适合的场景显示插屏广告
						if (interstitialAd) {
						  interstitialAd.show().catch((err) => {
						    console.error(err)
						  })
						}
					}
				})
				// debugger
			},
			goRecruit_resume(item){
				App.navigationTo({
					url: `pages/subPages2/hirePlatform/resume/resume?id=${item.id}&flag=1`
				});
			},
			enterpriseList(){
				App.navigationTo({
					url: `pages/subPages2/hirePlatform/companiesList/companiesList`
				});
			},
			goEnterprise(item){
				App.navigationTo({
					url: `pages/subPages2/hirePlatform/companyDetails/companyDetails?id=${item.id}`
				});
			},
			naviRecruit_recruit(item){
				App.navigationTo({
					url: `pages/subPages2/hirePlatform/recruitmentDetails/recruitmentDetails?id=${item.id}`
				});
			},
			pageWxApp() {
				setTimeout(()=>{
					this.diypagesData.map(item => {
						if (item.id == 'banner') {
							let ratio;
							uni.getSystemInfo({
								success: function(wh) {
									ratio = wh.windowWidth / item.params.img_width;
									item.params.img_width = ratio * item.params.img_width;
									item.params.img_height = ratio * item.params.img_height;
								}
							});
							
						}
					})
				})
				// console.log(_this.diypagesData,'我是装修组件合集')
			},
			remindSuccess(goodsData, goodsIndex) {
				// goodsData.map((item,index)=>{
				// 	if(item.is_follow)
				// });
				this.$emit('diyhomepage');
				// console.log(goodsData, goodsIndex,'问题一抹多')
			},
			goLeBeans(link) {
				let urls;
				// #ifdef H5
				let locations = window.location.href;
				 urls = link + '&backurl=' + encodeURIComponent(locations);
				location.href = urls;
				//#endif
				//#ifndef H5
				let pages = getCurrentPages();
				let pageObj = pages[pages.length - 1];
				let wxurl = pageObj.route;
				 urls = link + '&backurl=' + wxurl;
				// console.log(urls,pageObj.options)
				uni.navigateTo({
					url: `/pages/subPages/webview/webview?urlsrc=${encodeURIComponent(urls)}`
				})
				//#endif

			},
			ImgLoad(e) {
				let ratios;
				let _this = this;
				uni.getSystemInfo({
					success: function(wh) {
						ratios = wh.windowWidth / e.detail.width;
						_this.bingImg = {
							width:ratios * e.detail.width,
							height:ratios * e.detail.height
						};
					}
				});
				
				// console.log(e.detail.width / e.detail.height)
				// if(e.detail.width == e.detail.height){
				this.imgHeights.push((e.detail.width / e.detail.height * 35 / 2) + 'rpx')
				// }else{
				// 	this.imgHeights.push((e.detail.width / e.detail.height * 35) + 'rpx');
				// }

				// console.log(e.detail.width / e.detail.hight * 10)

				// this.imgHeights.push(e.detail.width);
				// console.log(this.imgHeights,e,e.detail.width%150)
			},
			// 社群传参
			openshequn(open) {
				this.shequn = open;
				this.showCommunity = true;

			},
			/**
			 * 社群显示
			 */
			searchBussi() {
				// debugger
				if (this.pageData.title == '名片首页') {

					this.$emit("getChild", this.bussiKey);

				} else {
					App.navigationTo({
						url: 'pages/subPages/search/search'
					});
				}
			},
			naviGa(type,flag) {
				// debugger
				if (type == 1) {
					App.navigationTo({
						url: 'pages/subPages/search/search'
					});
				}else if(type == 2){
					App.navigationTo({
						url: 'pages/subPages2/hirePlatform/serchWork/serchWork'
					});
				}else if(type == 3){
					App.navigationTo({
						url: 'pages/subPages2/blindDate/member/all'
					});
				}else if(type == 4){
					App.navigationTo({
						url: 'pages/subPages2/homemaking/homemaSearch/homemaSearch'
					});
				}
			},
			communityShow() {
				this.showCommunity = !this.showCommunity;
			},
			callPhone(phone) {
				uni.makePhoneCall({
					phoneNumber: phone
				})
			},
			pvImge(imgurl) {
				uni.previewImage({
					current: imgurl, // 当前显示图片的http链接
					urls: [imgurl] // 需要预览的图片http链接列表
				})
			},

			shangjiaFold: function(key, key2) {
				this.shopFold = false
				this.diyDataFoldIndex = key
				this.shopFoldIndex = key2
			},
			shangjiaUpFold: function(key, key2) {
				this.shopFold = true
				this.diyDataFoldIndex = key
				this.shopFoldIndex = key2
			},
			navigateTo(url) {
				// let e = url.split('?')[1]
				// return
				if(!url)return
				// #ifdef H5				
				if(url.indexOf('appid') !=  -1){					
					uni.showModal({						
						showCancel:false,						
						title:'温馨提示',						
						content:'此链接无法在公众号端打开,请在小程序中打开'					,
						});					
						return				
						}				
						// #endif
				if(url.indexOf('indet') != -1){
					//#ifdef H5
					// let loc = url.split('?')[1];
					// debugger
					App.navigationToH5(false,`${App.base}#/${url}`);
					window.location.reload();
					//#endif
					//#ifndef H5
					App.navigationTo({
						url:url
					});
					//#endif
					return
				}else{
					
					// let linkUrl = url.indexOf('?') != -1?url.split('?')[0]:url;
					// if(url.indexOf('pages/subPages2/homemaking/serviceIn/serviceIn') != -1){
					// 	this.showEnter = true;
					// 	return
					// }
					App.navigationTo({
						url:url
					});
				}
			},
			bannerChange(e) {
				this.bannercurrent = e.detail.current;
				// console.log(e,this.diypagesData);
				// this.diypagesData.map((item,index)=>{
				// 	if(item.id == 'banner'){
				// 		console.log(item.data);
				// 	}
				// })
				
			}
		}
	}
</script>

<style scoped>
	@import "../../common/css/diyPages.css";
	@import "../../common/css/old_diyPages";
	@import "../../pages/subPages/goods/index.css";

	.diypages {
		/* background-color: #F8F8F8; */
		/* padding-bottom: 100upx; */
		/* margin-bottom: 100upx; */
	}

	.diypages-j {
		margin-bottom: 20upx;
	}
	.diypages-i{
		position: relative;
	}
	
	.btn-open-weapp{
	    border: 0;  
	    color: #424242;  
	    text-shadow: 0px 1px 1px #fff;  
	    border-radius: 50px;  
	    text-align: center;  
	    line-height: 35px;  
	    outline:none;  
	} 
	.store-two-shop:after{
		content:'';
		flex: 0 0 31%;
	}
</style>
