浏览代码

调整扫码页面

caojunjie 4 年之前
父节点
当前提交
fb1b990328
共有 3 个文件被更改,包括 18 次插入10 次删除
  1. 2 1
      common/p-scan/scan.vue
  2. 8 2
      pages.json
  3. 8 7
      pages/home/scancode/index.vue

+ 2 - 1
common/p-scan/scan.vue

@@ -23,7 +23,7 @@
 			// #ifdef APP-PLUS
 			var currentWebview = page.$getAppWebview();
 			this.barcode = plus.barcode.create('barcode', this.barcode, {
-				top: '10%',
+				top: '12%',
 				left: '10%',
 				width: '80%',
 				height: '31.5%', //180px
@@ -31,6 +31,7 @@
 				background:'#ffffff',
 				frameColor:'#00A0EA',
 				scanbarColor:'#00A0EA'
+				
 			});
 			this.barcode.onmarked = this.onmarked;
 			currentWebview.append(this.barcode);

+ 8 - 2
pages.json

@@ -58,10 +58,16 @@
 				"style": {
 					"navigationBarTitleText": "扫码入库",
 					"navigationBarBackgroundColor": "#0095FF",
-					"navigationBarTextStyle": "white",
 					"app-plus": {
-						"titleNView": false
+						"titleNView": {
+							"type": "float",
+							// "backgroundColor": "rgba(192,192,192,0.5)",
+							"buttons": [{
+								"type": "transparent"
+							}]
+						}
 					}
+
 				}
 
 			},

+ 8 - 7
pages/home/scancode/index.vue

@@ -1,8 +1,12 @@
 <template>
+
 	<view class="content">
-		<u-navbar :title="nbTitle" back-icon-color="#ffffff" title-color="#ffffff" :background="background" :border-bottom="false"></u-navbar>
+		<!-- <u-navbar :title="nbTitle" back-icon-color="#ffffff" title-color="#ffffff" :background="background" :border-bottom="false" :is-fixed="true" :immersive="false"></u-navbar> -->
+		
 		<view class="text-area">
-			<view class="white_b"></view>
+			<view class="white_b">
+				<scan @getCode="getScanCode"/>
+			</view>
 		</view>
 		<view class="stripe"></view>
 		<view class="roll">
@@ -40,9 +44,6 @@
 		</view>
 		<view>
 		</view>
-		<view>
-			<scan @getCode="getScanCode" />
-		</view>
 	</view>
 </template>
 
@@ -107,7 +108,6 @@
 		width: 690rpx;
 		margin-top: 30rpx;
 	}
-
 	.content {
 		display: flex;
 		flex-direction: column;
@@ -135,10 +135,11 @@
 
 	.text-area {
 		width: 100%;
-		height: 650rpx;
+		height: 850rpx;
 		background-color: #0094fe;
 		display: flex;
 		justify-content: center;
+		padding-top: 180rpx;
 	}
 
 	.white_b {