Просмотр исходного кода

南岸小程序基层政务公开,公开样式

zwq 2 лет назад
Родитель
Сommit
8d60616e74

+ 38 - 1
nngkxxdp/src/main/resources/static/nnzwminiapp/pages/publics/index/index.js

@@ -31,7 +31,44 @@ Page({
 				title: '政府信息公开年报',
 				pic: 'public-zw4.png'
 			}
-		],
+    ],
+    // 基层政务公开
+    baseList:[{
+      pic: 'publics-base-1.png',
+      name: '重项目建设'
+    },
+    {
+      pic: 'publics-base-2.png',
+      name: '公共资源交易'
+    },
+    {
+      pic: 'publics-base-3.png',
+      name: '义务教育'
+    },
+    {
+      pic: 'publics-base-4.png',
+      name: '社会救助'
+    },
+    {
+      pic: 'publics-base-5.png',
+      name: '养老服务'
+    },
+    {
+      pic: 'publics-base-6.png',
+      name: '公共法律服务'
+    },
+    {
+      pic: 'publics-base-7.png',
+      name: '就业创业领域'
+    },
+    {
+      pic: 'publics-base-8.png',
+      name: '社会保险领域'
+    },
+    {
+      pic: 'publics-base-9.png',
+      name: '社会保险领域'
+    }],
 		// 政策解读
 		policyInterpretation: [{
 			name: '文字解读'

+ 8 - 3
nngkxxdp/src/main/resources/static/nnzwminiapp/pages/publics/index/index.wxml

@@ -48,14 +48,19 @@
 			</view>
 		</view>
 		<!-- 基层政务公开 -->
-		<view style="height: 400px;">
+		<view style="height: 500px;">
 			<view style="display:flex" class="content-top">
 				<view class="content-line"></view>
 				<view class="content-title">基层政务公开</view>
 				<view class="content-more" bindtap="goToMore">查看更多 >></view>
 			</view>
-			<view>
-				<view style="background-image: url('{{imgUrl}}public1.png');width: 100%;height:100%"></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 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 style="position: absolute;top: -33rpx;width: 65rpx;height: 65rpx;">
+            <image style="width: 65rpx;height: 65rpx;" src="{{imgUrl + item.pic}}" mode=""/>
+          </view>
+          {{item.name}}
+        </view>
 			</view>
 		</view>
 		<!-- 政策文件 -->

+ 4 - 3
nngkxxdp/src/main/resources/static/nnzwminiapp/pages/publics/index/index.wxss

@@ -58,7 +58,8 @@
 	position: relative;
 	margin-top: -130rpx;
 	background-color: #FFFFFF;
-	border-radius: 6px;
+  border-radius: 6px;
+  padding-bottom: 44rpx;
   }
   
   /* 区政府领导 */
@@ -80,7 +81,7 @@
   }
   /* 标题栏 */
   .content-top {
-	padding: 30rpx 20rpx 20rpx 20rpx;
+	padding: 30rpx 34rpx 20rpx 41rpx;
 	height: 32rpx;
   }
   
@@ -95,7 +96,7 @@
   
   /* 标题栏 */
   .content-line {
-	border-left: 10rpx solid #508FF4;
+	border-left: 6rpx solid #508FF4;
 	height: 32rpx;
 	margin-right: 20rpx;
   }