login ui

pages/home/paokongceliang.vue

@@ -99,11 +99,7 @@
 					</view>
 				</uni-col>
 			</uni-row>
-
 		</view>
-		<!-- <view style="display: flex; justify-content: flex-end; align-items: center; margin-right: 20rpx;padding-top: 10rpx;">
-			<switch checked style="transform:scale(0.7)" @change="showResultChange" />不显示实测结果直接保存
-		</view> -->
 		<view class="footer-wrapper" v-show="connected">
 			<view class="funcBtn end" @tap="resetForm">
 				取消
@@ -111,7 +107,6 @@
 			<view class="funcBtn end" @tap="saveData">
 				保存
 			</view>
-
 		</view>
 
 		<view class="" v-show="!connected" style="text-align: center; color: darkgray; margin-top:20rpx;">
@@ -161,13 +156,7 @@
 				navBarTitle: '炮孔测量',
 				redirectUrl: '/pages/home/blueSearch?refer=blueMeasure',
 				// 表单数据相关
-				zhuangyaoDict: [/* {
-					text: '未填装',
-					value: '未填装'
-				}, {
-					text: '已填装',
-					value: '已填装'
-				} */],
+				zhuangyaoDict: [],
 				form: {
 					'productName': '',
 					'artilleryAreaName': '',

pages/user/login.vue

@@ -2,16 +2,17 @@
 	<view class="container">
 		<view class="authModal">
 			<view class='header'>
-				<image src='https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1582442269885&di=244f11fe921a75d4be2b7f41bded8a48&imgtype=0&src=http%3A%2F%2Fimg.qqzhi.com%2Fuploads%2F2018-12-06%2F062323200.jpg'></image>
+				<image src='../../static/image/paokong/login-icon.png'></image>
+				<view class="title">露天炮孔验收仪</view>
 			</view>
 			<view class='content'>
-				<view>申请获取以下权限</view>
-				<text>获得你的公开信息(昵称，头像、地区等)</text>
+				<view class="title">手机号</view>
+				<input class="uni-input" focus placeholder="请输入手机号" />
 			</view>
 
-	<!-- 		<button class='bottom' type='primary' open-type="getUserInfo" withCredentials="true" lang="zh_CN" @getuserinfo="wxLogin">
+			<button class='loginBtn' type='primary' @getuserinfo="wxLogin">
 				授权登录
-			</button> -->
+			</button>
 		</view>
 	</view>
 </template>
@@ -42,10 +43,7 @@
 					"errMsg": "getUserInfo:ok"
 				}
 			 */
-			const token = uni.getStorageSync('accessToken')
-			if(!token){
-				this.wxLogin()
-			}
+			
 			
 
 		},
@@ -56,6 +54,7 @@
 		},
 		methods: {
 			async wxLogin(){
+					const token = uni.getStorageSync('accessToken')
 				  const loginRes = await this.getWxCode()
 				  if(!loginRes.code){
 					  return
@@ -133,6 +132,51 @@
 	}
 </script>
 
-<style>
+<style lang="scss" scoped>
 	
+	
+	.container{
+		background-color: #fff;
+		height: 100vh;
+		overflow: hidden;
+	}
+	.header{
+		margin-top: 340rpx;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		gap: 33rpx;
+		image{
+			width: 132rpx;
+			height: 132rpx;
+		}
+		.title{
+			font-family: Source Han Sans SC;
+			font-weight: bold;
+			font-size: 38rpx;
+			color: #000000;
+		}
+		
+	}
+	.content{
+		display: flex;
+		justify-content: center;
+		gap: 50rpx;
+		margin-top: 128rpx;
+		.title{
+			font-weight: bold;
+			font-size: 34rpx;
+			color: #000000;
+		}
+	}
+	.loginBtn{
+		width: 630rpx;
+		height: 88rpx;
+		line-height: 88rpx;
+		background: #06C15F;
+		border-radius: 44rpx;
+		margin-top: 172rpx;
+		font-size: 34rpx;
+	}
 </style>