源文件

jeepay-ui-uapp-agent/pageWork/setUp/postDetail.vue

@@ -0,0 +1,60 @@
+<template>
+  <view class="content">
+    <view class="title">
+      <span>{{ content.title }}</span>
+    </view>
+    <view class="updatedAt">
+      <span>作者：{{ content.publisher }}</span>
+      &nbsp&nbsp
+      <span>时间：{{ content.updatedAt }}</span>
+    </view>
+    <!-- map-html 解析时出现横向滚动条  -->
+    <!-- <mp-html :content="content.content" />	 -->
+    <view class="content-text" v-html="content.content"></view>
+  </view>
+</template>
+
+<script setup>
+import { ref, reactive } from "vue"
+import { $noticeDetail } from "@/http/apiManager.js"
+import { onLoad } from "@dcloudio/uni-app"
+import parseHtml from "@/util/html-parse.js"
+const content = ref({})
+onLoad((options) => {
+  $noticeDetail(options.id).then(({ bizData }) => {
+    content.value = bizData
+  })
+})
+</script>
+<style lang="scss" scoped>
+.content {
+  box-sizing: border-box;
+  padding: 0 50rpx 40rpx 50rpx;
+  .title {
+    // height: 60rpx;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    font-size: 35rpx;
+    padding: 20rpx 0;
+    font-weight: 700;
+    color: rgba(0, 0, 0, 0.8);
+  }
+  .updatedAt {
+    padding: 0rpx 0 40rpx 0;
+    color: #969696;
+    font-size: 20rpx;
+    span {
+      &:nth-child(2) {
+        margin-left: 30rpx;
+      }
+    }
+  }
+}
+.content-text {
+  img {
+    width: 100% !important;
+  }
+}
+</style>