<template>
	<view class="main-center-y cross-center page">
		<view class="i" @click="goPage('/pages/user-center/about-mall/mallAgreement')">
			商城协议<image src="../../../static/index/arrow-right-ewrte.png" mode=""></image>
		</view>
		<view class="i" @click="goPage('/pages/user-center/about-mall/ComplaintsSuggestions')">
			投诉建议<image src="../../../static/index/arrow-right-ewrte.png" mode=""></image>
		</view>
		<view class="i">
			<app-jump-button  form  :open_type="'tel'" url=""
				:number="userInfo.service_phone" :arrangement="'row'">
				联系客服<image src="../../../static/index/arrow-right-ewrte.png" mode=""></image>
			</app-jump-button>
			
		</view>
	</view>
</template>

<script>
	import {mapState} from 'vuex'
	export default {
		data() {
			return {
				
			};
		},
		computed:{
			...mapState({
				userInfo: state => state.user.info,
			})
		},
		methods:{
			goPage(url){
				uni.navigateTo({url:url})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.page{
		height: 100vh;
		background-color: #fff;
	}
	.i{
		width: 600rpx;
		height: 92rpx;
		background: #F9F9F9;
		border-radius: 46rpx;
		font-size: 32rpx;
		font-weight: 500;
		color: #000000;
		text-align: center;
		line-height: 92rpx;
		margin: 22rpx auto;
		position: relative;
		image{
			width: 29rpx;
			height: 7rpx;
			position: absolute;
			top: 46rpx;
			right: 44rpx;
		}
	}
</style>
