Parcourir la source

小程序修改样式

wrh il y a 2 ans
Parent
commit
159e115716

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

@@ -450,7 +450,7 @@
 										<view class="jigou">
 											<view style="background-color: #B9D9FD;display: inline-block;padding: 0px 10rpx;">{{item.officialAccount}}</view>
 										</view>
-										<view style="margin: 16rpx 0 28rpx 0;">{{item.title}}</view>
+										<view style="margin: 9rpx 0 14rpx 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">{{item.title}}</view>
 										<view class="time">{{item.createTime}}</view>
 									</view>
 								</swiper-item>

+ 292 - 288
nngkxxdp/src/main/resources/static/nnzwminiapp/pages/index/index.wxss

@@ -2,301 +2,301 @@
 /* pages/publics/publics.wxss */
 
 scroll-view ::-webkit-scrollbar {
-	display:none;
-	width:0;
-	height:0;
-	color:transparent;
+	display: none;
+	width: 0;
+	height: 0;
+	color: transparent;
 }
 
 /* 头部 */
 .top {
-  height: 409rpx;
-  overflow: hidden;
-  position: relative;
+	height: 409rpx;
+	overflow: hidden;
+	position: relative;
 }
 
 /* 浮动图标 */
 .top-logo {
-  z-index: 99;
-  position: absolute;
-  left: 50%;
-  transform: translate(-50%);
-  width: 426rpx;
-  height: 150rpx;
+	z-index: 99;
+	position: absolute;
+	left: 50%;
+	transform: translate(-50%);
+	width: 426rpx;
+	height: 150rpx;
 }
 
 /* 第一个内容,浮动上移 */
 .content-search-tab {
-  margin-left: 20rpx;
-  top: -85rpx;
-  position: absolute;
-  border-radius: 10rpx;
-  background-color: #ffffff;
-  padding: 25rpx 30rpx;
-  width: 651rpx;
+	margin-left: 20rpx;
+	top: -85rpx;
+	position: absolute;
+	border-radius: 10rpx;
+	background-color: #ffffff;
+	padding: 25rpx 30rpx;
+	width: 651rpx;
 }
 
 /* 搜索整体 */
 .search-view {
-  height: 60rpx;
-  border-radius: 5rpx;
-  background-color: #F5F5F5;
-  display: flex;
-  justify-content: left;
-  align-items: center;
+	height: 60rpx;
+	border-radius: 5rpx;
+	background-color: #F5F5F5;
+	display: flex;
+	justify-content: left;
+	align-items: center;
 }
 
 /* 搜索图标 */
 .search-icon {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding-left: 20rpx;
-  padding-right: 20rpx;
-  letter-spacing: 3rpx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	padding-left: 20rpx;
+	padding-right: 20rpx;
+	letter-spacing: 3rpx;
 }
 
 /* 搜索 */
 .search-input {
-  height: 30rpx;
-  font-size: 25rpx;
-  letter-spacing: 3rpx;
+	height: 30rpx;
+	font-size: 25rpx;
+	letter-spacing: 3rpx;
 }
 
 /* 服务的内容整体 */
 .content-service {
-  height: 170rpx;
-  flex-wrap: wrap;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  font-size: 48rpx;
+	height: 170rpx;
+	flex-wrap: wrap;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	font-size: 48rpx;
 }
 
 /* 服务的内容单个 */
 .content-service-item {
-  font-size: 22rpx;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  height: 123rpx;
-  width: 119rpx;
+	font-size: 22rpx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-direction: column;
+	height: 123rpx;
+	width: 119rpx;
 }
 
 /* 百信聚焦 */
 .people-title {
-  display: flex;
-  flex-direction: row;
-  justify-content: left;
-  align-items: center;
+	display: flex;
+	flex-direction: row;
+	justify-content: left;
+	align-items: center;
 }
 
 /* 百姓聚焦字体 */
 .people-font1 {
-  height: 59rpx;
-  font-size: 48rpx;
-  font-family: DOUYU;
-  font-weight: normal;
-  color: #333333;
-  padding-right: 18rpx;
-  margin-bottom: -24rpx;
+	height: 59rpx;
+	font-size: 48rpx;
+	font-family: DOUYU;
+	font-weight: normal;
+	color: #333333;
+	padding-right: 18rpx;
+	margin-bottom: -24rpx;
 }
 
 /* 每日更新字体 */
 .people-font2 {
-  height: 59rpx;
-  font-size: 9px;
-  font-family: PingFang SC;
-  font-weight: 500;
-  color: #999999;
-  display: flex;
-  flex-direction: row;
-  align-items: flex-end;
+	height: 59rpx;
+	font-size: 9px;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #999999;
+	display: flex;
+	flex-direction: row;
+	align-items: flex-end;
 }
 
 /* 百姓聚焦内容整体 */
 .people-content {
-  height: 140rpx;
-  flex-wrap: wrap;
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  margin-top: 30rpx;
+	height: 140rpx;
+	flex-wrap: wrap;
+	display: flex;
+	justify-content: space-around;
+	align-items: center;
+	margin-top: 30rpx;
 }
 
 /* 百姓聚焦内容单个 */
 .people-content-item {
-  font-size: 24rpx;
-  font-family: PingFang SC;
-  font-weight: 500;
-  color: #508FF4;
-  height: 48rpx;
-  background-color: #E5EFFF;
-  padding: 0rpx 20rpx;
-  display: flex;
-  align-items: center;
-  border-radius: 28rpx;
+	font-size: 24rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #508FF4;
+	height: 48rpx;
+	background-color: #E5EFFF;
+	padding: 0rpx 20rpx;
+	display: flex;
+	align-items: center;
+	border-radius: 28rpx;
 }
 
 .people-content-item.top {
-  font-size: 24rpx;
-  font-family: PingFang SC;
-  font-weight: 500;
-  color: #000000;
-  height: 48rpx;
-  background-color: #EEEEEE;
-  padding: 0rpx 20rpx;
-  display: flex;
-  align-items: center;
-  border-radius: 28rpx;
+	font-size: 24rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #000000;
+	height: 48rpx;
+	background-color: #EEEEEE;
+	padding: 0rpx 20rpx;
+	display: flex;
+	align-items: center;
+	border-radius: 28rpx;
 }
 
 /* 志愿服务,浮动上移 */
 .content-na-tab {
-  margin-left: 20rpx;
-  top: 0rpx;
-  position: absolute;
-  border-radius: 10rpx;
-  background-color: #ffffff;
-  padding: 25rpx 30rpx;
-  width: 651rpx;
+	margin-left: 20rpx;
+	top: 0rpx;
+	position: absolute;
+	border-radius: 10rpx;
+	background-color: #ffffff;
+	padding: 25rpx 30rpx;
+	width: 651rpx;
 }
 
 /* 志愿服务标题 */
 .na-title {
-  height: 50rpx;
-  display: flex;
+	height: 50rpx;
+	display: flex;
 }
 
