feat: 心路历程功能提交。

src/pages/work/heartJourney/details.vue

@@ -0,0 +1,76 @@
+<template>
+    <view class="container" style="paddingBottom:1rpx;">
+      <!-- <uni-navbar title="心路历程详情"></uni-navbar> -->
+      <view class="section">
+        <view class="section-title">{{ detailInfo.name }}</view>
+        <!-- <uni-cellItem title="标题:" :value="detailInfo.name"></uni-cellItem>
+        <uni-cellItem title="记录时间:" :value="detailInfo.createTime"></uni-cellItem>
+        <uni-cellItem title="内容:"></uni-cellItem> -->
+        <view class="content">{{ detailInfo.remark }}</view>
+      </view>
+      <u-toast ref="uToast"></u-toast>
+    </view>
+  </template>
+  
+  <script>
+import { getHeartJourney} from '@/api/invest/heartJourney'
+  
+  export default {
+    data() {
+      return {
+        detailInfo: {},
+        id: '',
+      }
+    },
+    onLoad(option) {
+      this.id = option.id
+      this.getInfo()
+    },
+    methods: {
+      getInfo() {
+        getHeartJourney(this.id).then(res => {
+          this.detailInfo = res.data
+        })
+      }
+    }
+  }
+  </script>
+  
+  <style lang="scss" scoped>
+  .section {
+    margin: 24rpx;
+    padding: 16rpx 24rpx;
+    background-color: #fff;
+    border-radius: 8rpx;
+  
+    .section-title {
+      width: 280rpx;
+      color: #333333;
+      line-height: 44rpx;
+      font-size: 30rpx;
+      border-left: 6rpx solid #2681FF;
+      padding-left: 26rpx;
+    }
+  
+    .content {
+      width: 647rpx;
+      font-size: 28rpx;
+      color: #333333;
+      line-height: 40rpx;
+      text-align: left;
+    }
+  
+    .img-con {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 20rpx
+    }
+    .form-view {
+      padding: 20rpx 0rpx 0 10rpx;
+  
+      .form-btn {
+        padding-top: 20rpx;
+      }
+    }
+  }
+  </style>