细节

pages/learnPath/allPath.vue

@@ -21,8 +21,12 @@
 				<text class="text">当前路径</text>
 			</view>
 		</view>
-		<view class="tabel">
-		
+		<view class="table">
+			<view class="table-row" v-for="(row, rowIndex) in tableData" :key="rowIndex">
+			  <view class="table-cell" v-for="(cell, cellIndex) in row" :key="cellIndex">
+				{{ cell }}
+			  </view>
+			</view>
 		</view>
 	</view>
 </template>
@@ -31,7 +35,11 @@
 	export default {
 		data() {
 			return {
-				
+				 tableData: [
+				         ['Header 1', 'Header 2', 'Header 3'],
+				         ['Row 1, Cell 1', 'Row 1, Cell 2', 'Row 1, Cell 3'],
+				         ['Row 2, Cell 1', 'Row 2, Cell 2', 'Row 2, Cell 3']
+				       ]
 			}
 		},
 		onLoad() {
@@ -50,8 +58,26 @@
 <style>
 .all_path{
 	padding: 0 30rpx;
+	padding-top: 38rpx;
+	background: #fff;
+	height: 100vh;
+	.table {
+	  display: table;
+	  width: 100%;
+	}
+	.table-row {
+	  display: table-row;
+	}
+	 
+	.table-cell {
+	  display: table-cell;
+	  border: 1px solid #ddd;
+	  padding: 10px;
+	  text-align: center;
+	  vertical-align: middle;
+	}
 	.headers{
-		margin-top: 38rpx;
+		/* margin-top: 38rpx; */
 		position: relative;
 		display: flex;
 		justify-content: center;