-.tab-item{
-  flex: 1;
-  font-size: 28rpx;
-  text-align: center;
-  line-height: 50rpx;
-  color: #333;
-  height: 50rpx;
-  width: 200rpx;
-  display: flex;
-  justify-content: center;
-  flex-direction: row;
+.tab-item {
+	flex: 1;
+	font-size: 28rpx;
+	text-align: center;
+	line-height: 50rpx;
+	color: #333;
+	height: 50rpx;
+	width: 200rpx;
+	display: flex;
+	justify-content: center;
+	flex-direction: row;
 }
 
-.tab-item.active{
-  font-size: 27rpx;
-  font-family: DOUYU;
-  border-bottom: 7rpx solid #508FF4;
-  position: relative;
+.tab-item.active {
+	font-size: 27rpx;
+	font-family: DOUYU;
+	border-bottom: 7rpx solid #508FF4;
+	position: relative;
 }
 
 /* 南岸咨询内容 */
 .na-content {
-  margin-top: 35rpx;
-  height: 332rpx;
+	margin-top: 35rpx;
+	height: 332rpx;
 }
 
 /* 咨询二级标题 */
 .na-title-tab {
-  flex-wrap: wrap;
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
+	flex-wrap: wrap;
+	display: flex;
+	justify-content: space-around;
+	align-items: center;
 }
 
 .na-title-tab-item {
-  font-size: 25rpx;
-  font-family: PingFang SC;
-  font-weight: 500;
-  color: #000000;
-  height: 48rpx;
-  background-color: #FFFFFF;
-  padding: 2rpx 17rpx;
-  display: flex;
-  align-items: center;
-  border-radius: 30rpx;
-  border: 2rpx solid #DDDDDD;
+	font-size: 25rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #000000;
+	height: 48rpx;
+	background-color: #FFFFFF;
+	padding: 2rpx 17rpx;
+	display: flex;
+	align-items: center;
+	border-radius: 30rpx;
+	border: 2rpx solid #DDDDDD;
 }
 
 .na-title-tab-item.active {
-  font-size: 25rpx;
-  font-family: PingFang SC;
-  font-weight: 500;
-  color: #FFFFFF;
-  height: 48rpx;
-  background-color: #508FF4;
-  padding: 2rpx 17rpx;
-  display: flex;
-  align-items: center;
-  border-radius: 30rpx;
-  border-bottom: 2rpx solid #DDDDDD;
+	font-size: 25rpx;
+	font-family: PingFang SC;
+	font-weight: 500;
+	color: #FFFFFF;
+	height: 48rpx;
+	background-color: #508FF4;
+	padding: 2rpx 17rpx;
+	display: flex;
+	align-items: center;
+	border-radius: 30rpx;
+	border-bottom: 2rpx solid #DDDDDD;
 }
 
 /* 咨询内容 */
 .na-content-list {
-  /* margin-top: 30rpx; */
+	/* margin-top: 30rpx; */
 }
 
 .na-content-list-item {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  height: 60rpx;
-  font-size: 30rpx;
-  font-family: PingFang SC;
-  font-weight: 550;
-  color: #333333;
-  line-height: 60rpx;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	height: 60rpx;
+	font-size: 30rpx;
+	font-family: PingFang SC;
+	font-weight: 550;
+	color: #333333;
+	line-height: 60rpx;
 }
 
 /* 咨询更多 */
 .na-more {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: #999999;
-  font-size: 22rpx;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	color: #999999;
+	font-size: 22rpx;
 }
 
 /* 数据中心 */
 .data-center-contain {
-  margin-left: 20rpx;
-  border-radius: 10rpx;
-  background-color: #ffffff;
-  padding: 25rpx 30rpx;
-  width: 651rpx;
-  height: 100%;
+	margin-left: 20rpx;
+	border-radius: 10rpx;
+	background-color: #ffffff;
+	padding: 25rpx 30rpx;
+	width: 651rpx;
+	height: 100%;
 }
 
 /* 数据中心title */
 .data-center-title {
-  display: flex;
-  justify-content: left;
-  align-items: center;
-  height: 60rpx
+	display: flex;
+	justify-content: left;
+	align-items: center;
+	height: 60rpx
 }
 
 .data-center-title-font {
-  font-family: DOUYU;
-  margin-left: 5rpx;
-  height: 100%;
-  font-size: 38rpx;
-  display: flex;
-  align-items: flex-end;
-  justify-content: center;
+	font-family: DOUYU;
+	margin-left: 5rpx;
+	height: 100%;
+	font-size: 38rpx;
+	display: flex;
+	align-items: flex-end;
+	justify-content: center;
 }
 
 /* 数据中心分析入口整体 */
 .center-analysis-enter {
-  display: flex;
-  align-items: top;
+	display: flex;
+	align-items: top;
 }
 
 /* 数据中心分析入口字体 */
 .center-analysis-enter-font {
-  height: 50rpx;
-  padding-left: 30rpx;
-  font-size: 34rpx;
-  letter-spacing: 2rpx;
+	height: 50rpx;
+	padding-left: 30rpx;
+	font-size: 34rpx;
+	letter-spacing: 2rpx;
 }
 
 /* 数据中心分析进入按钮 */
@@ -312,170 +312,174 @@ scroll-view ::-webkit-scrollbar {
 	font-size: 18rpx;
 	width: 96rpx;
 	height: 34rpx;
-	line-height:34rpx;
+	line-height: 34rpx;
 	color: #FFFFFF;
 	border-radius: 14rpx;
 	text-align: center;
 }
 
 .yellow-point {
-  width: 14rpx;
-  height: 14rpx;
-  background: #F7C86A;
-  border-radius: 50%;
+	width: 14rpx;
+	height: 14rpx;
+	background: #F7C86A;
+	border-radius: 50%;
 }
 
 /* 办件数字体 */
 .work-title-font {
-  font-size: 30rpx;
-  padding-left: 10rpx;
+	font-size: 30rpx;
+	padding-left: 10rpx;
 }
 
 /* 评价框 */
 .evaluate {
-  width: 205rpx;
-  height: 50rpx;
-  background: #F2F7FF;
-  border: 1rpx solid #508FF4;
-  border-radius: 10rpx;
-  font-weight: 500;
-  color: #508FF4;
-  font-size: 24rpx;
-  line-height: 50rpx;
-  text-align: center;
-  margin-bottom: 20rpx;
+	width: 205rpx;
+	height: 50rpx;
+	background: #F2F7FF;
+	border: 1rpx solid #508FF4;
+	border-radius: 10rpx;
+	font-weight: 500;
+	color: #508FF4;
+	font-size: 24rpx;
+	line-height: 50rpx;
+	text-align: center;
+	margin-bottom: 20rpx;
 }
 
 /* 政府对话进入按钮 */
 .communication-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;
 }
 
 .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;
+	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;
 }
 
 .communicate-tab-item {
-  flex: 1;
-  font-size: 28rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 28rpx;
-  height: 55rpx;
+	flex: 1;
+	font-size: 28rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	line-height: 28rpx;
+	height: 55rpx;
 }
 
 .communicate-tab-item.active {
-  color: #000000;
-  border-bottom: 6rpx solid #508FF4 ;
+	color: #000000;
+	border-bottom: 6rpx solid #508FF4;
 
 }
 
 /* 媒体矩阵 */
