1

pages.json

@@ -718,10 +718,17 @@
 			"root": "pages/ticketCoupons",
 			"pages": [
 				{
-					"path": "list"
+				  "path": "list"
 				},{
-				"path": "components/time/index"
-			}]
+				  "path": "components/time/index"
+				},{
+				  "path": "detail",
+				  "enablePullDownRefresh": true,
+				  "style": {
+				      "navigationStyle": "custom"
+				  }
+				}
+			]
 		}
     ],
     "globalStyle": {

pages/ticketCoupons/components/cascade.vue

+<template>
+	<view class="cascde">
+		<view v-for="(item,index) in dataList">
+			<view class="cascde-item">
+				<text>{{item.Name}}</text>
+				<u-icon name="arrow-down" color="#000" size="28rpx" v-if="item.ChildrenList" ></u-icon>
+			</view>
+			<view v-for="(_item1) in item.ChildrenList"  v-if="item.ChildrenList">
+				<view class="cascde-item">
+					<text>{{_item1.Name}}</text>
+					<u-icon name="arrow-down" color="#000" size="28rpx" v-if="_item1.ChildrenList"></u-icon>
+				</view>
+				<view v-for="(_item2) in _item1.ChildrenList" v-if="_item1.ChildrenList">
+					<view class="cascde-item">	
+						<text>{{_item2.Name}}</text>
+						<u-icon name="arrow-down" color="#000" size="28rpx" v-if="_item2.ChildrenList"></u-icon>
+					</view>
+					<view v-for="(_item3) in _item2.ChildrenList" v-if="_item2.ChildrenList">
+						<view class="cascde-item">	
+						   <text>{{_item3.Name}}</text>
+						   <u-icon name="arrow-down" color="#000" size="28rpx" v-if="_item3.ChildrenList"></u-icon>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- <u-collapse >
+				<u-collapse-item :title="item.Name" v-for="(item) in dataList" >
+					<u-collapse v-if="item.ChildrenList">
+							<u-collapse-item :title="_item.Name" v-for="(_item) in item.ChildrenList" >
+								
+							</u-collapse-item>
+					</u-collapse>
+				</u-collapse-item>
+		</u-collapse> -->
+	</view>
+</template>
+
+<script>
+	export default {
+		props:{
+			dataList:{
+				type:Array,
+				default:[]
+			}
+		},
+		data(){
+			return{
+				
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.cascde{
+		width: 750rpx;
+		box-sizing: border-box;
+		background-color: #FFFFFF;
+		border-top: 1rpx solid #DDDDDD;
+		.cascde-item{
+			font-size: 28rpx;
+			padding: 20rpx 32rpx;
+			border-bottom: 1rpx solid #DDDDDD;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+		}
+	}
+</style>