先进先出

pages/watchGoods/goodsdetail/goodsdetail.vue

@@ -1,26 +1,26 @@
 <template>
 	<view>
-		<view class="body" v-for="(item, index) in dataList" :key="index">
+		<view class="body card"  v-for="(item, index) in dataList" :key="index">
 			<view class="title">{{ item.packageCodeClient }}</view>
-			<view>
-				<text>库位</text>
-				<view>{{ item.locationCode }}</view>
+			<view >
+				<text>库位：</text>
+				<text>{{ item.locationCode }}</text>
 			</view>
-			<view>
-				<text>零件号</text>
-				<view>{{ item.partnumber }}</view>
+			<view >
+				<text>零件号：</text>
+				<text>{{ item.partnumber }}</text>
 			</view>
-			<view>
-				<text>数量</text>
-				<view>{{ item.goodsNumLogic }}</view>
+			<view >
+				<text>数量：</text>
+				<text>{{ item.goodsNumLogic }}</text>
 			</view>
-			<view>
-				<text>入库时间</text>
-				<view>{{ item.entryWarehouseTime }}</view>
+			<view  >
+				<text>入库时间：</text>
+				<text>{{ item.entryWarehouseTime }}</text>
 			</view>
-			<view>
-				<text>备注</text>
-				<view>{{ item.remark }}</view>
+			<view  >
+				<text>备注：</text>
+				<text>{{ item.remark }}</text>
 			</view>
 		</view>
 	</view>
@@ -65,4 +65,20 @@ export default {
 		font-weight: 50;
 	}
 }
+.card {
+    background-color: #fff; /* 白色背景 */
+    border-radius: 8px; /* 圆角边框 */
+    padding: 12px; /* 内边距 */
+    margin-bottom: 16px; /* 底部间距 */
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 阴影效果 */
+}
+
+.card text {
+    font-weight: bold; /* 文本加粗 */
+    margin-bottom: 6px; /* 底部间距 */
+}
+
+.card view {
+    color: #333; /* 文本颜色 */
+}
 </style>