-.media-swiper-tab{
-  width: 100%;
-  text-align: center;
-  line-height: 50rpx;
+.media-swiper-tab {
+	width: 100%;
+	text-align: center;
+	line-height: 50rpx;
 }
 
-.media-swiper-tab-list{
-  font-size: 28rpx;
-  display: inline-block;
-  min-width: 215rpx;
-  max-width: 215rpx;
+.media-swiper-tab-list {
+	font-size: 28rpx;
+	display: inline-block;
+	min-width: 215rpx;
+	max-width: 215rpx;
 }
 
 .media-swiper-tab-list.active {
-  color: #508FF4;
-  font-weight: bold;
-  font-size: 33rpx;
-  border-bottom: 4rpx solid #508FF4;
+	color: #508FF4;
+	font-weight: bold;
+	font-size: 33rpx;
+	border-bottom: 4rpx solid #508FF4;
 }
 
-.media-swiper-box{
-  display: block;
-  height: 640rpx;
-  width: 100%;
-  margin-top: 10rpx;
+.media-swiper-box {
+	display: block;
+	height: 640rpx;
+	width: 100%;
+	margin-top: 10rpx;
 }
 
 .media-icon-1 {
-  display: flex;
-  font-size:28rpx;
-  padding-bottom:25rpx;
-  width: 60%;
+	display: flex;
+	font-size: 28rpx;
+	padding-bottom: 20rpx;
+	width: 60%;
 }
 
 .media-icon-2 {
-  display: flex;
-  font-size:28rpx;
-  padding-bottom:25rpx;
-  width: 40%;
+	display: flex;
+	font-size: 28rpx;
+	padding-bottom: 20rpx;
+	width: 40%;
 }
 
 .message {
-    margin-top: 20rpx;
-    background: #F2F9FF;
-    padding: 18rpx 23rpx;
-    box-sizing: border-box;
-    position: relative;
+	margin-top: 20rpx;
+	background: #F2F9FF;
+	padding: 18rpx 23rpx;
+	box-sizing: border-box;
+	position: relative;
 }
 
 .message .releaseList {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    height: 150rpx;
-    font-size: 30rpx;
-    color: #333333;
-    border-bottom: 1rpx solid #D3D3D3;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	height: 150rpx;
+	font-size: 30rpx;
+	color: #333333;
+	border-bottom: 1rpx solid #D3D3D3;
 }
 
 .message .releaseList:last-child {
-    border-bottom: none;
+	border-bottom: none;
 }
 
 .news-item {
-    border-bottom: 1rpx solid #E1E1E1;
-    margin-top: 20rpx;
-    display: flex;
-    flex-direction: column;
-    font-size: 30rpx;
-    font-family: Source Han Sans SC;
-    font-weight: 400;
-    color: #333333;
+	border-bottom: 1rpx solid #E1E1E1;
+	margin-top: 20rpx;
+	display: flex;
+	flex-direction: column;
+	font-size: 30rpx;
+	font-family: Source Han Sans SC;
+	font-weight: 400;
+	color: #333333;
 }
+
 .news-item .jigou {
-    font-size: 30rpx;
-    font-family: Source Han Sans SC;
-    font-weight: 400;
-    color: #2E77C6;
+	font-size: 30rpx;
+	font-family: Source Han Sans SC;
+	font-weight: 400;
+	color: #2E77C6;
 }
-.news-item .jigou span{
-    padding: 3rpx 8rpx;
-    background: #B9D9FD;
-    line-height: 20rpx;
+
+.news-item .jigou span {
+	padding: 3rpx 8rpx;
+	background: #B9D9FD;
+	line-height: 20rpx;
 }
-.news-item p{
-    margin-top: 13rpx;
-    margin-bottom: 24rpx;
+
+.news-item p {
+	margin-top: 13rpx;
+	margin-bottom: 24rpx;
 }
+
 .news-item .time {
-    font-size: 28rpx;
-    font-family: Source Han Sans SC;
-    font-weight: 400;
-    color: #999999;
-    margin-bottom: 24rpx;
+	font-size: 28rpx;
+	font-family: Source Han Sans SC;
+	font-weight: 400;
+	color: #999999;
+	margin-bottom: 20rpx;
 }