材料页面注释

src/pages/order/material.vue

 <template>
 	<view class="mtr-content">
-		<view class="content-view">
-			<view class="mtr-tab">
+		<view class="content-view">
+			<!-- 材料列表 -->
+			<view class="mtr-tab">
 				<u-table align="center" border-color="#FFFFFF" color="#333333" font-size="rpx" :th-style="thStyle"
 					padding="0">
 					<u-tr class="u-tr">
@@ -16,7 +17,8 @@
 						</u-td>
 					</u-tr>
 				</u-table>
-			</view>
+			</view>
+			<!-- 其他 -->
 			<view class="mtr-other">
 				<view class="line-view"></view>
 				<view class="other-space">
@@ -48,7 +50,8 @@
 					<text>{{money}}元</text>
 				</view>
 			</view>
-		</view>
+		</view>
+		<!-- 底部确定按钮 -->
 		<view class="bottom-view">
 			<u-button class="sure-button" type="primary" shape="circle" @click="handleSure" :custom-style="buttonStyle">
 				确定
@@ -61,8 +64,8 @@
 	export default {
 		data() {
 			return {
-				list: [],
-				other: []
+				list: [], // 材料列表
+				other: [], // 其他列表
 			};
 		},
 		computed: {
@@ -126,13 +129,15 @@
 				})
 			}
 		},
-		methods: {
+		methods: {
+			/* 其他添加新的 */
 			handleAdd() {
 				this.other.push({
 					title: '',
 					value: ''
 				})
-			},
+			},
+			/* 其他删除某个 */
 			handleSubtract(index) {
 				this.other.splice(index, 1)
 			},