index.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <template>
  2. <view>
  3. <u-navbar placeholder :autoBack="true" v-hideNav>
  4. <template slot="center">
  5. <view class="navbar_center_wrap">
  6. <text class="name">{{item}}</text>
  7. </view>
  8. </template>
  9. </u-navbar>
  10. <detail :orderId="orderId" :params="params"></detail>
  11. </view>
  12. </template>
  13. <script>
  14. import detail from "./page/detail.vue";
  15. import qs from 'qs';
  16. export default {
  17. components: {
  18. detail
  19. },
  20. onPullDownRefresh() {
  21. uni.stopPullDownRefresh();
  22. // 刷新
  23. uni.redirectTo({
  24. url : `/pages/clueDetail/index?` + qs.stringify(this.params),
  25. })
  26. },
  27. onLoad(option) {
  28. const { item , orderId , type } = option;
  29. console.log(option);
  30. this.item = item;
  31. this.orderId = orderId;
  32. this.params = option;
  33. uni.setNavigationBarTitle({
  34. title: item
  35. });
  36. },
  37. data() {
  38. return {
  39. item: "",
  40. orderId: "",
  41. params : {},
  42. }
  43. },
  44. mounted(){
  45. }
  46. }
  47. </script>
  48. <style lang="scss" scoped>
  49. .navbar_center_wrap{
  50. text-align: center;
  51. width: 200rpx;
  52. display: flex;
  53. flex-direction: column;
  54. align-items: center;
  55. .pinyin{
  56. font-size: 22rpx;
  57. color: #b3b3c6;
  58. }
  59. }
  60. </style>