xnred/pages/applic/details.vue

<template>
	<view class="content">
		<image class="top-image" :src="list.img"></image>
		<view class="list-box">
			<view class="list-item">
				<view class="list-title flex_item">
					<image src="/static/img/img016.png"></image>
					<view class="name">什么是造血干细胞？</view>
				</view>
				<view class="list-tpl">
					造血干细胞是血液系统中的成体干细胞，是一个异质性的群体，具有长期自我更新的能力和分化成各类成熟血细胞的潜能。
					它是研究历史最长且最为深入的一类成体干细胞，对研究各类干细胞，包括肿瘤干细胞，具有重要指导意义。
				</view>
			</view>
			<view class="list-item">
				<view class="list-title flex_item">
					<image src="/static/img/img016.png"></image>
					<view class="name">造血干细胞移植能治哪些疾病？？</view>
				</view>
				<view class="list-tpl">
					造血干细胞移植是现代生命科学的重大突破。造血干细胞移植可治恶性血液病，骨髓功能衰竭，部分非血液系统恶性肿瘤，部分遗传性疾病等75种严重的致死性疾病。包括白血病、多发性骨髓瘤、急性放射病、骨髓纤维化等。 因为有了造血干细胞移植技术，世界各地成千上万患有以上疾病的患者，重新燃起生命的希望。
				</view>
			</view>
			<view class="list-item">
				<view class="list-title flex_item">
					<image src="/static/img/img016.png"></image>
					<view class="name">什么是造血干细胞移植？？</view>
				</view>
				<view class="list-tpl">
				正常人的造血干细胞通过静脉输注到患者体内，重建患者的造血功能和免疫功能，达到治疗某些疾病的目的，此一过程称为造血干细胞移植。
				</view>
			</view>
			<view class="list-item">
				<view class="list-title flex_item">
					<image src="/static/img/img016.png"></image>
					<view class="name">怎样成为一名捐献造血干细胞志愿者？</view>
				</view>
				<view class="list-tpl">
					年龄在18~45周岁、身体健康、经血液检查合格（符合无偿献血条件），
					特别是有成功献血史者在征得家人同意后均可登记成为造血干细胞志愿捐献者，
					志愿捐献者可在线提交个人信息，等待市红十字会统一组织造干入库血样（6~8毫升）抽取。
					组织配型实验室将会对你的血液进行HLA分型检验，并录入中国造血干细胞捐献者资料库的计算机数据库中，
					以供渴望移植治疗的患者寻找配对，这样你就成了一名光荣的造血干细胞志愿捐献者。
				</view>
			</view>
			<view class="list-item">
				<view class="list-title flex_item">
					<image src="/static/img/img016.png"></image>
					<view class="name">捐献造血干细胞会影响身体健康吗？</view>
				</view>
				<view class="list-tpl">
					造血干细胞和人体内各种细胞一样，每天都在不断进行着生成、衰老、死亡的循环往复。
					通常情况下，仅采集约200毫升的造血干细胞悬液。采集后，人体红骨髓加速生成造血干细胞，
					通过其很强的再生能力和分化、发育功能产生各种类型血细胞，1—2周内，血液中各种成分可恢复到原来水平，因此，捐献造血干细胞不会影响健康。
				</view>
			</view>
			<view class="list-item">
				<view class="list-title flex_item">
					<image src="/static/img/img016.png"></image>
					<view class="name">目前是采用哪种方法采集造血干细胞？</view>
				</view>
				<view class="list-tpl">
					我们提倡采集方式是从外周血采集造血干细胞。
					用科学方法将骨髓血中的造血干细胞大量运动到外周血中，从捐献者手臂静脉处采集全血，
					通过血细胞分离机提取造血干细胞，同时，将其他血液成分回输捐献者体内。
				</view>
			</view>
				<!-- <jyf-parser :html="description" ref="article"></jyf-parser> -->
		</view>
	</view>
</template>
<script>
import { get_cell } from '@/api/train.js';
import jyfParser from "@/components/jyf-parser/jyf-parser";
export default {
	components: {
	   jyfParser
	 },
	data() {
		return {
			id:'',
			list:'',
			description:'',
		};
	},
	onLoad(option) {
		this.id = option.id;
		this.loadData();
	},
	onShow() {},
	methods: {
		async loadData() {
			let obj = this;
			get_cell({
				id:obj.id
			}).then((e) => {
				obj.list = e.data;
				if(obj.list.content != null){
					obj.description = obj.list.content.replace(/<img/g,"<img style='max-width:100%;height:auto;'");
				}//小程序商品详情图超出屏幕问题
			});
		}
	}
};
</script>

<style lang="scss">
page {
	background: #FFFFFF;
	width: 100%;
	height: 100%;
	.content {
		height: 100%;
	}
}
.top-image{
	width: 100%;
	height: 300rpx;
}
.list-box{
	padding:25rpx 25rpx;
}
.list-item{
	padding-bottom: 15rpx;
	.list-title{
		font-size: 34rpx;
		image{
			width: 46rpx;
			height: 44rpx;
			margin-right: 15rpx;
		}
	}
	.list-tpl{
		margin: 25rpx 0rpx;
		padding: 25rpx 25rpx;
		background-color: #FEF6F7;
		border:4rpx solid #C53335;
		color: #222222;
		font-size: 28rpx;
		border-radius: 25rpx;
	}
}
</style>