zhxf-app/pages/info/fireBashDetail/fireBashDetail.vue

<template>
	<view class="padding fireBashDetailWrapper">
		<view class="margin-bottom fireD-tit">{{this.getData.title}}</view>
		<view class="flex justify-between align-center">
			<view>
				<view class="cu-avatar round" style="background-image:url(../../static/fireBase.png)"></view>
				<text class="margin-left-sm margin-right-sm text-sm">{{this.getData.author}}</text>
				<text>{{this.getData.release_time}}</text>
			</view>
			<view style="color:#999">阅读：{{this.getData.frequency}}</view>
		</view>

		<view class="fireD-content margin-top padding-top-xs">

			<view class="">
				
				<img src="../../../static/fireD-img.png" alt="" style="max-width:100%">

				<view style="text-indent:58rpx">
					&nbsp;第一决：熟悉环境，暗记出口。当你来到酒店，卡拉OK厅，务必留心疏散通道、安全出口及楼梯方位等，等大火燃起、浓烟密布时，便可以摸清道路，尽快逃离现场。</view>
				<view style="text-indent:58rpx">第二决：通道出口畅通无阻。楼梯、通道、安全出口等是火灾发生时最重要的逃生支路，应保证畅通无阻，切不可堆放杂物或设闸上锁。且自断后路，必死无疑。
				</view>
				<view style="text-indent:58rpx">第三决：保持镇静，快速撤离。突遇火灾，面对浓烟和烈火，千万不要盲目的跟从人流相互拥挤、乱冲乱撞。
					首先要保持镇静，判明起火地点，多地脑筋，因地制宜， 因时制宜，决定逃生的办法。</view>
				<view style="text-indent:58rpx">第四决：不入险地、不贪财物、生命是最重要的。不要因为害羞及顾及贵重物品，而把宝贵的逃生时间浪费在
					穿衣或寻找贵重物品上。据报载：在一次特大火灾中，人们发现有三名遇难者手中抓着存折或首饰。</view>
				<view style="text-indent:58rpx">
					第五决：简易防护，不可缺少。逃生时可用毛巾、口罩等蒙住口鼻，将被褥浇湿蒙在身上通过烟火区。烟气较空气轻而飘上部，匍匐前进，贴近地面逃离是较佳的办法。</view>
				<view style="text-indent:58rpx">第六决：莫乘电梯。发生火灾后，电气设备随时可能发生短路，造成停电。一定不要乘坐电梯。要走楼梯或紧急疏散通道。</view>
			</view>
		</view>

		<view class="preAndNext">
			<view class="flex align-top">
				<view style="width:120rpx">上一篇：</view>
				<view style="width:calc(100% - 120rpx)" >火灾逃生十大要诀</view>
			</view>
			<view class="flex align-top">
				<view style="width:120rpx">下一篇：</view>
				<view style="width:calc(100% - 120rpx)">火灾逃生十大要诀</view>
			</view>
		</view>


		<!-- <view class="share grid col-3">
			<view class="share-item align">
				<text class="icon iconfont margin-right-xs margin-left-lg">&#xe60c;</text>
				分享
			</view>
			<view class="share-item" @click="clickPraise()" :class="[praise?'active':'']"><text class="icon iconfont margin-right-xs margin-left-lg"  >&#xe62a;</text>收藏</view>
			<view class="share-item"  @click="clickZan()" :class="[zan?'active':'']"><text class="icon iconfont margin-right-xs margin-left-lg">&#xe600;</text>点赞</view>
		</view> -->




	</view>

</template>

<script>
	export default {
		data() {
			return {
				praise:false,
				zan:false,
				getData:{}
			}
		},
		
		onLoad:function(option){
			this.getFireBaseDetail({'company_code':uni.getStorageSync('selectedCode'),"id":option.id})
		},
		
		methods: {
			
			// 详情页数据请求
			async getFireBaseDetail(params = {}) {
				const res = await this.$myRequest({
					url: 'KnowledgeBase/getKnowledgeBaseDetails',
					data:params,
					showLoading: true
				})
				this.getData=res.data.data[0];
				console.log(this.getData)
			},
			
			
			clickPraise() {
		
				this.praise = !this.praise;
			},
			clickZan() {
		
				this.zan = !this.zan;
			},

		}
	}
</script>

<style>

</style>