index.vue 686 B

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <view class="order">
  3. <!-- header -->
  4. <cu-custom isBack custom bgColor="bg-gradual-blue"><view slot="content">我的订单</view></cu-custom>
  5. <!-- section -->
  6. <view class="section">
  7. <cu-tab :value="defaultKey" @change="change" :list="list" />
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. export default{
  13. data(){
  14. return {
  15. defaultKey:0,
  16. list:[
  17. {id:1,label:"全部"},
  18. {id:2,label:"待支付"},
  19. {id:3,label:"待发货"},
  20. {id:4,label:"运输中"},
  21. {id:5,label:"已完成"},
  22. {id:6,label:"待评价"}
  23. ],
  24. }
  25. },
  26. methods:{
  27. change(index,item){
  28. this.defaultKey=index;
  29. }
  30. }
  31. }
  32. </script>
  33. <style lang="scss">
  34. </style>