Bläddra i källkod

tabbar第二版

tanxue 6 månader sedan
förälder
incheckning
92519c9f68
5 ändrade filer med 13 tillägg och 12 borttagningar
  1. 0 6
      common/styles/global/components.scss
  2. 8 0
      common/styles/index.scss
  3. 3 4
      pages.json
  4. 1 1
      pages/login/index.vue
  5. 1 1
      pages/login/login.vue

+ 0 - 6
common/styles/global/components.scss

@@ -47,9 +47,3 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
     background-color: rgb(248, 248, 248);color: rgb(0, 0, 0);box-sizing: border-box;
 	display: flex;align-items: center;justify-content: center;overflow: hidden;z-index: 998;
   }
-
-
-.uni-tabbar{
-	@include ezy-no-repeat-contain(bottom);
-	background-image: url("@/static/images/tabbar/tabbar-bg.png");
-}

+ 8 - 0
common/styles/index.scss

@@ -3,3 +3,11 @@
 
 // 页面样式
 @import '/common/styles/global/pages.scss';
+
+
+.uni-tabbar{
+	@include ezy-no-repeat-cover(top);padding: 0 60rpx;box-sizing: border-box;
+	background-image: url("@/static/images/tabbar/tabbar-bg.png");
+	.uni-tabbar-border{height: 0;}
+	.uni-tabbar__icon{margin: 0 0 64rpx;}
+}

+ 3 - 4
pages.json

@@ -49,21 +49,20 @@
 		}
 	],
 	"tabBar": {
-		"height": "150rpx",
+		"height": "90rpx",
 		"iconWidth": "134rpx",
 		"spacing": "0px",
 		"backgroundColor": "transparent",
-		"borderStyle": "transparent",
 		"list": [{
 			"pagePath": "pages/study/index",
 			"iconPath": "static/images/tabbar/unselect/plan-sj.png",
 			"selectedIconPath": "static/images/tabbar/select/plan-sj.png"
 		}, {
-			"pagePath": "pages/study/catalogue",
+			"pagePath": "pages/study/index",
 			"iconPath": "static/images/tabbar/unselect/develop-sj.png",
 			"selectedIconPath": "static/images/tabbar/select/develop-sj.png"
 		}, {
-			"pagePath": "pages/study/catalogue",
+			"pagePath": "pages/study/index",
 			"iconPath": "static/images/tabbar/unselect/partner-sj.png",
 			"selectedIconPath": "static/images/tabbar/select/partner-sj.png"
 		}, {

+ 1 - 1
pages/login/index.vue

@@ -7,7 +7,7 @@
 				    <view class="phone-input-box">
 						<view class="phone-prefix">+86</view>
 						<input class="phone-input" type="text" v-model="data.phoneNumber" placeholder="请输入手机号" 
-						maxlength="11" :value="data.phoneNumber" @input="clearTelInput" />
+						maxlength="11" @input="clearTelInput" />
 						<view class="close-btn" v-if="data.clearTelIcon" @click="clearTel"></view>
 				    </view>
 					<!-- 协议勾选框和按钮 -->

+ 1 - 1
pages/login/login.vue

@@ -6,7 +6,7 @@
 				<view class="phone-prefix">验证码已发送至:{{data.phoneNumber}}</view>
 				<view class="phone-input-box">
 					<input class="phone-input" type="text" v-model="data.yzmNumber" placeholder="请输入验证码" 
-					maxlength="6" :value="data.yzmNumber" @input="clearYzmInput" />
+					maxlength="6" @input="clearYzmInput" />
 					<view class="close-btn" v-if="data.clearYzmIcon" @click="clearYzm"></view>
 				</view>
 				<view class="yzm-btn-disabled" @click="loginBtn" :class="data.yzmStatus"></view>