移动端UI 修改

pages/index/index.vue

@@ -1,11 +1,11 @@
 <template>
 	<view class="content background">
-		<view class="title-box">道安WMS-PDA扫码</view>
+		<view ><image src="@/static/images/banner/banber.jpg" class="title-box"></image></view>
 		<view class="grid-box">
 			<uni-grid :column="3" @change="gridCheck" :showBorder="false" :highlight="false">
 				<uni-grid-item v-for="(item, index) in gridItemList" :index="index + 1">
 					<view class="item">
-						<uni-icons :type="item.icon" :size="48" color="#777" />
+						<uni-icons :type="item.icon" :size="55" color="#0081ff" />
 						<text class="text">{{ item.name }}</text>
 					</view>
 				</uni-grid-item>
@@ -32,7 +32,8 @@ export default {
 				{ name: '拆箱', icon: 'folder-add-filled' },
 				{ name: '货物查看', icon: 'eye-filled' },
 				{ name: '入库记录', icon: 'list' },
-				{ name: '出库记录', icon: 'list' }
+				{ name: '出库记录', icon: 'list' },
+				{ name: '注销', icon: 'redo-filled' }
 			]
 		};
 	},
@@ -97,6 +98,12 @@ export default {
 					// 	url: '/pages/returnWarehose/returnWarehose'
 					// });
 					break;
+				case 10:
+					// 注销
+					uni.navigateTo({
+						url: '/pages/login/login'
+					});
+					break;
 				default:
 					break;
 			}
@@ -118,12 +125,8 @@ export default {
 }
 .title-box {
 	width: 100%;
-	height: 80px;
-	margin-bottom: 10px;
-	font-size: 20px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
+	height: 150px;
+	
 }
 .grid-box {
 	width: 100%;
@@ -137,6 +140,10 @@ export default {
 	align-items: center;
 	justify-content: center;
 }
+
+.item {
+	background-color: rgba(128, 128, 128, 0.5);
+}
 .text {
 	font-size: 24px;
 }

pages/login/login.vue

@@ -2,7 +2,7 @@
 	<view class="normal-login-container">
 		<view class="logo-content align-center justify-center flex">
 			<image style="width: 100rpx; height: 100rpx" :src="globalConfig.appInfo.logo" mode="widthFix"></image>
-			<text class="title">DOAN PDA 登录</text>
+			<text class="title" style="color: #0081ff;">涂装车间MOM-移动端</text>
 		</view>
 		<view class="login-form-content">
 			<view class="input-item flex align-center">
@@ -170,14 +170,20 @@ page {
 }
 
 .normal-login-container {
+	background-image:linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1)), url('@/static/images/background/login2.png');
 	width: 100%;
+	
+	background-size: cover;
+	background-repeat: no-repeat;
 
+	background-position: center;
+	
+	height: 662px;
 	.logo-content {
 		width: 100%;
 		font-size: 21px;
 		text-align: center;
 		padding-top: 15%;
-
 		image {
 			border-radius: 4px;
 		}