|
@@ -1,17 +1,17 @@
|
|
|
<!--pages/publics/publics.wxml-->
|
|
|
<view style=" background-color:#F5F5F5;">
|
|
|
-<scroll-view style="height: 1549rpx;" scroll-y="true">
|
|
|
- <view class="top">
|
|
|
- <image src="{{imgUrl}}index-bg.png" style="width:100%;height:409rpx"></image>
|
|
|
- <image src="{{imgUrl}}toplogo.png" class="top-logo" style="top: {{navHeight}}rpx"></image>
|
|
|
- </view>
|
|
|
+ <scroll-view style="height: 1549rpx;" scroll-y="true">
|
|
|
+ <view class="top">
|
|
|
+ <image src="{{imgUrl}}index-bg.png" style="width:100%;height:409rpx"></image>
|
|
|
+ <image src="{{imgUrl}}toplogo.png" class="top-logo" style="top: {{navHeight}}rpx"></image>
|
|
|
+ </view>
|
|
|
|
|
|
- <!-- 内容1 -->
|
|
|
- <view class="content-search" style="height:648rpx;width:100%;background-color:#F5F5F5;position:relative">
|
|
|
- <!-- 内容top -->
|
|
|
- <view class="content-search-tab" style="height: 648rpx;">
|
|
|
- <!-- 搜索 -->
|
|
|
- <!-- <view style="width:650rpx;height:60rpx">
|
|
|
+ <!-- 内容1 -->
|
|
|
+ <view class="content-search" style="height:588rpx;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>
|
|
@@ -19,614 +19,612 @@
|
|
|
<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>
|
|
|
+ <!-- 服务内容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 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>
|
|
|
+ <!-- 服务内容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>{{ 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" class="people-content-item {{ item.top?'top':'' }}">
|
|
|
- <image wx:if="{{ item.top }}" src="{{imgUrl}}index-top-fire.png" style="height: 24rpx;width: 20rpx"></image>
|
|
|
- <view>{{ item.name }}</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" class="people-content-item {{ item.top?'top':'' }}">
|
|
|
+ <image wx:if="{{ item.top }}" src="{{imgUrl}}index-top-fire.png" style="height: 24rpx;width: 20rpx"></image>
|
|
|
+ <view>{{ item.name }}</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <!-- 百姓聚焦 -->
|
|
|
</view>
|
|
|
- <!-- 百姓聚焦 -->
|
|
|
+ <!-- 内容top -->
|
|
|
</view>
|
|
|
- <!-- 内容top -->
|
|
|
- </view>
|
|
|
|
|
|
- <!-- 三会一聚 -->
|
|
|
- <view class="three" style="height:200rpx;width:100%;padding-left:15rpx;background-color: #F5F5F5;">
|
|
|
- <swiper current="{{lun}}" autoplay="{{true}}" interval="3000" indicator-dots="{{true}}" style="height: 100%;width: 720rpx">
|
|
|
- <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-item>
|
|
|
- <image src="{{imgUrl}}index-video-banner.png" style="height:163rpx;width:100%"></image>
|
|
|
- </swiper-item>
|
|
|
- </swiper>
|
|
|
- </view>
|
|
|
+ <!-- 三会一聚 -->
|
|
|
+ <view class="three" style="height:200rpx;width:100%;padding-left:15rpx;background-color: #F5F5F5;">
|
|
|
+ <swiper current="{{lun}}" autoplay="{{true}}" interval="3000" indicator-dots="{{true}}" style="height: 100%;width: 720rpx">
|
|
|
+ <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-item>
|
|
|
+ <image src="{{imgUrl}}index-video-banner.png" style="height:163rpx;width:100%"></image>
|
|
|
+ </swiper-item>
|
|
|
+ </swiper>
|
|
|
+ </view>
|
|
|
|
|
|
- <!-- 南岸咨询 -->
|
|
|
- <view class="content-na" style="height:502rpx;width:100%;background-color:#F5F5F5;position:relative">
|
|
|
- <!-- 浮动 -->
|
|
|
- <view class="content-na-tab" style="height: 482rpx;">
|
|
|
- <!-- 标题 -->
|
|
|
- <view class="na-title">
|
|
|
- <!-- 南岸咨询 -->
|
|
|
- <view class="tab-item {{naTab==0?'active':''}}" bindtap="naChangeItem" data-item="0">
|
|
|
- <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="naChangeItem" data-item="1">
|
|
|
- <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 {{naTab==2?'active':''}}" bindtap="naChangeItem" data-item="2">
|
|
|
- <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 class="content-na" style="height:502rpx;width:100%;background-color:#F5F5F5;position:relative">
|
|
|
+ <!-- 浮动 -->
|
|
|
+ <view class="content-na-tab" style="height: 482rpx;">
|
|
|
+ <!-- 标题 -->
|
|
|
+ <view class="na-title">
|
|
|
+ <!-- 南岸动态 -->
|
|
|
+ <view class="tab-item {{naTab==0?'active':''}}" bindtap="naChangeItem" data-item="0">
|
|
|
+ <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 style="height:50rpx;padding-left:10rpx">国务院信息</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 标题 -->
|
|
|
- <!-- 内容 -->
|
|
|
- <view class="na-content">
|
|
|
- <swiper current="{{naItem}}" bindchange="naChangeTab" style="height: 100%">
|
|
|
- <!-- 南岸咨询 -->
|
|
|
- <swiper-item>
|
|
|
- <include src="naTitleTab.wxml" />
|
|
|
- </swiper-item>
|
|
|
<!-- 今日重庆 -->
|
|
|
- <swiper-item>
|
|
|
- <include src="naTitleTab.wxml" />
|
|
|
- </swiper-item>
|
|
|
+ <view class="tab-item {{naTab==1?'active':''}}" bindtap="naChangeItem" data-item="1">
|
|
|
+ <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>
|
|
|
<!-- 国务院信息 -->
|
|
|
- <swiper-item>
|
|
|
- <include src="naTitleTab.wxml" />
|
|
|
- </swiper-item>
|
|
|
- </swiper>
|
|
|
- </view>
|
|
|
- <!-- 内容 -->
|
|
|
- <!-- 更多 -->
|
|
|
- <view class="na-more" style="height: 50rpx;">
|
|
|
- <view style="height: 50rpx;display:flex;align-items: center;" bindtap="naMore">查看更多 >></view>
|
|
|
+ <view class="tab-item {{naTab==2?'active':''}}" bindtap="naChangeItem" data-item="2">
|
|
|
+ <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>
|
|
|
+ <include src="naTitleTab.wxml" />
|
|
|
+ </swiper-item>
|
|
|
+ <!-- 今日重庆 -->
|
|
|
+ <swiper-item>
|
|
|
+ <include src="naTitleTab.wxml" />
|
|
|
+ </swiper-item>
|
|
|
+ <!-- 国务院信息 -->
|
|
|
+ <swiper-item>
|
|
|
+ <include src="naTitleTab.wxml" />
|
|
|
+ </swiper-item>
|
|
|
+ </swiper>
|
|
|
+ </view>
|
|
|
+ <!-- 内容 -->
|
|
|
+ <!-- 更多 -->
|
|
|
+ <view class="na-more" style="height: 50rpx;">
|
|
|
+ <view style="height: 50rpx;display:flex;align-items: center;" bindtap="naMore">查看更多 >></view>
|
|
|
+ </view>
|
|
|
+ <!-- 更多 -->
|
|
|
</view>
|
|
|
- <!-- 更多 -->
|
|
|
+ <!-- 浮动 -->
|
|
|
</view>
|
|
|
- <!-- 浮动 -->
|
|
|
- </view>
|
|
|
- <!-- 南岸咨询 -->
|
|
|
+ <!-- 南岸咨询 -->
|
|
|
|
|
|
- <!-- 数据中心 -->
|
|
|
- <view class="data-cneter" style="height: 1129rpx;width: 100%;background-color:#F5F5F5;position:relative;padding-top: 30rpx">
|
|
|
<!-- 数据中心 -->
|
|
|
- <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;" bindtap="gotoZWTJ">
|
|
|
- <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 class="data-cneter" style="height: 1129rpx;width: 100%;background-color:#F5F5F5;position:relative;padding-top: 30rpx">
|
|
|
+ <!-- 数据中心 -->
|
|
|
+ <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;" bindtap="gotoZWTJ">
|
|
|
+ <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>
|
|
|
- <!-- 本年办件数 -->
|
|
|
- <view 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:28rpx;font-weight: bold;">{{officeNumber[0]}}</view>
|
|
|
- </scroll-view>
|
|
|
- <view style="font-size: 19rpx;padding-left:5rpx">件</view>
|
|
|
+ <!-- 本年办件数 -->
|
|
|
+ <view 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:28rpx;font-weight: bold;">{{officeNumber[0]}}</view>
|
|
|
+ </scroll-view>
|
|
|
+ <view style="font-size: 19rpx;padding-left:5rpx">件</view>
|
|
|
+ </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:28rpx;font-weight: bold;">{{officeNumber[1]}}</view>
|
|
|
- </scroll-view>
|
|
|
- <view style="font-size: 19rpx;padding-left:5rpx">件</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:28rpx;font-weight: bold;">{{officeNumber[1]}}</view>
|
|
|
+ </scroll-view>
|
|
|
+ <view style="font-size: 19rpx;padding-left:5rpx">件</view>
|
|
|
+ </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:28rpx;font-weight: bold;">{{officeNumber[2]}}</view>
|
|
|
- </scroll-view>
|
|
|
- <view style="font-size: 19rpx;padding-left:5rpx">件</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:28rpx;font-weight: bold;">{{officeNumber[2]}}</view>
|
|
|
+ </scroll-view>
|
|
|
+ <view style="font-size: 19rpx;padding-left:5rpx">件</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <!-- 办件数浮动 -->
|
|
|
</view>
|
|
|
- <!-- 办件数浮动 -->
|
|
|
- </view>
|
|
|
- <!-- 本年办件数 -->
|
|
|
- <!-- 好差评 -->
|
|
|
- <view 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: 26rpx;font-weight: bold;">{{evalutionNum}}</view>
|
|
|
- <view style="font-size:20rpx;padding-left:5rpx">条</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <!-- 本年办件数 -->
|
|
|
+ <!-- 好差评 -->
|
|
|
+ <view 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="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 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: 26rpx;font-weight: bold;">{{evalutionNum}}</view>
|
|
|
+ <view style="font-size:20rpx;padding-left:5rpx">条</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</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: 26rpx;font-weight: bold;">{{evalutionRate}}</view>
|
|
|
- <view style="font-size:20rpx;padding-left:5rpx">%</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: 26rpx;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: 600rpx;">
|
|
|
+ <ec-canvas id="streetlinechart3" canvas-id="streetlinechart3" ec="{{ streetlinechartec }}" />
|
|
|
+ </view>
|
|
|
+ <image hidden="{{!canvasImg}}" src="{{canvasImg}}" style="width: 100%; height: 400rpx" />
|
|
|
</view>
|
|
|
- <!-- 图表 -->
|
|
|
- <view hidden="{{canvasImg}}" style="width: 100%;height: 600rpx;">
|
|
|
- <ec-canvas id="streetlinechart3" canvas-id="streetlinechart3" ec="{{ streetlinechartec }}" />
|
|
|
- </view>
|
|
|
- <image hidden="{{!canvasImg}}" src="{{canvasImg}}" style="width: 100%; height: 400rpx" />
|
|
|
+ <!-- 好差评 -->
|
|
|
</view>
|
|
|
- <!-- 好差评 -->
|
|
|
+ <!-- 统计分析 -->
|
|
|
</view>
|
|
|
- <!-- 统计分析 -->
|
|
|
+ <!-- 数据中心 -->
|
|
|
</view>
|
|
|
<!-- 数据中心 -->
|
|
|
- </view>
|
|
|
- <!-- 数据中心 -->
|
|
|
- <!-- 政民互动 -->
|
|
|
- <view style="height: 1710rpx;width: 100%;position:relative;margin-top: 80rpx;">
|
|
|
- <view style="margin-left: 20rpx;border-radius: 10rpx;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: 129rpx">
|
|
|
- <view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
|
|
|
- <image src="{{ imgUrl }}index-communicate-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, #30A2F3 0%, #69BCFA 100%);" bindtap="toList"
|
|
|
- class="center-analysis-enter-button-item">
|
|
|
- 进入 ></view>
|
|
|
+ <!-- 政民互动 -->
|
|
|
+ <view style="height: 1710rpx;width: 100%;position:relative;margin-top: 80rpx;">
|
|
|
+ <view style="margin-left: 20rpx;border-radius: 10rpx;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: 129rpx">
|
|
|
+ <view style="margin-top:15rpx;height: 129rpx;width:100%;display:flex;align-items:center;justify-content:center;">
|
|
|
+ <image src="{{ imgUrl }}index-communicate-header.png" style="height: 129rpx;width:650rpx"></image>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- header -->
|
|
|
- <view style="width: 100%;margin-top:10rpx;height: 150rpx;background: #E5F3FF;border-radius: 10rpx;display:flex;">
|
|
|
- <view style="width: 429rpx;height: 100%;padding-left:30rpx;display:flex;flex-direction:column;justify-content:center" bindtap="toList">
|
|
|
- <view style="color: #333333;font-weight: 500;font-size: 28rpx;">常见问题咨询</view>
|
|
|
- <view style="padding-top:10rpx;color: #999999;font-weight: 500;font-size: 22rpx;">基本问题 都在这里</view>
|
|
|
- </view>
|
|
|
- <view style="width: 171rpx;height: 100%;display:flex;align-items:center;justify-content:center">
|
|
|
- <image src="{{imgUrl}}index-good-communicate.png" style="height: 100rpx;width:105rpx;"></image>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 常见问题over -->
|
|
|
- <view style="height: 340rpx;padding: 20rpx 0rpx;display:flex;justify-content:space-between;flex-wrap: wrap">
|
|
|
- <!-- 1 -->
|
|
|
- <view style="height: 150rpx;width:315rpx;background-color:#FEEEEC;border-radius:10rpx;display:flex;align-items:center">
|
|
|
- <view style="padding-left:30rpx;display:flex;flex-direction:column">
|
|
|
- <view style="color: #333333;font-size:28rpx">在线访谈</view>
|
|
|
- <view style="color: #999999;font-size:22rpx;padding-top:5rpx">在民众在线交流</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, #30A2F3 0%, #69BCFA 100%);" bindtap="toList" class="center-analysis-enter-button-item">
|
|
|
+ 进入 ></view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!-- 2 -->
|
|
|
- <view style="height: 150rpx;width:315rpx;background-color:#ECF2FE;border-radius:10rpx;display:flex;align-items:center" bindtap="toLeaveMessage">
|
|
|
- <view style="padding-left:30rpx;display:flex;flex-direction:column">
|
|
|
- <view style="color: #333333;font-size:28rpx">我要留言</view>
|
|
|
- <view style="color: #999999;font-size:22rpx;padding-top:5rpx">有什么想说的?畅所欲言</view>
|
|
|
+ <!-- header -->
|
|
|
+ <view style="width: 100%;margin-top:10rpx;height: 150rpx;background: #E5F3FF;border-radius: 10rpx;display:flex;">
|
|
|
+ <view style="width: 429rpx;height: 100%;padding-left:30rpx;display:flex;flex-direction:column;justify-content:center" bindtap="toList">
|
|
|
+ <view style="color: #333333;font-weight: 500;font-size: 28rpx;">常见问题咨询</view>
|
|
|
+ <view style="padding-top:10rpx;color: #999999;font-weight: 500;font-size: 22rpx;">基本问题 都在这里</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <!-- 3 -->
|
|
|
- <view style="height: 150rpx;width:315rpx;background-color:#E5FFF9;border-radius:10rpx;display:flex;align-items:center">
|
|
|
- <view style="padding-left:30rpx;display:flex;flex-direction:column">
|
|
|
- <view style="color: #333333;font-size:28rpx">12345热线</view>
|
|
|
- <view style="color: #999999;font-size:22rpx;padding-top:5rpx">政务服务便民热线</view>
|
|
|
+ <view style="width: 171rpx;height: 100%;display:flex;align-items:center;justify-content:center">
|
|
|
+ <image src="{{imgUrl}}index-good-communicate.png" style="height: 100rpx;width:105rpx;"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!-- 4 -->
|
|
|
- <view style="height: 150rpx;width:315rpx;background-color:#FCF6E2;border-radius:10rpx;display:flex;align-items:center">
|
|
|
- <view style="padding-left:30rpx;display:flex;flex-direction:column">
|
|
|
- <view style="color: #333333;font-size:28rpx">投诉建议</view>
|
|
|
- <view style="color: #999999;font-size:22rpx;padding-top:5rpx">欢迎您反映问题</view>
|
|
|
+ <!-- 常见问题over -->
|
|
|
+ <view style="height: 340rpx;padding: 20rpx 0rpx;display:flex;justify-content:space-between;flex-wrap: wrap">
|
|
|
+ <!-- 1 -->
|
|
|
+ <view style="height: 150rpx;width:315rpx;background-color:#FEEEEC;border-radius:10rpx;display:flex;align-items:center">
|
|
|
+ <view style="padding-left:30rpx;display:flex;flex-direction:column">
|
|
|
+ <view style="color: #333333;font-size:28rpx">在线访谈</view>
|
|
|
+ <view style="color: #999999;font-size:22rpx;padding-top:5rpx">在民众在线交流</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 2 -->
|
|
|
+ <view style="height: 150rpx;width:315rpx;background-color:#ECF2FE;border-radius:10rpx;display:flex;align-items:center" bindtap="toLeaveMessage">
|
|
|
+ <view style="padding-left:30rpx;display:flex;flex-direction:column">
|
|
|
+ <view style="color: #333333;font-size:28rpx">我要留言</view>
|
|
|
+ <view style="color: #999999;font-size:22rpx;padding-top:5rpx">有什么想说的?畅所欲言</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 3 -->
|
|
|
+ <view style="height: 150rpx;width:315rpx;background-color:#E5FFF9;border-radius:10rpx;display:flex;align-items:center">
|
|
|
+ <view style="padding-left:30rpx;display:flex;flex-direction:column">
|
|
|
+ <view style="color: #333333;font-size:28rpx">12345热线</view>
|
|
|
+ <view style="color: #999999;font-size:22rpx;padding-top:5rpx">政务服务便民热线</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 4 -->
|
|
|
+ <view style="height: 150rpx;width:315rpx;background-color:#FCF6E2;border-radius:10rpx;display:flex;align-items:center">
|
|
|
+ <view style="padding-left:30rpx;display:flex;flex-direction:column">
|
|
|
+ <view style="color: #333333;font-size:28rpx">投诉建议</view>
|
|
|
+ <view style="color: #999999;font-size:22rpx;padding-top:5rpx">欢迎您反映问题</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <!-- 交流访谈over -->
|
|
|
- <!-- 智能问答 -->
|
|
|
- <view style="height: 200rpx;width:100%" bindtap="gotoZlwd">
|
|
|
- <view style="height: 183rpx;width:100%;background-image: url({{imgUrl}}index-smart-question.png);;background-size: 100% 100%;">
|
|
|
- <view style="padding-left:35rpx;height:100%;display:flex;flex-direction:column;justify-content:center">
|
|
|
- <view style="color: #FFFFFF;font-size:32rpx;padding-bottom:15rpx;letter-spacing:4rpx">智能问答</view>
|
|
|
- <view style="font-size: 24rpx;width:80rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background-color:#7FC5F8;color: #FFFFFF;border-radius: 20rpx;">
|
|
|
- 进入 ></view>
|
|
|
+ <!-- 交流访谈over -->
|
|
|
+ <!-- 智能问答 -->
|
|
|
+ <view style="height: 200rpx;width:100%" bindtap="gotoZlwd">
|
|
|
+ <view style="height: 183rpx;width:100%;background-image: url({{imgUrl}}index-smart-question.png);;background-size: 100% 100%;">
|
|
|
+ <view style="padding-left:35rpx;height:100%;display:flex;flex-direction:column;justify-content:center">
|
|
|
+ <view style="color: #FFFFFF;font-size:32rpx;padding-bottom:15rpx;letter-spacing:4rpx">智能问答</view>
|
|
|
+ <view style="font-size: 24rpx;width:80rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background-color:#7FC5F8;color: #FFFFFF;border-radius: 20rpx;">
|
|
|
+ 进入 ></view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <!-- 智能问答 -->
|
|
|
- <!-- 列表 -->
|
|
|
- <view style="height: 800rpx">
|
|
|
- <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: 680rpx;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>
|
|
|
+ <!-- 智能问答 -->
|
|
|
+ <!-- 列表 -->
|
|
|
+ <view style="height: 800rpx">
|
|
|
+ <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: 680rpx;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>
|
|
|
- <scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;">
|
|
|
- <include src="communicateList.wxml" />
|
|
|
- </scroll-view>
|
|
|
- </swiper-item>
|
|
|
- </swiper>
|
|
|
+ <swiper-item>
|
|
|
+ <scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;">
|
|
|
+ <include src="communicateList.wxml" />
|
|
|
+ </scroll-view>
|
|
|
+ </swiper-item>
|
|
|
+ </swiper>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <!-- 列表 -->
|
|
|
+ <!-- 列表 -->
|
|
|
|
|
|
- </view>
|
|
|
- <!-- 内容 -->
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 政民互动 -->
|
|
|
- <!-- 媒体矩阵 -->
|
|
|
- <view style="height: 809rpx;width: 100%;position:relative;margin-top: 80rpx;">
|
|
|
- <view style="margin-left: 20rpx;border-radius: 10rpx;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 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 bindtap="gotoMTJZ" style="background: linear-gradient(90deg, #AF66DC 0%, #D6AAF3 100%);"
|
|
|
- class="center-analysis-enter-button-item">
|
|
|
- 进入 ></view>
|
|
|
+ </view>
|
|
|
+ <!-- 政民互动 -->
|
|
|
+ <!-- 媒体矩阵 -->
|
|
|
+ <view style="height: 809rpx;width: 100%;position:relative;margin-top: 80rpx;">
|
|
|
+ <view style="margin-left: 20rpx;border-radius: 10rpx;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 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 bindtap="gotoMTJZ" style="background: linear-gradient(90deg, #AF66DC 0%, #D6AAF3 100%);" class="center-analysis-enter-button-item">
|
|
|
+ 进入 ></view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <!-- header -->
|
|
|
- <!-- content -->
|
|
|
- <view style="height: 700rpx;width: 100%;">
|
|
|
- <!-- 头部导航 -->
|
|
|
- <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">
|
|
|
- <block wx:for="{{provList}}" wx:for-item="city" wx:key="n">
|
|
|
- <swiper-item>
|
|
|
- <scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;">
|
|
|
- <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 style="display: flex;align-items:center;justify-content:center;margin-right: 4rpx">
|
|
|
- <image src="{{item.img}}" style="height:44rpx;width:44rpx;"></image>
|
|
|
+ <!-- header -->
|
|
|
+ <!-- content -->
|
|
|
+ <view style="height: 700rpx;width: 100%;">
|
|
|
+ <!-- 头部导航 -->
|
|
|
+ <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">
|
|
|
+ <block wx:for="{{provList}}" wx:for-item="city" wx:key="n">
|
|
|
+ <swiper-item>
|
|
|
+ <scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;">
|
|
|
+ <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 style="display: flex;align-items:center;justify-content:center;margin-right: 4rpx">
|
|
|
+ <image src="{{item.img}}" style="height:44rpx;width:44rpx;"></image>
|
|
|
+ </view>
|
|
|
+ <view style="display: flex;align-items:center;justify-content:center">{{item.name}}</view>
|
|
|
</view>
|
|
|
- <view style="display: flex;align-items:center;justify-content:center">{{item.name}}</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </scroll-view>
|
|
|
- </swiper-item>
|
|
|
- </block>
|
|
|
- </swiper>
|
|
|
+ </scroll-view>
|
|
|
+ </swiper-item>
|
|
|
+ </block>
|
|
|
+ </swiper>
|
|
|
+ </view>
|
|
|
+ <!-- 选项内容 -->
|
|
|
</view>
|
|
|
- <!-- 选项内容 -->
|
|
|
+ <!-- content -->
|
|
|
</view>
|
|
|
- <!-- content -->
|
|
|
+ <!-- 内容 -->
|
|
|
</view>
|
|
|
- <!-- 内容 -->
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <!-- 媒体矩阵 -->
|
|
|
- <!-- 南岸报 -->
|
|
|
- <view style="height: 990rpx;width: 100%;position:relative;margin-top: 80rpx;" bindtap="gotoNewsPaper">
|
|
|
- <view style="margin-left: 20rpx;border-radius: 10rpx;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 bindtap="gotoNAB" style="background: linear-gradient(90deg, #F58661 0%, #FCAF96 100%);" class="center-analysis-enter-button-item">
|
|
|
- 进入 ></view>
|
|
|
+ <!-- 媒体矩阵 -->
|
|
|
+ <!-- 南岸报 -->
|
|
|
+ <view style="height: 990rpx;width: 100%;position:relative;margin-top: 80rpx;" bindtap="gotoNewsPaper">
|
|
|
+ <view style="margin-left: 20rpx;border-radius: 10rpx;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>
|
|
|
- </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 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 bindtap="gotoNAB" style="background: linear-gradient(90deg, #F58661 0%, #FCAF96 100%);" class="center-analysis-enter-button-item">
|
|
|
+ 进入 ></view>
|
|
|
+ </view>
|
|
|
</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>
|
|
|
+ <!-- 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>
|
|
|
- <!-- 南岸报 -->
|
|
|
- <!-- 地图服务 -->
|
|
|
- <view style="height: 329rpx;width: 100%;position:relative;margin-top: 80rpx;">
|
|
|
- <view style="margin-left: 20rpx;border-radius: 10rpx;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">
|
|
|
- <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 bindtap="gotoDTSS" style="background: linear-gradient(90deg, #0163EA 0%, #00BEFA 100%);" class="center-analysis-enter-button-item">
|
|
|
- 进入 ></view>
|
|
|
+ <!-- 南岸报 -->
|
|
|
+ <!-- 地图服务 -->
|
|
|
+ <view style="height: 329rpx;width: 100%;position:relative;margin-top: 80rpx;">
|
|
|
+ <view style="margin-left: 20rpx;border-radius: 10rpx;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">
|
|
|
+ <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 bindtap="gotoDTSS" style="background: linear-gradient(90deg, #0163EA 0%, #00BEFA 100%);" class="center-analysis-enter-button-item">
|
|
|
+ 进入 ></view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <!-- header -->
|
|
|
- <!-- content -->
|
|
|
- <view style="margin-top:10rpx;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;">
|
|
|
- {{item.name}}
|
|
|
+ <!-- header -->
|
|
|
+ <!-- content -->
|
|
|
+ <view style="margin-top:10rpx;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;">
|
|
|
+ {{item.name}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <!-- 内容 -->
|
|
|
</view>
|
|
|
- <!-- 内容 -->
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <!-- 地图服务 -->
|
|
|
- <!-- 视频推荐 -->
|
|
|
- <view style="width: 100%;position:relative;margin-top: 80rpx;">
|
|
|
- <view style="margin-left: 20rpx;border-radius: 10rpx;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>
|
|
|
- <!-- 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-video-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 bindtap="gotoSPTJ" style="background: linear-gradient(90deg, #FFAF03 0%, #F9BF41 100%);" class="center-analysis-enter-button-item">
|
|
|
- 进入 ></view>
|
|
|
+ <!-- 地图服务 -->
|
|
|
+ <!-- 视频推荐 -->
|
|
|
+ <view style="width: 100%;position:relative;margin-top: 80rpx;">
|
|
|
+ <view style="margin-left: 20rpx;border-radius: 10rpx;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>
|
|
|
+ <!-- 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-video-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 bindtap="gotoSPTJ" style="background: linear-gradient(90deg, #FFAF03 0%, #F9BF41 100%);" class="center-analysis-enter-button-item">
|
|
|
+ 进入 ></view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <!-- header -->
|
|
|
+ <view>
|
|
|
+ <swiper current="{{0}}" display-multiple-items="3" autoplay="{{false}}" style="height: 180rpx;">
|
|
|
+ <swiper-item wx:for="{{videoInfo}}" wx:key="index" style="text-align: center;">
|
|
|
+ <image src="{{imgUrl}}{{item.url}}" style="height:133rpx;width:201rpx" />
|
|
|
+ <view style="width:201rpx;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;font-family: PingFang SC;color: #999999;">{{item.title}}</view>
|
|
|
+ </swiper-item>
|
|
|
+ </swiper>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <!-- header -->
|
|
|
- <view>
|
|
|
- <swiper current="{{0}}" display-multiple-items="3" autoplay="{{false}}" style="height: 180rpx;">
|
|
|
- <swiper-item wx:for="{{videoInfo}}" wx:key="index" style="text-align: center;">
|
|
|
- <image src="{{imgUrl}}{{item.url}}" style="height:133rpx;width:201rpx" />
|
|
|
- <view style="width:201rpx;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;font-family: PingFang SC;color: #999999;">{{item.title}}</view>
|
|
|
- </swiper-item>
|
|
|
- </swiper>
|
|
|
- </view>
|
|
|
+ <!-- 内容 -->
|
|
|
</view>
|
|
|
- <!-- 内容 -->
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <!-- 视频推荐 -->
|
|
|
- <!-- 印象南岸 -->
|
|
|
- <view style="height: 470rpx;width: 100%;position:relative;margin-top: 30rpx;margin-bottom: 60rpx;">
|
|
|
- <view style="margin-left: 20rpx;border-radius: 10rpx;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">
|
|
|
- <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%);" bindtap="toYxna" class="center-analysis-enter-button-item">
|
|
|
- 进入 ></view>
|
|
|
+ <!-- 视频推荐 -->
|
|
|
+ <!-- 印象南岸 -->
|
|
|
+ <view style="height: 470rpx;width: 100%;position:relative;margin-top: 30rpx;margin-bottom: 60rpx;">
|
|
|
+ <view style="margin-left: 20rpx;border-radius: 10rpx;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">
|
|
|
+ <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%);" bindtap="toYxna" 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>
|
|
|
- <!-- 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: 200rpx">
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
|
|
|
- <!-- 底部 -->
|
|
|
- <view style="height: 200rpx">
|
|
|
- </view>
|
|
|
-</scroll-view>
|
|
|
-
|
|
|
|
|
|
|
|
|
</view>
|