detail.vue 864 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <template>
  2. <view class="container">
  3. <view class="header">
  4. <text class="title">计划详情</text>
  5. </view>
  6. <view class="content">
  7. <text class="placeholder">计划详情页面开发中...</text>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. export default {
  13. data() {
  14. return {}
  15. },
  16. onLoad(options) {
  17. // 获取计划ID
  18. const planId = options.id
  19. console.log('计划ID:', planId)
  20. this.loadPlanDetail(planId)
  21. },
  22. methods: {
  23. async loadPlanDetail(planId) {
  24. // TODO: 加载计划详情
  25. console.log('加载计划详情:', planId)
  26. }
  27. }
  28. }
  29. </script>
  30. <style scoped>
  31. .container {
  32. padding: 30rpx;
  33. }
  34. .header {
  35. padding: 20rpx 0;
  36. }
  37. .title {
  38. font-size: 36rpx;
  39. font-weight: bold;
  40. }
  41. .content {
  42. padding: 40rpx;
  43. text-align: center;
  44. }
  45. .placeholder {
  46. color: #999;
  47. font-size: 28rpx;
  48. }
  49. </style>