nazw/nnzwminiapp/pages/publics/index/index.wxml

<!--pages/publics/publics.wxml-->
<wxs module="filter" src="./util.wxs"></wxs>
<view style="background-color: #F5F5F5">
	<scroll-view style="height: {{scroll_height}}rpx;" scroll-y="true">
		<!-- 顶部栏 -->
		<view class="top">
			<image src="{{imgUrl}}topbg.webp" style="width: 100%;height:519rpx"></image>
			<image src="{{imgUrl}}publicLogo.png" class="top-logo" style="top: {{navHeight}}rpx"></image>
			<!-- <view class="top-serach">
        <view class="search-input">
          <input style="height: 72rpx;" placeholder="请在此输入关键字" />
        </view>
        <button class="search-button">
          <image src="{{imgUrl}}search.png"></image>
        </button>
      </view> -->
		</view>
		<!-- 区政府领导 -->
		<view class="learder">
			<view style="display:flex" class="content-top">
				<view class="content-line"></view>
				<view class="content-title">区政府领导</view>
				<view class="content-more" bindtap="gotoLeaderDetail">查看更多 >></view>
			</view>
			<view wx:if="{{isZFLDLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
				<t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
			</view>
			<swiper wx:if="{{!isZFLDLoading}}" display-multiple-items="3" autoplay="{{false}}" style="padding: 0 20rpx;height: 290rpx" next-margin="40rpx" snap-to-edge="{{true}}">
				<block wx:for="{{leaderList}}" wx:key="*this">
					<swiper-item>
						<image bindtap="gotoLeaderInfo" data-item="{{item}}" style="width: 198rpx;height:247rpx; background:linear-gradient(#3692c4 0%,#FFFFFF 100%)" src="{{item.DOCPUBURL}}{{item.LDTX[0].APPFILE}}"></image>
						<view style="display: flex;align-items: center;white-space: nowrap;width: 200rpx;">
							<view class="swiper-name">{{item.CHNLIDNAME}}</view>
							<view class="swiper-item">{{item.DRZW}}</view>
						</view>
					</swiper-item>
				</block>
			</swiper>
		</view>
		<!-- 政府信息公开 -->
		<view>
			<view style="display:flex" class="content-top">
				<view class="content-line"></view>
				<view class="content-title">政府信息公开</view>
				<view class="content-more" bindtap="goToGovernment">查看更多 >></view>
			</view>
			<view style="padding: 0 40rpx;display: flex;justify-content:space-between;flex-wrap: wrap;">
				<view bindtap="goToGovernment" data-index="{{index}}" wx:for="{{governmentInfoList}}" wx:key="index" style="position: relative;padding: 10rpx 0;">
			    <image src="{{imgUrl}}{{item.pic}}" style="width: 326rpx;height: 157rpx;" />
					<view style="font-size: 24rpx;position: absolute;top: 67rpx;left: 8rpx;">{{item.title}}</view>
				</view>
			</view>
		</view>
		<!-- 基层政务公开 -->
		<view style="margin-bottom: 20rpx;">
			<view style="display:flex" class="content-top">
				<view class="content-line"></view>
				<view class="content-title">基层政务公开</view>
				<view class="content-more" bindtap="goToBaseAffairs">查看更多 >></view>
			</view>
			<view style="padding: 0 8rpx 20rpx 8rpx;background-color: #ffffff;width: 690rpx;margin-left: 30rpx;display: flex;flex-wrap:wrap;justify-content: space-between;">
				<view data-item="{{index}}" bindtap="goToBaseAffairsDetail" wx:for="{{baseList}}" wx:for-index="index" wx:for-item="item" wx:key="index" style="position: relative;margin-top: 60rpx;color: #ffffff;font-size: 32rpx;width: 207rpx;height: 94rpx;background-color: #889FFF;border-radius: 8rpx;border: 1rpx solid #4547FF;display: flex;align-items: center;justify-content: center;">
					<view data-item="{{index}}" style="position: absolute;top: -40rpx;width: 65rpx;height: 65rpx;">
						<image data-item="{{index}}" style="width: 65rpx;height: 65rpx;" src="{{imgUrl + item.pic}}" mode="" />
					</view>
					<view style="padding-top: 4rpx;">
						{{item.name}}
					</view>
				</view>
			</view>
		</view>
		<!-- 政策文件 -->
		<view style="height: 570rpx;">
			<view style="display:flex" class="content-top">
				<view class="content-line"></view>
				<view class="content-title">政策文件</view>
				<view class="content-more" bindtap="goToFileList">查看更多 >></view>
			</view>
			<view style="margin-top: 5rpx;width: 690rpx;margin-left: 30rpx;box-shadow: 0px -2px 5px 0px rgba(153,153,153,0.17);">
				<view style="height: 66rpx;display: flex;background-color: #ffffff;">
					<!-- 规范文件 -->
					<view style="position: relative;margin-left: 57rpx;" class="tab-item {{fileTab==0?'active':''}}" bindtap="clickFileTab" data-item="0">
						<view wx:if="{{ fileTab==0 }}" 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;color: #333333;">规范文件</view>
					</view>
					<!-- 其他文件 -->
					<view style="position: relative;margin-left: 70rpx;" class="tab-item {{fileTab==1?'active':''}}" bindtap="clickFileTab" data-item="1">
						<view wx:if="{{ fileTab==1 }}" 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;color: #333333;">其他文件</view>
					</view>
					<!-- 废止和失效文件 -->
					<view style="position: relative;margin-left: 70rpx;" class="tab-item {{fileTab==2?'active':''}}" bindtap="clickFileTab" data-item="2">
						<view wx:if="{{ fileTab==2 }}" 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;color: #333333;">废止和失效文件</view>
					</view>
				</view>
				<view style="height: 420rpx;">
					<swiper duration="200" current="{{fileItem}}" bindchange="changeFileTab" style="height: 100%">
						<swiper-item>
							<scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;">
								<view wx:if="{{isZCWJLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
									<t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
								</view>
								<include wx:else src="file.wxml" />
							</scroll-view>
						</swiper-item>
						<swiper-item>
							<scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;">
								<view wx:if="{{isZCWJLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
									<t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
								</view>
								<include wx:else src="file.wxml" />
							</scroll-view>
						</swiper-item>
						<swiper-item>
							<scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;">
								<view wx:if="{{isZCWJLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
									<t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
								</view>
								<include wx:else src="file.wxml" />
							</scroll-view>
						</swiper-item>
					</swiper>
				</view>
			</view>

		</view>
		<!-- 政策解读 -->
		<view style="margin-top: 20rpx;">
			<view style="display:flex" class="content-top">
				<view class="content-line"></view>
				<view class="content-title">政策解读</view>
				<view class="content-more" bindtap="gotoInterpretation">查看更多 >></view>
			</view>
			<view class="policy-interpretation">
				<view style="display: flex;justify-content: center;">
					<view class="navigate-item" id="item{{index}}" wx:for="{{policyInterpretation}}" wx:key="index" data-index="{{index}}" bindtap="tabNav">
						<view class="names">{{item.name}}</view>
						<view class="currtline {{currentTab === index ? 'active' : ''}}" wx:if="{{currentTab === index}}"></view>
						<view wx:if="{{ currentTab === index }}" style="position: absolute;width: 0;height: 0;border-left: 10rpx solid transparent;border-right: 10rpx solid transparent;border-top: 10rpx solid #508FF4;bottom: -5rpx;left: 45rpx;" />
					</view>
				</view>
				<swiper current="{{currentTab}}" bindchange="handleSwiper" autoplay="{{false}}" style="padding: 0 10px;margin-top: 10rpx;height: 320rpx;">
					<!-- 文字解读 -->
					<swiper-item>
						<view wx:if="{{isZCJDLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
							<t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
						</view>
						<view wx:if="{{!isZCJDLoading}}" bindtap="gotoZCJDDetail" data-docid="{{item.DOCID}}" data-channelid="{{item.CHNLID}}" wx:key="index" wx:for="{{textInterpretationList}}" style="display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;height: 107rpx;font-size: 28rpx;color: #666666;width: 639rpx;margin-left: 23rpx;border-bottom: 2rpx solid #CCCCCC;">
							<view class="limit-text-1" style="width: 500rpx">{{item.DOCTITLE}}</view>
							<view>{{filter.formateDate(item.DOCRELTIME)}}</view>
						</view>
					</swiper-item>
					<!-- 图片解读 -->
					<swiper-item>
						<view wx:if="{{isZCJDLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
							<t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
						</view>
						<view wx:if="{{!isZCJDLoading}}" style="display: flex;justify-content: space-between;">
							<view style="width: 327rpx;" bindtap="gotoZCJDDetailByDocId" data-url="{{item.DOCPUBURL}}" data-docid="{{item.DOCID}}" data-channelid="{{item.CHNLID}}" wx:for="{{pictureInterpretationList}}" wx:key="index">
								<!-- <image src="{{item.logoImg}}" style="width: 327rpx;height: 185rpx;"></image> -->
								<view style="width: 327rpx;height: 185rpx;background-image: url({{item.logoImg}});background-size:cover;"></view>
								<view class="limit-text-3" style="font-size: 20rpx;font-family: PingFang SC;color: #666666;">{{item.DOCTITLE}}</view>
							</view>
						</view>
					</swiper-item>
					<!-- 视频解读 -->
					<swiper-item>
						<!-- <view style="display: flex;align-items: center;justify-content: center;">
							<view style="height: 30%;width: 30%;">
								<t-empty icon="info-circle-filled" description="暂无数据" />
							</view>
						</view> -->
						<view wx:if="{{isZCJDLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
              <t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
            </view>
            <view wx:if="{{!isZCJDLoading}}" style="display: flex;justify-content: space-between;">
              <view style="width: 327rpx;" bindtap="gotoZCJDDetail" data-docid = "{{item.DOCID}}" data-channelid="{{item.CHNLID}}" wx:for="{{videoInterpretationList}}" wx:key="index">
                <view style="width: 327rpx;height: 185rpx;background-image: url({{item.logoImg}});background-size:cover;"></view>
                <view style="font-size: 20rpx;font-family: PingFang SC;color: #666666;">{{item.DOCTITLE}}</view>
              </view>
            </view> 
					</swiper-item>
					<!-- 媒体解读 -->
					<swiper-item>
						<!-- <view style="display: flex;align-items: center;justify-content: center;">
							<view style="height: 30%;width: 30%;">
								<t-empty icon="info-circle-filled" description="暂无数据" />
							</view>
						</view> -->
						<view wx:if="{{isZCJDLoading}}" style="display: flex;justify-content: center;align-items: center;height: 100%;">
              <t-loading theme="spinner" size="64rpx" text="加载中..." inheritColor></t-loading>
            </view>
            <view wx:if="{{!isZCJDLoading}}" bindtap="gotoZCJDDetail" data-docid = "{{item.DOCID}}" data-channelid="{{item.CHNLID}}" wx:key="index" wx:for="{{mediaInterpretationList}}" style="display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;height: 107rpx;font-size: 28rpx;color: #666666;width: 639rpx;margin-left: 23rpx;border-bottom: 2rpx solid #CCCCCC;">
              <view class="limit-text-1" style="width: 500rpx">{{item.DOCTITLE}}</view>
              <view>{{filter.formateDate(item.DOCRELTIME)}}</view>
            </view>
					</swiper-item>
				</swiper>
			</view>
		</view>
		<!-- 政务专题 -->
		<view>
			<view style="display:flex" class="content-top">
				<view class="content-line"></view>
				<view class="content-title">政务专题</view>
				<view class="content-more" bindtap="goToZWZT">查看更多 >></view>
			</view>
			<swiper display-multiple-items="2" autoplay="{{false}}" style="padding: 0 10px;height: 400rpx;;">
				<block wx:for="{{topics}}" wx:key="*this">
					<swiper-item>
						<image src="{{item.pic}}" data-title="{{ item.title }}" bindtap="gotoZWDetail" data-url="{{item.url}}" style="width: 327rpx;height: 227rpx;border-radius: 12rpx;"></image>
					</swiper-item>
				</block>
			</swiper>
		</view>
	</scroll-view>
</view>