小程序首页

nngkxxdp/src/main/resources/static/nnzwminiapp/pages/index/index.wxml

@@ -266,7 +266,32 @@
       </view>
       <!-- 标题 -->
       <!-- 内容 -->
-      <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 style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
+              <view
+                style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #30A2F3 0%, #69BCFA 100%);color: #FFFFFF;border-radius: 20rpx;">
+                进入 ></view>
+            </view>
+          </view>
+        </view>
+        <!-- header -->
+        <view style="width: 100%;margin-top:10rpx;height: 150rpx;background: #E5F3FF;border-radius: 10rpx;">
+          <view style="width: 479rpx;height: 100%">
+            <view>常见问题咨询</view>
+            <view>基本问题 都在这里</view>
+          </view>
+          <view style="width: 171rpx;height: 100%"></view>
+        </view>
+      </view>
       <!-- 内容 -->
     </view>
   </view>
@@ -284,7 +309,25 @@
       </view>
       <!-- 标题 -->
       <!-- 内容 -->
-      <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 style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
+              <view
+                style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #AF66DC 0%, #D6AAF3 100%);color: #FFFFFF;border-radius: 20rpx;">
+                进入 ></view>
+            </view>
+          </view>
+        </view>
+        <!-- header -->
+      </view>
       <!-- 内容 -->
     </view>
   </view>
@@ -302,7 +345,25 @@
       </view>
       <!-- 标题 -->
       <!-- 内容 -->
-      <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 style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
+              <view
+                style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #F58661 0%, #FCAF96 100%);color: #FFFFFF;border-radius: 20rpx;">
+                进入 ></view>
+            </view>
+          </view>
+        </view>
+        <!-- header -->
+      </view>
       <!-- 内容 -->
     </view>
   </view>
@@ -320,7 +381,25 @@
       </view>
       <!-- 标题 -->
       <!-- 内容 -->
-      <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 style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
+              <view
+                style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #0163EA 0%, #00BEFA 100%);color: #FFFFFF;border-radius: 20rpx;">
+                进入 ></view>
+            </view>
+          </view>
+        </view>
+        <!-- header -->
+      </view>
       <!-- 内容 -->
     </view>
   </view>
@@ -338,7 +417,25 @@
       </view>
       <!-- 标题 -->
       <!-- 内容 -->
-      <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 style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
+              <view
+                style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #FFAF03 0%, #F9BF41 100%);color: #FFFFFF;border-radius: 20rpx;">
+                进入 ></view>
+            </view>
+          </view>
+        </view>
+        <!-- header -->
+      </view>
       <!-- 内容 -->
     </view>
   </view>
@@ -356,7 +453,25 @@
       </view>
       <!-- 标题 -->
       <!-- 内容 -->
-      <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 style="margin-left: 20rpx;height: 50rpx;display: flex;align-items: center;justify-content: center;">
+              <view
+                style="font-size: 22rpx;height: 30rpx;padding: 5rpx 23rpx;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #A28164 0%, #CBB197 100%);color: #FFFFFF;border-radius: 20rpx;">
+                进入 ></view>
+            </view>
+          </view>
+        </view>
+        <!-- header -->
+      </view>
       <!-- 内容 -->
     </view>
   </view>

nngkxxdp/src/main/resources/static/nnzwminiapp/pages/index/index.wxss

@@ -413,3 +413,24 @@
   text-align: center;
   margin-bottom: 20rpx;
 }
+
+/* 政府对话进入按钮 */
+.communication-enter-button {
+  margin-left: 20rpx;
+  height: 50rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.communication-enter-button-item {
+  font-size: 22rpx;
+  height: 30rpx;
+  padding: 5rpx 23rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(90deg, #30A2F3 0%, #69BCFA 100%);
+  color: #FFFFFF;
+  border-radius: 20rpx;
+}