<template>
	<view class="page">
		<u-navbar title="常见问题" :border-bottom="false" :background="bgc" back-icon-color="#262B37" title-color='#262B37'
			title-size='36' height='40' id="navbar">
		</u-navbar>
        <image class="bjimg" src="https://api.ccttiot.com/smartmeter/img/static/uvnKFCPlFY5ZO3wUosTw" mode=""></image>
        <image class="shuomimg" src="https://api.ccttiot.com/smartmeter/img/static/u8s2cZqpTqCUTvyyCnRq" mode=""></image>
        <view class="body" v-html="content">
        	<!-- <view class="one">
        		01、如何预定包间？
        	</view>
			<view class="two">
				打开小程序，选择门店，选择包间，选择预 定时长即可！
			</view>
			<view class="one">
				02、如何取消预订？
			</view>
			<view class="two">
				如果您当前时间距离订单开始大于1小时， 可以自主取消订单，订单金额会原路退回， 如果无法自主取消订单，请联系平台客服或 商家协商沟通，平台客服或商家会协助您取 消订单，并进行退款操作！
			</view>
			<view class="two">
				如果您当前时间距离订单开始小于1小时， 我们将核收您订单15%的退单费。
			</view>
			<view class="one">
				03、茶室配备茶点与茶叶吗？
			</view>
			<view class="two">
				茶室配有自助售货柜，茶品和茶点均可自主 选择下单购买！
			</view> -->
        </view>
	</view>
</template>

<script> 
	export default {
		data() {
			return {
                bgc: {
                	backgroundColor: "",
                },
				content:''
			}
		},
		onLoad() {
            this.getchangjian()
		},
		methods: {
			// 获取常见问题
			getchangjian(){
				this.$u.get(`app/article/21`).then(res => {
					if (res.code == 200) {
						this.content = res.data.content
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background: #fff;
		.bjimg{
			width: 100%;
			height: 100vh;
			position: fixed;
			top: 0;
			left: 0;
			z-index: -1;
		}
		.shuomimg{
			width: 736rpx;
			height: 1292rpx;
			position: fixed;
			top: 196rpx;
			left: 0;
			z-index: -1;
		}
		.body{
			width: 570rpx;
            margin: auto;
            box-sizing: border-box;
            margin-top: 380rpx;
            height: 840rpx;
			overflow: scroll;
			.one{
				font-weight: 600;
				font-size: 32rpx;
				color: #48893B;
				margin-top: 60rpx;
			}
			.two{
				font-size: 28rpx;
				color: #3D3D3D;
				margin-top: 22rpx;
			}
		}
	}

</style>