Initial commit

pages/healing-detail/active-detail.vue

@@ -0,0 +1,68 @@
+<template>
+	<view class="content">
+		<myNav title="活动详情" bgColor="#fff" titleColor="#614D49" :backIcon="true" :backHome="false" :flex="false">
+		</myNav>
+		<view style="width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;overflow-y: auto;padding-bottom: 40rpx;">
+			<view style="margin: 40rpx;display: flex;width: 670rpx;flex-direction: column;align-items: center;background-color: #fff;box-sizing: border-box;
+			border-radius: 10rpx;padding: 40rpx;">
+				<text class="title">{{detail.title}}</text>
+				<rich-text style="margin-top: 40rpx; max-width: 630rpx; overflow-x: hidden;" :nodes="detail.content"></rich-text>
+			</view>
+		</view>	
+	</view>
+</template>
+
+<script setup>
+	import myNav from '@/components/my-nav.vue'
+	import {
+		urls
+	} from '@/util/apiUrl.js'
+	import dohttp from '@/util/requestConfig.js'
+	
+	const detail=ref()
+	onLoad((option) => {
+	
+		if (option && option.id) {
+			dohttp.get(urls.newDetailUrl + "?id=" + option.id).then((result) => {
+			detail.value = result
+			})
+		}
+	})
+	
+	const onShareAppMessage = () => {
+	  return {
+        title: '快来体验一下吧~',
+	    path: '/pages/index/index', // 分享的路径
+	  };
+	};
+	 
+	const onShareTimeline = () => {
+	  return {
+        title: '快来体验一下吧~',
+	    query: 'id=91', // 分享路径的参数
+	  };
+	};
+	
+</script>
+
+<style scoped>
+	.content {
+		width: 100vw;
+		height: 100vh;
+		background-color: #f9f8f8;
+		display: flex;
+		flex-direction: column;
+		font-family: SourceHanSans;
+		background-image: url('https://miniapp.yuxingu.com.cn/yxg-mp/pic/bg-all.png');
+		background-size: cover;
+		background-position: center;
+		background-repeat: no-repeat;
+    font-family: SourceHanSans;
+	}
+	.title{
+		
+		font-size: 36rpx;
+    font-family: SourceHanSansBold;
+		
+	}
+</style>