装箱明细

packageA/shipment/modules/binding/index.js

@@ -0,0 +1,23 @@
+// packageA/shipment/modules/binding/index.js
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+
+  }
+})

packageA/shipment/modules/binding/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

packageA/shipment/modules/binding/index.scss

@@ -0,0 +1,70 @@
+.title {
+	font-size: 28rpx;
+	color: #333333;
+	margin: 30rpx;
+}
+
+.binding-box {
+	width: 100vw;
+	padding: 20rpx 30rpx;
+	background-color: #fff;
+	box-sizing: border-box;
+	border-bottom: 1rpx solid #ddd;
+
+	.boxnum {
+		font-size: 28rpx;
+		margin-bottom: 20rpx;
+	}
+
+	.numno {
+		font-size: 28rpx;
+		margin-bottom: 15rpx;
+	}
+
+	.product {
+		display: flex;
+		align-items: center;
+		width: 100%;
+		margin-bottom: 20rpx;
+
+		.image{
+			width: 130rpx;
+			height: 130rpx;
+			background-color: red;
+			margin-right: 20rpx;
+		}
+
+		.content {
+			flex: 1;
+
+			.content-title {
+				line-height: 40rpx;
+				font-size: 30rpx;
+				font-weight: bold;
+			}
+
+			.row {
+				font-size: 26rpx;
+				color: #333;
+				width: 100%;
+				margin-top: 8rpx;
+				text {
+					line-height: 30rpx;
+					display: inline-block;
+					width: 50%;
+					word-break: break-all;
+					overflow: hidden;
+					white-space: nowrap;
+					text-overflow: ellipsis;
+				}
+
+				.qty {
+					font-weight: bold;
+					text-align: center;
+					font-size: 30rpx;
+				}
+			}
+		}
+
+	}
+}

packageA/shipment/modules/binding/index.wxml

@@ -0,0 +1,26 @@
+<view class="title">装箱明细</view>
+
+<view class="binding-box" wx:for="{{5}}" wx:key="index">
+	<view class="boxnum">
+		箱码：{{index}}
+	</view>
+	<view class="numno">
+		订货单：598616598984
+	</view>
+	<navigator class="product" url="#" wx:for="{{2}}">
+		<view class="image">
+
+		</view>
+		<view class="content">
+			<view class="content-title">产品名称</view>
+			<view class="row">
+				<text>编号：123456789</text>
+				<text>规格：HQ9555555</text>
+			</view>
+			<view class="row">
+				<text>型号：HQ9555555</text>
+				<text class="qty">x5</text>
+			</view>
+		</view>
+	</navigator>
+</view>