样式

pages/login/setup.vue

@@ -1,12 +1,19 @@
 <template>
-	<view class="content">
-		<view class="input-wrap">
-			<view class="input-label">服务器地址：</view>
-			<input type="text" class="setup-input" v-model="addrip">
-		</view>
-		<view class="input-wrap">
-			<view class="input-label">刷新时间(s)：</view>
-			<input type="text" class="setup-input" v-model="setTime">
+	<view class="container">
+		<nav-bar title="设置" :inner2="true" @goIn="goIn" :show1="false"></nav-bar>
+		<view class="content">
+			<view class="wrapper">
+				<view class="input-wrap">
+					<view class="input-label">服务器地址</view>
+					<input type="text" class="setup-input" placeholder="请输入服务器地址" v-model="addrip">
+				</view>
+			</view>
+			<view class="wrapper">
+				<view class="input-wrap">
+					<view class="input-label">刷新时间(s)</view>
+					<input type="text" class="setup-input" placeholder="请输入刷新时间" v-model="setTime">
+				</view>
+			</view>
 		</view>
 		<view class="submit-bar">
 		  <button class="submit-button" @click="_submit">确认</button>
@@ -15,7 +22,11 @@
 </template>
 
 <script>
+	import NavBar from '@/components/NavBar.vue'
 	export default {
+		components: {
+			NavBar
+		},
 		data() {
 			return {
 				addrip: this.$store.getters.baseUrl,
@@ -23,6 +34,11 @@
 			};
 		},
 		methods: {
+			goIn () {
+				uni.redirectTo({
+					url: '/pages/login/login'
+				})
+			},
 			_submit () {
 				if (this.addrip === '') {
 					uni.showToast({
@@ -51,15 +67,14 @@
 <style lang="stylus">
 @import '../../common/style/mixin.styl';
 .input-wrap
-	_wh(100%, 126rpx)
-	padding-top 40rpx
+	width 100%
 	_fj()
 .input-label
-	wh(200rpx, 86rpx)
-	_font(28rpx,86rpx,#464646)
+	wh(200rpx, 58rpx)
+	_font(28rpx,58rpx,#464646)
 .setup-input
-	_wh(calc(100% - 200rpx), 86rpx)
+	_wh(calc(100% - 200rpx), 58rpx)
 	background #fff
-	_font(28rpx,86rpx,#323232)
-	text-indent: 16rpx;
+	_font(28rpx,58rpx,#323232)
+	padding 0 10rpx
 </style>