浏览代码

修改首页样式

sunjuan 2 年之前
父节点
当前提交
00e7ab3e82

+ 1 - 1
nngkxxdp/src/main/resources/static/nnzwminiapp/pages/index/communicateList.wxml

@@ -2,7 +2,7 @@
   <!-- 列表 -->
   <view wx:for="{{communicateData}}" wx:for-item="item" wx:for-index="index" wx:key="index" style="height: 150rpx;width: 100%;display:flex;border-bottom: 4rpx solid #F5F5F5;margin-bottom: 20rpx">
     <view style="height: 140rpx;width: 464rpx;padding-right: 22rpx">
-      <view style="height: 99rpx;width: 100%;font-size: 26rpx;line-height:33rpx;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;">
+      <view style="height: 99rpx;width: 100%;font-size: 26rpx;line-height:33rpx;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color: #666666;">
         重庆市南岸区经济和信息化委员会 公开征求《南岸区重庆经开区推动制造业跃升十条》,要求每个公民做好三件事,必须严格执行,动员全体人员
       </view>
       <view style="display:flex;align-items:center;height: 45rpx;width: 100%;font-size: 22rpx;color: #999999;padding-top: 3rpx">

+ 18 - 16
nngkxxdp/src/main/resources/static/nnzwminiapp/pages/index/index.wxml

@@ -150,7 +150,7 @@
 				<view class="center-analysis-enter" style="height: 129rpx;width:100%;position: absolute;bottom:114rpx">
 					<view class="center-analysis-enter-font">政务服务数据统计分析</view>
 					<view class="center-analysis-enter-button">
-						<view class="center-analysis-enter-button-item">进入 ></view>
+						<view class="center-analysis-enter-button-item" style="background: linear-gradient(90deg, #2FB785 0%, #2EE698 100%);">进入 ></view>
 					</view>
 				</view>
 				<!-- 本年办件数 -->
@@ -287,8 +287,9 @@
 					<!-- 入口 -->
 					<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;" bindtap="toList">
+						<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>
@@ -401,8 +402,9 @@
 					<!-- 入口 -->
 					<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 class="center-analysis-enter-button">
+							<view style="background: linear-gradient(90deg, #AF66DC 0%, #D6AAF3 100%);"
+							class="center-analysis-enter-button-item">
 								进入 ></view>
 						</view>
 					</view>
@@ -468,8 +470,8 @@
 					<!-- 入口 -->
 					<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 class="center-analysis-enter-button">
+							<view style="background: linear-gradient(90deg, #F58661 0%, #FCAF96 100%);" class="center-analysis-enter-button-item">
 								进入 ></view>
 						</view>
 					</view>
@@ -515,8 +517,8 @@
 					<!-- 入口 -->
 					<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 class="center-analysis-enter-button">
+							<view style="background: linear-gradient(90deg, #0163EA 0%, #00BEFA 100%);" class="center-analysis-enter-button-item">
 								进入 ></view>
 						</view>
 					</view>
@@ -525,7 +527,7 @@
 				<!-- content -->
 				<view style="margin-top:10rpx;width: 100%;height: 136rpx;display:flex;flex-wrap: wrap;justify-content: space-between;">
 					<!-- 按钮 -->
-					<view 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:23rpx;color: #333333;font-weight: 500;">
+					<view 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>
@@ -555,8 +557,8 @@
 					<!-- 入口 -->
 					<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 class="center-analysis-enter-button">
+							<view style="background: linear-gradient(90deg, #FFAF03 0%, #F9BF41 100%);" class="center-analysis-enter-button-item">
 								进入 ></view>
 						</view>
 					</view>
@@ -564,9 +566,9 @@
 				<!-- header -->
 				<view>
 					<swiper current="{{0}}" display-multiple-items="3" autoplay="{{false}}" style="height: 180rpx;">
-						<swiper-item wx:for="{{videoInfo}}" wx:key="index">
+						<swiper-item wx:for="{{videoInfo}}" wx:key="index" style="text-align: center;">
 							<image src="{{imgUrl}}{{item.url}}" style="height:133rpx;width:201rpx" />
-							<view style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{{item.title}}</view>
+							<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>
@@ -596,8 +598,8 @@
 					<!-- 入口 -->
 					<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;" bindtap="toYxna">
+						<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>

+ 14 - 15
nngkxxdp/src/main/resources/static/nnzwminiapp/pages/index/index.wxss

@@ -291,28 +291,27 @@ scroll-view ::-webkit-scrollbar {
 .center-analysis-enter-font {
   height: 50rpx;
   padding-left: 30rpx;
-  font-size: 32rpx;
+  font-size: 34rpx;
+  letter-spacing: 2rpx;
 }
 
 /* 数据中心分析进入按钮 */
 .center-analysis-enter-button {
-  margin-left: 20rpx;
-  height: 50rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+	margin-left: 20rpx;
+	height: 50rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
 
 .center-analysis-enter-button-item {
-  font-size: 22rpx;
-  height: 30rpx;
-  padding: 5rpx 23rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: linear-gradient(90deg, #2FB785 0%, #2EE698 100%);
-  color: #FFFFFF;
-  border-radius: 20rpx;
+	font-size: 18rpx;
+	width: 96rpx;
+	height: 34rpx;
+	line-height:34rpx;
+	color: #FFFFFF;
+	border-radius: 14rpx;
+	text-align: center;
 }
 
 .yellow-point {