100 lines
2.4 KiB
Vue
100 lines
2.4 KiB
Vue
<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> |