nazw/nnzwminiapp/pages/index/index.wxml

<!--pages/publics/publics.wxml-->
<view style=" background-color:#F5F5F5;">
	<view wx:if="{{hideAll}}" style="position: fixed;z-index: 999999;height: 100vh;width:100%;background-color: #ffffff;">
		<view style="height: 110vh;width: 100%;display: flex;align-items: center;justify-content: center;">
			<image class="init-rate" style="height: 76rpx;width: 76rpx;" src="images/onload-init-mini.png"></image>
		</view>
	</view>
	<scroll-view style="height: 1549rpx;" scroll-y="true">
		<view class="top">
			<video src="http://www.cq.gov.cn/masvod/public/2022/06/23/20220623_1818e6fa1b0_r1_1200k.mp4" loop muted controls="{{false}}" show-play-btn="{{false}}" show-center-play-btn="{{false}}" enable-progress-gesture="{{false}}" object-fit="cover" autoplay style="width:100%;height:409rpx"></video>
			<image src="{{imgUrl}}toplogo.png" class="top-logo" style="top: {{navHeight}}rpx"></image>
		</view>

		<!-- 内容1 -->
		<view class="content-search" style="height:568rpx;width:100%;background-color:#F5F5F5;position:relative">
			<!-- 内容top -->
			<view class="content-search-tab" style="height: 588rpx;">
				<!-- 搜索 -->
				<!-- <view style="width:650rpx;height:60rpx">
				<view class="search-view">
					<view class="search-icon">
						<image src="{{imgUrl}}index-search.png" style="height:28rpx;width:28rpx"></image>
					</view>
					<input class="search-input" bindinput="bindKeyInput" placeholder="在此输入关键字" />
				</view>
			</view> -->
				<!-- 服务内容1 -->
				<view class="content-service">
					<view bindtap="clickService1" data-item="{{index}}" wx:for="{{ serviceItems1 }}" wx:for-item="item" wx:for-index="index" wx:key="index" class="content-service-item">
						<view data-item="{{index}}">
							<image src="{{ item.img }}" style="height:88rpx;width:88rpx"></image>
						</view>
						<view data-item="{{index}}">{{ item.name }}</view>
					</view>
				</view>
				<!-- 服务内容2 -->
				<view class="content-service">
					<view bindtap="clickService2" data-item="{{index}}" wx:for="{{ serviceItems2 }}" wx:for-item="item" wx:for-index="index" wx:key="index" class="content-service-item">
						<view>
							<image src="{{ item.img }}" style="height:88rpx;width:88rpx"></image>
						</view>
						<view>{{ item.name }}</view>
					</view>
				</view>
				<!-- 百姓聚焦 -->
				<view class="content-people" style="margin-top: 15rpx">
					<view class="people-title">
						<image src="{{imgUrl}}people-title.png" style="height: 59rpx;width: 59rpx;"></image>
						<view class="people-font1">百姓聚焦</view>
						<!-- <view class="people-font2">每日更新</view> -->
					</view>
					<view class="people-content">
						<view wx:for="{{ peopleService }}" wx:for-item="item" wx:for-index="index" wx:key="index" data-id="{{item.id}}" bindtap="clickFocus" class="people-content-item {{ item.top?'top':'' }}">
							<image wx:if="{{ item.top }}" src="{{imgUrl}}index-top-fire.png" style="height: 24rpx;width: 20rpx;margin-right: 8rpx;"></image>
							<view>{{ item.name }}</view>
						</view>
					</view>
				</view>
				<!-- 百姓聚焦 -->
			</view>
			<!-- 内容top -->
		</view>

		<!-- 视频推荐 -->
		<view class="three" style="height:163rpx;width:100%;padding-left:15rpx;background-color: #F5F5F5;">
			<image src="{{imgUrl}}index-video-recommend.png" style="height:163rpx;width:720rpx" bindtap="gotoSPTJ"></image>
			<!-- <swiper current="{{lun}}" indicator-dots="{{true}}" style="height: 100%;width: 720rpx">
				<swiper-item bindtap="gotoNewsPaper">
					<image src="{{imgUrl}}index-video-banner.png" style="height:163rpx;width:100%"></image>
				</swiper-item>
				<swiper-item>
					<image src="{{imgUrl}}three.png" style="height:163rpx;width:100%"></image>
				</swiper-item>
				<swiper-item>
					<image src="{{imgUrl}}self-service.png" style="height:163rpx;width:100%"></image>
				</swiper-item>
			</swiper> -->
		</view>
		<!-- 南岸动态 -->
		<view class="content-na" style="height:512rpx;width:100%;background-color:#F5F5F5;position:relative;overflow: hidden;margin-top: 5rpx;">
			<!-- 浮动 -->
			<!-- font-size:32rpx -->
			<view class="content-na-tab">
				<!-- 标题 -->
				<view class="na-title">
					<!-- 南岸动态 -->
					<view class="tab-item {{naTab==0?'active':''}}" bindtap="clickNaTilteTab" data-item="0">
						<view style="position: absolute;width: 0;height: 0;border-left: 10rpx solid transparent;border-right: 10rpx solid transparent;border-top: 10rpx solid #508FF4;bottom: -13rpx;" />
						<view style="height:50rpx;width:32rpx;display: flex;justify-content:center;align-items:center;">
							<image wx:if="{{ naTab==0 }}" style="width:32rpx;height:32rpx;" src="{{imgUrl}}na-title-1.png"></image>
						</view>
						<view style="height:50rpx;padding-left:10rpx;">南岸动态</view>
					</view>
					<!-- 今日重庆 -->
					<view class="tab-item {{naTab==1?'active':''}}" bindtap="clickNaTilteTab" data-item="1">
						<view style="position: absolute;width: 0;height: 0;border-left: 10rpx solid transparent;border-right: 10rpx solid transparent;border-top: 10rpx solid #508FF4;bottom: -13rpx;" />
						<view style="height:50rpx;width:32rpx;display: flex;justify-content:center;align-items:center;">
							<image wx:if="{{ naTab==1 }}" style="width:32rpx;height:32rpx;" src="{{imgUrl}}na-title-1.png"></image>
						</view>
						<view style="height:50rpx;padding-left:10rpx">今日重庆</view>
					</view>
					<!-- 国务院信息 -->
					<view class="tab-item-last {{naTab==2?'active':''}}" bindtap="clickNaTilteTab" data-item="2">
						<view style="position: absolute;width: 0;height: 0;border-left: 10rpx solid transparent;border-right: 10rpx solid transparent;border-top: 10rpx solid #508FF4;bottom: -13rpx;" />
						<view style="height:50rpx;width:32rpx;display: flex;justify-content:center;align-items:center;">
							<image wx:if="{{ naTab==2 }}" style="width:32rpx;height:32rpx;" src="{{imgUrl}}na-title-1.png"></image>
						</view>
						<view style="height:50rpx;padding-left:10rpx">国务院信息</view>
					</view>
				</view>
				<!-- 标题 -->
				<!-- 内容 -->
				<view class="na-content">
					<swiper current="{{naItem}}" bindchange="naChangeTab" style="height: 100%">
						<!-- 南岸动态 -->
						<swiper-item>
							<view wx:if="{{isNaLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
								<t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
							</view>
							<view wx:elif="{{isNaEmpty}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
								<t-empty icon="info-circle-filled" description="暂无数据" />
							</view>
							<include wx:else src="naTitleTab.wxml" />
						</swiper-item>
						<!-- 今日重庆 -->
						<swiper-item>
							<view wx:if="{{isNaLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
								<t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
							</view>
							<view wx:elif="{{isNaEmpty}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
								<t-empty icon="info-circle-filled" description="暂无数据" />
							</view>
							<include wx:else src="naTitleTab.wxml" />
						</swiper-item>
						<!-- 国务院信息 -->
						<swiper-item>
							<view wx:if="{{isNaLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
								<t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
							</view>
							<view wx:elif="{{isNaEmpty}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
								<t-empty icon="info-circle-filled" description="暂无数据" />
							</view>
							<include wx:else src="naTitleTab.wxml" />
						</swiper-item>
					</swiper>
				</view>
				<!-- 内容 -->
				<!-- 更多 -->
				<view class="na-more">
					<view style="height: 60rpx;display:flex;align-items: center;" bindtap="naMore">查看更多 >></view>
				</view>
				<!-- 更多 -->
			</view>
			<!-- 浮动 -->
		</view>
		<!-- 视频推荐 -->
		<view style="width: 100%;position:relative;margin-top: 30rpx;">
			<view style="margin-left: 20rpx;border-radius: 20rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;">
				<!-- 标题 -->
				<view style="  display: flex;justify-content: left;align-items: center;height: 60rpx;">
					<view style="display:flex;align-items:center;justify-content:center;">
						<image src="{{imgUrl}}index-video-title.png" style="height: 50rpx;width: 56rpx"></image>
					</view>
					<view class="data-center-title-font">视频推荐</view>
				</view>
				<!-- 标题 -->
				<!-- 内容 -->
				<view style="margin-top: 20rpx;">
					<view wx:if="{{isVideoLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
						<t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
					</view>
					<view wx:elif="{{isVideoEmpty}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
						<t-empty icon="info-circle-filled" description="暂无数据" />
					</view>
					<swiper style="height: 180rpx;" wx:else display-multiple-items="{{videoInfo.length >= 2 ? 2 : 1}}" current="{{0}}" autoplay="{{false}}">
						<swiper-item wx:for="{{videoInfo}}" wx:key="index" bindtap="gotoVideoDetail" data-url="{{item.shareUrl}}">
							<image wx:if="{{item.images}}" src="{{item.images}}" binderror="SPTJImgError" data-index="{{index}}" style="height:133rpx;width:308rpx" />
							<view wx:else style="height:133rpx;width:308rpx;display: flex;justify-content: center;align-items: center;color: gray;">
								<t-icon name="image-error" size="80rpx" data-name="image-error" />
							</view>
							<view style="width:308rpx;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;font-family: PingFang SC;color: #999999;text-align: left;">{{item.detailTitle}}</view>
						</swiper-item>
					</swiper>
				</view>
				<!-- 内容 -->
			</view>
		</view>
		<!-- 视频推荐 -->
		<!-- 数据中心 -->
		<view class="data-cneter" style="height: 1020rpx;width: 100%;background-color:#F5F5F5;position:relative;padding-top: 40rpx">
			<!-- 数据中心 -->
			<view class="data-center-contain">
				<!-- 标题 -->
				<view class="data-center-title" bindtap="gotoSjzx">
					<view style="display:flex;align-items:center;justify-content:center;">
						<image src="{{imgUrl}}index-data-center.png" style="height: 50rpx;width: 56rpx"></image>
					</view>
					<view class="data-center-title-font">数据中心</view>
				</view>
				<!-- 标题 -->
				<!-- 统计分析 -->
				<view class="center-analysis" style="height:272rpx;width:100%;position:relative;">
					<!-- 分析header -->
					<view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
						<image src="{{ imgUrl }}index-center-analysis-header.png" style="height: 129rpx;width:650rpx"></image>
					</view>
					<!-- 分析入口 -->
					<view class="center-analysis-enter" style="height: 129rpx;width:100%;position: absolute;bottom:114rpx" bindtap="toDataCenter">
						<view class="center-analysis-enter-font">政务服务数据统计分析</view>
						<view class="center-analysis-enter-button">
							<view class="center-analysis-enter-button-item" style="background: linear-gradient(90deg, #2FB785 0%, #2EE698 100%);">进入 ></view>
						</view>
					</view>
					<!-- 本年办件数 -->
					<view bindtap="gotoZWTJ" style="height: 172rpx;width: 100%;position:relative">
						<!-- 办件数浮动 -->
						<view style="height: 172rpx;width: 100%;position:absolute;bottom:22rpx">
							<!-- 标题 -->
							<view style="padding-left:8rpx;display:flex;align-items:center;justify-content:margin-left">
								<view class="yellow-point"></view>
								<view class="work-title-font">本年办件数</view>
							</view>
							<!-- 办件数内容 -->
							<view style="margin-top:20rpx;display:flex;justify-content: space-between;align-items:center">
								<view style="width: 210rpx;height: 120rpx;background-image: url({{imgUrl}}index-work-number.png);background-size: 100% 100%;">
									<!-- 受理数 -->
									<view style="display:flex;align-items:left;color:#FFFFFF;flex-direction:column;justify-content:center;height: 100%;padding-left:85rpx">
										<view style="font-size:19rpx">受理数</view>
										<view style="display:flex;flex-direction:row;align-items:center">
											<scroll-view scroll-x style="width: 84rpx">
												<view style="font-size:30rpx;font-weight: bold;">{{officeNumber[0]}}</view>
											</scroll-view>
											<view style="font-size: 19rpx;padding-left:5rpx">件</view>
										</view>
									</view>
								</view>
								<view style="width: 210rpx;height: 120rpx;background-image: url({{imgUrl}}index-finish-number.png);background-size: 100% 100%;">
									<!-- 受理数 -->
									<view style="display:flex;align-items:left;color:#FFFFFF;flex-direction:column;justify-content:center;height: 100%;padding-left:85rpx">
										<view style="font-size:19rpx">办结数</view>
										<view style="display:flex;flex-direction:row;align-items:center">
											<scroll-view scroll-x style="width: 84rpx">
												<view style="font-size:30rpx;font-weight: bold;">{{officeNumber[1]}}</view>
											</scroll-view>
											<view style="font-size: 19rpx;padding-left:5rpx">件</view>
										</view>
									</view>
								</view>
								<view style="width: 210rpx;height: 120rpx;background-image: url({{imgUrl}}index-request-number.png);background-size: 100% 100%;">
									<!-- 受理数 -->
									<view style="display:flex;align-items:left;color:#FFFFFF;flex-direction:column;justify-content:center;height: 100%;padding-left:85rpx">
										<view style="font-size:19rpx">网络提交</view>
										<view style="display:flex;flex-direction:row;align-items:center">
											<scroll-view scroll-x style="width: 84rpx;">
												<view style="font-size:30rpx;font-weight: bold;">{{officeNumber[2]}}</view>
											</scroll-view>
											<view style="font-size: 19rpx;padding-left:5rpx">件</view>
										</view>
									</view>
								</view>
							</view>
						</view>
						<!-- 办件数浮动 -->
					</view>
					<!-- 本年办件数 -->
					<!-- 好差评 -->
					<view bindtap="gotoZWTJ" style="margin-top:15rpx;height:300rpx;width:100%;">
						<!-- 标题 -->
						<view style="padding-left:8rpx;display:flex;align-items:center;justify-content:margin-left">
							<view class="yellow-point"></view>
							<view class="work-title-font">好差评</view>
						</view>
						<!-- 内容 -->
						<view style="display: flex;flex-wrap: wrap;justify-content: space-between;margin-top:20rpx">
							<view class="evaluate">评价我的办件</view>
							<view class="evaluate">评价窗口人员</view>
							<view class="evaluate">评价办事指南</view>
							<view class="evaluate" style="width: 316rpx;">评价服务应用</view>
							<view class="evaluate" style="width: 316rpx;">评价电子证照</view>
						</view>
						<!-- 评价量 -->
						<view style="display: flex;flex-wrap: wrap;justify-content: space-between;height: 130rpx;width: 100%">
							<!-- 评价总量 -->
							<view style="height: 100rpx;width:310rpx;display: flex;background-color:#E5F4FE;border-radius: 10px;">
								<!-- 图标 -->
								<view style="width: 100rpx;height: 100%;display: flex;align-items:center;justify-content:center">
									<image src="{{imgUrl}}index-evalution.png" style="height:64rpx;width:64rpx;"></image>
								</view>
								<!-- 数据 -->
								<view style="width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
									<view style="font-size: 19rpx;color: #999999;padding-bottom:8rpx">本年评价总量</view>
									<view style="display:flex;justify-content:left;align-items:center;color: #333333;">
										<view style="font-size: 28rpx;font-weight: bold;">{{evalutionNum}}</view>
										<view style="font-size:20rpx;padding-left:5rpx">条</view>
									</view>
								</view>
							</view>
							<!-- 满意度 -->
							<view style="height: 100rpx;width:310rpx;display: flex;background-color:#E5F4FE;border-radius: 10px;">
								<!-- 图标 -->
								<view style="width: 100rpx;height: 100%;display: flex;align-items:center;justify-content:center">
									<image src="{{imgUrl}}index-good-blud.png" style="height:64rpx;width:70rpx;"></image>
								</view>
								<!-- 数据 -->
								<view style="width: 210rpx;height: 100%;display:flex;flex-direction: column;justify-content:center">
									<view style="font-size: 19rpx;color: #999999;padding-bottom:8rpx">满意度</view>
									<view style="display:flex;justify-content:left;align-items:center;color: #333333;">
										<view style="font-size: 28rpx;font-weight: bold;">{{evalutionRate}}</view>
										<view style="font-size:20rpx;padding-left:5rpx">%</view>
									</view>
								</view>
							</view>
						</view>
						<!-- 图表 -->
						<view hidden="{{canvasImg}}" style="width: 100%;height: 300rpx;">
							<ec-canvas id="streetlinechart3" canvas-id="streetlinechart3" ec="{{ streetlinechartec }}" />
						</view>
						<image hidden="{{!canvasImg}}" src="{{canvasImg}}" style="width: 100%; height: 300rpx" />
					</view>
					<!-- 好差评 -->
				</view>
				<!-- 统计分析 -->
			</view>
			<!-- 数据中心 -->
		</view>
		<!-- 数据中心 -->
		<!-- 政民互动 -->
		<view style="width: 100%;position:relative;margin-top: 88rpx;">
			<view style="margin-left: 20rpx;border-radius: 20rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
				<!-- 标题 -->
				<view style="  display: flex;justify-content: left;align-items: center;height: 60rpx;">
					<view style="display:flex;align-items:center;justify-content:center;">
						<image src="{{imgUrl}}index-communication.png" style="height: 50rpx;width: 56rpx;"></image>
					</view>
					<view class="data-center-title-font">政民互动</view>
				</view>
				<!-- 标题 -->
				<!-- 内容 -->
				<view>
					<!-- header -->
					<view style="position:relative;height: 164rpx" bindtap="toZMHD">
						<view style="margin-top:15rpx;height: 164rpx;width:100%;display:flex;align-items:center;justify-content:center;">
							<image src="{{ imgUrl }}index-communicate-header.png" style="height: 164rpx;width:650rpx;border-radius: 10rpx;"></image>
						</view>
						<!-- 入口 -->
						<view style="height: 129rpx;width:100%;position: absolute;bottom:0rpx;">
							<view class="zmhd-title-font">与南岸政府的对话</view>
							<view style="padding-left: 38rpx;padding-top: 10rpx;">
								<view style="background: linear-gradient(90deg, #FF9B3B 0%, #FAB982 100%);" class="center-analysis-enter-button-item">
									进入 ></view>
							</view>
						</view>
					</view>
					<!-- 列表 -->
					<view style="height: 800rpx;margin-top: 18rpx;">
						<view style="display:flex">
							<view class="communicate-tab-item {{communicateTab==0?'active':''}}" bindtap="communicateChangeItem" data-item="0">
								<view style="height: 100%;display:flex;align-items:center;justify-content:center;">法规意见征集</view>
							</view>
							<view class="communicate-tab-item {{communicateTab==1?'active':''}}" bindtap="communicateChangeItem" data-item="1">
								<view style="height: 100%;display:flex;align-items:center;justify-content:center;">在线调查</view>
							</view>
						</view>
						<!-- 内容 -->
						<view style="height: 710rpx;flex: 1">
							<swiper style="height: 100%" current="{{communicateItem}}" bindchange="communicateChangeTab">
								<swiper-item>
									<scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;">
										<include src="communicateList.wxml" />
									</scroll-view>
								</swiper-item>

								<swiper-item>
									<view wx:if="{{ isOnlineLoading }}" style="position: absolute;display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;z-index: 9000;">
										<view style="display: flex;flex-direction: column;align-items: center;justify-content: center;background: #000;opacity: 0.6;width: 200rpx;height: 200rpx;border-radius: 20rpx;">
											<t-loading theme="circular" size="60rpx" layout="vertical"></t-loading>
											<view style="color: #fff;padding-top: 18rpx;font-size: 27rpx;letter-spacing: 2rpx;">加载中</view>
										</view>
									</view>
									<view wx:if="{{isOnlineFinish}}" style="position: absolute;display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;z-index: 9000;">
										<view style="display: flex;flex-direction: column;align-items: center;justify-content: center;background: #000;opacity: 0.8;width: 200rpx;height: 200rpx;border-radius: 20rpx;">
											<image src="{{imgUrl}}ali-logo-check-ok.png" style="width: 100rpx;height: 80rpx"></image>
											<view style="color: #fff;padding-top: 18rpx;font-size: 25rpx;letter-spacing: 1rpx;">已加载全部数据</view>
										</view>
									</view>
									<scroll-view scroll-y="true" bindscrolltolower="investigationScrollBottom" style="height: 100%;padding:0;margin:0;">
										<include src="investigation.wxml" />
									</scroll-view>
								</swiper-item>
							</swiper>
						</view>
					</view>
					<!-- 列表 -->

				</view>
				<!-- 内容 -->
			</view>
		</view>
		<!-- 政民互动 -->
		<!-- 弹窗 -->
		<!-- <view bindtap="closeDialog" class="mask" catchtouchmove="preventTouchMove" wx:if="{{ewmShowDialog}}"></view>
		<view class="ewm-dialog" wx:if="{{ewmShowDialog}}">
			<view>
				<image show-menu-by-longpress="{{true}}" style="width: 370rpx;height:370rpx" src="{{imgUrl + ewmUrl}}"></image>
			</view>
			<view style="color: #000000;font-size: 38rpx;font-weight: 600;padding-top: 10rpx;">长按图片关注我们</view>
			<view style="color: #000000;font-size: 38rpx;padding-top: 10rpx;">{{ewmName}}</view>
		</view> -->
		<!-- 弹窗结尾 -->
		<!-- 媒体矩阵 -->
		<view style="width: 100%;position:relative;margin-top: 40rpx;">
			<view style="margin-left: 20rpx;border-radius: 20rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
				<!-- 标题 -->
				<view style="display: flex;justify-content: left;align-items: center;height: 60rpx;">
					<view style="display:flex;align-items:center;justify-content:center;">
						<image src="{{imgUrl}}index-media.png" style="height: 50rpx;width: 56rpx"></image>
					</view>
					<view class="data-center-title-font">媒体矩阵</view>
				</view>
				<!-- 标题 -->
				<!-- 内容 -->
				<view>
					<!-- header -->
					<view bindtap="gotoMTJZ" style="position:relative;height: 129rpx">
						<view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
							<image src="{{ imgUrl }}index-media-header.png" style="height: 129rpx;width:650rpx"></image>
						</view>
						<!-- 入口 -->
						<view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
							<view class="center-analysis-enter-font">政务新媒体矩阵</view>
							<view class="center-analysis-enter-button">
								<view style="background: linear-gradient(90deg, #AF66DC 0%, #D6AAF3 100%);" class="center-analysis-enter-button-item">
									进入 ></view>
							</view>
						</view>
					</view>
					<!-- header -->
					<!-- content -->
					<view>
						<!-- 头部导航 -->
						<view class="media-swiper-tab">
							<scroll-view scroll-x="true" show-scrollbar="false" scroll-with-animation="true" scroll-left="{{navScrollLeft}}rpx" style="width: 100%;white-space: nowrap;">
								<block wx:for="{{provList}}" wx:key="i">
									<view class="media-swiper-tab-list {{mediaCurrentTab==index ? 'active' : ''}}" data-current="{{index}}" bindtap="swichNav">{{item.name}}</view>
								</block>
							</scroll-view>
						</view>
						<!-- 头部导航 -->
						<!-- 选项内容 -->
						<view style="margin-top: 25rpx">
							<swiper current="{{mediaCurrentTab}}" class="media-swiper-box" duration="300" bindchange="mediaBindChange">
								<swiper-item>
									<view wx:if="{{isNafaLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
										<t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
									</view>
									<view wx:else class="message" style="padding: 4rpx 40rpx;">
										<view wx:for="{{mediaReleaseList}}" wx:key="index" bindtap="gotoReleaseDetail" data-url="{{item.url}}" class="releaseList">
											<view style="width: 450rpx;">{{item.title}}</view>
											<image src="data:{{item.cover}}" style="width: 75rpx;height:75rpx" />
										</view>
									</view>
								</swiper-item>
								<swiper-item>
									<view style="display: flex;justify-content: flex-start;flex-wrap: wrap">
										<!-- 选项 -->
										<view wx:for="{{mediaSelectList}}" wx:for-item="item" wx:for-index="index" wx:key="index" class="{{index % 2 === 0?'media-icon-1':'media-icon-2'}}">
											<view bindtap="showLogoDialog" data-name="{{item.name}}" data-ewm="{{item.ewm}}" style="display: flex;align-items:center;justify-content:center;margin-right: 4rpx">
												<image src="{{item.img}}" style="height:44rpx;width:44rpx;"></image>
											</view>
											<view bindtap="showLogoDialog" data-name="{{item.name}}" data-ewm="{{item.ewm}}" style="display: flex;align-items:center;justify-content:center">{{item.name}}</view>
										</view>
									</view>
								</swiper-item>
								<!-- <swiper-item>
                  <view wx:for="{{mediaHeadlineList}}" wx:key="index" class="news-item" bindtap="gotoHeadlineDetail" data-url="{{item.url}}">
                    <view class="jigou">
                      <view style="background-color: #B9D9FD;display: inline-block;padding: 0px 10rpx;">{{item.officialAccount}}</view>
                    </view>
                    <view style="margin: 9rpx 0 14rpx 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">{{item.title}}</view>
                    <view class="time">{{item.createTime}}</view>
                  </view>
                </swiper-item> -->
							</swiper>
						</view>
						<!-- 选项内容 -->
					</view>
					<!-- content -->
				</view>
				<!-- 内容 -->
			</view>
		</view>
		<!-- 媒体矩阵 -->
		<!-- 南岸报 -->
		<!-- gotoNewsPaper -->
		<view style="width: 100%;position:relative;margin-top: 40rpx;" bindtap="gotoNAB">
			<view style="margin-left: 20rpx;border-radius: 20rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
				<!-- 标题 -->
				<view style="  display: flex;justify-content: left;align-items: center;height: 60rpx;">
					<view style="display:flex;align-items:center;justify-content:center;">
						<image src="{{imgUrl}}index-paper.png" style="height: 50rpx;width: 56rpx"></image>
					</view>
					<view class="data-center-title-font">南岸报</view>
				</view>
				<!-- 标题 -->
				<!-- 内容 -->
				<view>
					<!-- header -->
					<view style="position:relative;height: 129rpx">
						<view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
							<image src="{{ imgUrl }}index-paper-header.png" style="height: 129rpx;width:650rpx"></image>
						</view>
						<!-- 入口 -->
						<view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
							<view class="center-analysis-enter-font">南岸报</view>
							<view class="center-analysis-enter-button">
								<view style="background: linear-gradient(90deg, #F58661 0%, #FCAF96 100%);" class="center-analysis-enter-button-item">
									进入 ></view>
							</view>
						</view>
					</view>
					<!-- header -->
					<!-- 报 -->
					<!-- <view style="height: 790rpx;width: 100%;display: flex">
						<view style="height: 761rpx;width: 550rpx;position:relative;">
							<view style="padding: 20rpx;border: 3rpx solid #FFFFFF;box-shadow: 8rpx -5rpx 25rpx 0rpx rgba(29,29,29,0.18);top: -22rpx;position:absolute;height: 761rpx;width: 505rpx;">
								<image src="{{imgUrl}}index-paper-content-paper.png" style="height: 761rpx;width: 505rpx;"></image>
							</view>
						</view>
						<view style="height: 771rpx;width: 100rpx;position:relative;background-image: url({{imgUrl}}index-paper-page.png);background-size: 100% 100%;">
							<view style="top: 20rpx;left:20rpx;position:absolute; display: flex;flex-direction: column;width: 30rpx;color: #FFFFFF;font-size: 28rpx;">
								上一版</view>
							<view style="top: 200rpx;left:20rpx;position:absolute; display: flex;flex-direction: column;width: 30rpx;color: #FFFFFF;font-size: 28rpx;">
								下一版</view>
						</view>
					</view> -->
				</view>
				<!-- 内容 -->
			</view>
		</view>
		<!-- 南岸报 -->
		<!-- 地图服务 -->
		<view style="width: 100%;position:relative;margin-top: 40rpx;">
			<view style="margin-left: 20rpx;border-radius: 20rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
				<!-- 标题 -->
				<view style="  display: flex;justify-content: left;align-items: center;height: 60rpx;">
					<view style="display:flex;align-items:center;justify-content:center;">
						<image src="{{imgUrl}}index-map-title.png" style="height: 50rpx;width: 56rpx"></image>
					</view>
					<view class="data-center-title-font">地图服务</view>
				</view>
				<!-- 标题 -->
				<!-- 内容 -->
				<view>
					<!-- header -->
					<view style="position:relative;height: 129rpx" bindtap="gotoDTSS">
						<view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
							<image src="{{ imgUrl }}index-map-header.png" style="height: 129rpx;width:650rpx"></image>
						</view>
						<!-- 入口 -->
						<view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
							<view class="center-analysis-enter-font">地图搜索</view>
							<view class="center-analysis-enter-button">
								<view style="background: linear-gradient(90deg, #0163EA 0%, #00BEFA 100%);" class="center-analysis-enter-button-item">
									进入 ></view>
							</view>
						</view>
					</view>
					<!-- header -->
					<!-- content -->
					<view style="margin-top:28rpx;width: 100%;height: 136rpx;display:flex;flex-wrap: wrap;justify-content: space-between;">
						<!-- 按钮 -->
						<view bindtap="gotoDTSS" data-item="{{ item.name }}" wx:for="{{ mapServiceData }}" wx:for-item="item" wx:for-index="index" wx:key="index" style="height: 50rpx;width: 139rpx;background-color: #EEF5FF;display:flex;align-items:center;justify-content:center;font-size:24rpx;color: #333333;letter-spacing: 2rpx;border-radius: 10rpx;">
							{{item.name}}
						</view>
					</view>
				</view>
				<!-- 内容 -->
			</view>
		</view>
		<!-- 地图服务 -->
		<!-- 印象南岸 -->
		<view style="height: 470rpx;width: 100%;position:relative;margin-top: 40rpx;margin-bottom: 60rpx;">
			<view style="margin-left: 20rpx;border-radius: 20rpx;background-color: #ffffff;padding: 25rpx 30rpx;width: 651rpx;height: 100%;">
				<!-- 标题 -->
				<view style="  display: flex;justify-content: left;align-items: center;height: 60rpx;">
					<view style="display:flex;align-items:center;justify-content:center;">
						<image src="{{imgUrl}}index-na-title.png" style="height: 50rpx;width: 56rpx"></image>
					</view>
					<view class="data-center-title-font">印象南岸</view>
				</view>
				<!-- 标题 -->
				<!-- 内容 -->
				<view>
					<!-- header -->
					<view style="position:relative;height: 129rpx" bindtap="toYxna">
						<view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
							<image src="{{ imgUrl }}index-na-header.png" style="height: 129rpx;width:650rpx"></image>
						</view>
						<!-- 入口 -->
						<view style="height: 129rpx;width:100%;position: absolute;bottom:-30rpx;display: flex;align-items: top;">
							<view class="center-analysis-enter-font">印象南岸</view>
							<view class="center-analysis-enter-button">
								<view style="background: linear-gradient(90deg, #A28164 0%, #CBB197 100%);" class="center-analysis-enter-button-item">
									进入 ></view>
							</view>
						</view>
					</view>
					<!-- header -->
					<view style="font-size: 30rpx;font-weight: 400;color: #FFFFFF;line-height: 56rpx;text-align: center;position: relative;">
						<image src="{{imgUrl}}yxnaLine.png" style="width:653rpx;height:174rpx" />
						<view bindtap="toJfq" style="width: 136rpx;height: 56rpx;background: #996749;border-radius: 10rpx;position: absolute;top: 35rpx;">
							解放前</view>
						<view bindtap="toJfh" style="width: 232rpx;height: 56rpx;background: #A45A3A;border-radius: 10rpx;position: absolute;top: 187rpx;left: 126rpx;">
							解放后-80年代</view>
						<view bindtap="toXsj" style="width: 226rpx;height: 56rpx;background: #D17C4B;border-radius: 10rpx;position: absolute;top: 35rpx;left: 232rpx;">
							80年代-新世纪</view>
						<view bindtap="toQxn" style="width: 226rpx;height: 56rpx;background: #D6603A;border-radius: 10rpx;position: absolute;right: 9rpx;bottom: -5rpx;">
							新世纪-千禧年</view>
					</view>
				</view>
				<!-- 内容 -->
			</view>
		</view>
		<!-- 印象南岸 -->

		<!-- 底部 -->
		<view style="height: 150rpx">
		</view>
	</scroll-view>



</view>