Browse Source

南岸小程序首页南岸动态样式

zwq 2 years ago
parent
commit
1e62ccf5b5

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

@@ -100,7 +100,7 @@
 						<view style="height:50rpx;padding-left:10rpx">今日重庆</view>
 					</view>
 					<!-- 国务院信息 -->
-					<view class="tab-item {{naTab==2?'active':''}}" bindtap="clickNaTilteTab" data-item="2">
+					<view class="tab-item-last {{naTab==2?'active':''}}" bindtap="clickNaTilteTab" data-item="2">
 						<view style="position: absolute;width: 0;height: 0;border-left: 10rpx solid transparent;border-right: 10rpx solid transparent;border-top: 10rpx solid #508FF4;bottom: -13rpx;" />
 						<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>

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

@@ -169,7 +169,7 @@ scroll-view ::-webkit-scrollbar {
 }
 
 .tab-item {
-	flex: 1;
+	/* flex: 1; */
 	font-size: 28rpx;
 	text-align: center;
 	line-height: 50rpx;
@@ -186,6 +186,29 @@ scroll-view ::-webkit-scrollbar {
 	font-family: DOUYU;
 	border-bottom: 7rpx solid #508FF4;
 	position: relative;
+	margin-left: 20rpx;
+}
+
+.tab-item-last {
+	/* 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-last.active {
+	font-size: 27rpx;
+	width: 220rpx;
+	font-family: DOUYU;
+	border-bottom: 7rpx solid #508FF4;
+	position: relative;
+	margin-left: 20rpx;
 }
 
 /* 南岸咨询内容 */

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

@@ -1,4 +1,4 @@
-<view class="na-content-list" style="height: 300rpx;width: 100%">
+<view class="na-content-list" style="height: 300rpx;width: 95%">
 	<view wx:for="{{ naContentList }}" wx:for-item="item" wx:for-index="index" wx:key="index" bindtap="clickNaContent" data-item="{{ item }}" class="na-content-list-item">
 		·{{ item.DOCTITLE }}
 	</view>