Forráskód Böngészése

车辆出场分页按钮样式调整

tianhui 3 éve
szülő
commit
90d7b7e8f7
2 módosított fájl, 15 hozzáadás és 3 törlés
  1. 13 1
      pages/getout/getout.scss
  2. 2 2
      pages/getout/getout.vue

+ 13 - 1
pages/getout/getout.scss

@@ -102,10 +102,22 @@
 }
 .num{
 	margin: auto 0;
+	.u-size-mini{
+		height: 76rpx;
+	}
 }
 .pagesInput{
-	width: 45px;
+	display: flex;
+	width: 120rpx;
 	margin: auto 30rpx;
+	.pagesInput-left{
+		margin-top: 20rpx;
+		margin-right: 4rpx;
+	}
+	.pagesInput-right{
+		margin-top: 20rpx;
+		margin-left: 4rpx;
+	}
 }
 .roadspace-list{
 	overflow: hidden;

+ 2 - 2
pages/getout/getout.vue

@@ -27,9 +27,9 @@
 		<view class="bottom-btn-wrap">
 			<!-- <view class="bottom-btn" @click="jumpToMain()">返回主页</view> -->
 			<u-button class="bt1"  @click="last(list.pageNum)"><</u-button>
-			<view class="pagesInput"><u-input v-model="pageNum" type="text" :border="true" :clearable="false" /></view>
+			<view class="pagesInput">
+				<view class="pagesInput-left">第</view><u-input v-model="currentPageNum" type="text" :border="true" :clearable="false" /><view class="pagesInput-right">页</view></view>
 			<view class="num">
-			第{{currentPageNum}}页
 			<u-button @click="jump(list.pageNum)" size="mini">跳转</u-button>
 			</view>
 			<u-button class="bt2" @click="next(list.pageNum)">></u-button>