add steps

src/pages/TicketDetail/TicketDetail.tsx

@@ -3,10 +3,23 @@ import { View } from '@tarojs/components';
 import { getCurrentInstance } from '@tarojs/runtime';
 import Taro from '@tarojs/taro';
 import pt from '@/plain-text';
+import { AtSteps } from 'taro-ui';
 
-export default class TicketDetail extends Component {
+interface StepItemData {
+  title: string;
+}
+
+interface TicketDetailState {
+  id: number;
+  current: number;
+  items: Array<StepItemData>;
+}
+
+export default class TicketDetail extends Component<{}, TicketDetailState> {
   state = {
     id: 0,
+    current: 0,
+    items: [],
   };
   componentDidMount(): void {
     const navBar = pt.get().navBar;
@@ -14,12 +27,23 @@ export default class TicketDetail extends Component {
       title: navBar.ticketDetail,
     });
     const { router } = getCurrentInstance();
-    const id = router?.params.id;
+    const id = router?.params.id as number;
+    const items = pt.get().ticketDetail.stepItems;
     this.setState({
       id: id,
+      items: items,
     });
   }
   render(): ReactNode {
-    return <View>TicketDetail: {this.state.id}</View>;
+    return (
+      <View>
+        <AtSteps
+          items={this.state.items}
+          current={this.state.current}
+          onChange={() => {}}
+        />
+        <View>TicketDetail: {this.state.id}</View>
+      </View>
+    );
   }
 }