ihotel-h5/pages/gongyuxiangqing/gongyuxiangqing.vue

<template>
	<view class="content">
		<view class="xuzhi">
			<view class="xiang_title">公寓介绍</view>
			<view class="xiang_txt">
				         我们从分享时机、分享形式、分享动机、分享场景4个维度来聊聊「社交分享」的那些事儿。<br>
				<text style="display: block;text-indent: 56rpx;">所以监听用户的截图操作，提示用户进行分享，既缩短了以前分享截图的操作路径，避免了在之前长路径中的行为流失（比如截图完成后忘记分享或觉得麻烦放弃分享等等），也让用户觉得更加贴心。</text>
				         <text style="display: block;text-indent: 56rpx;">用户分享内容到社交媒体或好友，不应该是一种粗暴的强制行为，我们应该在保证产品本身内容有吸引力的核心前提下，仔细揣摩用户心理，结合产品本身的特色，在不同情境下提供给用户最合适的分享平台及方式，让用户分享成为一种水到渠。</text>
				        <text style="display: block;text-indent: 56rpx;">营业时间：24小时</text>
				         <text style="display: block;text-indent: 56rpx;">联系电话：<text @click="telphone(phone)" style="color:rgba(41, 109, 227, 1);">{{phone}}</text></text>
			</view>
		</view>
		<!-- 第二部分，公寓设施 -->
		<view class="sheshi">
			<view class="sheshi_title">公寓设施</view>
			<view class="sheshi_txt_left">
				<view style="margin-top: 30rpx;" class="sheshi_txt" v-for="(item,index) in sheshiList" :key="index">
					<image class="sheshi_icon" src="../../static/gongyuxiangqing/sheshi_icon.png"></image>{{item.list}}
				</view>
			</view>
			<view class="sheshi_txt_right">
				<view style="margin-top: 30rpx;" v-for="(item,index) in sheshiList2" :key="index">
					<image class="sheshi_icon" src="../../static/gongyuxiangqing/sheshi_icon.png"></image>{{item.list}}
				</view>
			</view>
		</view>
		<!-- 第三部分 入住须知 -->
		<view class="xuzhi">
			<view class="xiang_title">入住须知</view>
			<view class="xiang_txt">
				         我们从分享时机、分享形式、分享动机、分享场景4个维度来聊聊「社交分享」的那些事儿。<br>
				<text style="display: block;text-indent: 56rpx;">所以监听用户的截图操作，提示用户进行分享，既缩短了以前分享截图的操作路径，避免了在之前长路径中的行为流失（比如截图完成后忘记分享或觉得麻烦放弃分享等等），也让用户觉得更加贴心。</text>
				         <text style="display: block;text-indent: 56rpx;">用户分享内容到社交媒体或好友，不应该是一种粗暴的强制行为，我们应该在保证产品本身内容有吸引力的核心前提下，仔细揣摩用户心理，结合产品本身的特色，在不同情境下提供给用户最合适的分享平台及方式，让用户分享成为一种水到渠。</text>
				        <text style="display: block;text-indent: 56rpx;">营业时间：24小时</text>
				         <text style="display: block;text-indent: 56rpx;">联系电话：<text @click="telphone(phone)" style="color:rgba(41, 109, 227, 1);">{{phone}}</text></text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				sheshiList:[
					{id:1,list:'免费洗刷用品'},
					{id:2,list:'24小时热水'},
					{id:3,list:'客房wifi覆盖'},
					{id:4,list:'电视'},
					{id:5,list:'电吹风'},
					{id:6,list:'分体式空调'},
				],
				sheshiList2:[
					{id:1,list:'吹风机'},
					{id:2,list:'宽带上网接口'},
					{id:3,list:'独立卫生间'},
					{id:4,list:'拖鞋'},
					{id:5,list:'电水壶'},
					{id:6,list:'免费瓶装水'},
				],
				phone:'0791-82293574'
			}
		},
		onLoad() {
			
		},
		methods: {
			//拨打电话
			telphone(phone){
				uni.makePhoneCall({ 
					phoneNumber: phone ,
				}) // 传参带入号码即可
			},
		}
	}
</script>

<style>
	@import url("./css/gongyuxiangqing.css");
</style>