<template>
	<view class="container">
		<view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg radius">
			<view class="cu-item arrow">
				<view class="content flex">
					<text class="text-black text-bold">计费规则</text>
				</view>
			</view>
			<view class="cu-item arrow" @click="goToFaq">
				<view class="content flex">
					<text class="text-black text-bold">常见问题</text>
				</view>
			</view>
			<view class="cu-item arrow" @click="openPhone">
				<view class="content flex">
					<text class="text-black text-bold">客服电话</text>
				</view>
			</view>
		</view>
	</view>
	<!-- 普通弹窗 -->
	<uni-popup ref="popup" background-color="#fff" @change="change">
		<view>popup 内容</view>
	</uni-popup>

</template>

<script setup>
	import {
		ref
	} from 'vue';

	const goToFaq = () => {
		uni.navigateTo({
			url: '/pages/user/HelpPage/HelpFaq'
		});
	}
	const popup = ref(null);
	const openPhone = () => {
		popup.value.open("center");
	}
</script>

<style>
	.container {
		background-color: white;
		height: 100vh;
	}
</style>