lzf
/
djfp-app


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
							<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>系统设置</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="../../css/animate.min.css" rel="stylesheet" />
		<link href="../../css/iconfont.css" rel="stylesheet" />
		<style>
			.mui-content{margin-top: 54px;}
            .mui-table-view-cell>a:not(.mui-btn){color: darkgray;}
            .mui-table-view-cell{padding: 13px;text-align: left;border-bottom: 1px solid #e7e7e7;font-size: 15px;}
            .mui-table-view-cell:last-child{border: 0px;}
            .mui-table-view-cell{border-bottom: 1px solid #efefef;}
		    .mui-table-view:before{background-color: rgba(200, 199, 204, 0);}
		    .mui-table-view:after{background-color: rgba(200, 199, 204, 0);}
		    .mui-table-view-cell:after{background-color: rgba(200, 199, 204, 0);}
			.mui-pull-right{margin-right: 20px;font-size: 14px;}
			.bg{padding: 15px;text-align: center;}
			.m_box {padding: 10px 10px 10px 10px;margin-top: -20px;box-shadow: 0 1px 6px #dbdbdb;}
			.icon{margin-right: 8px;font-size: 20px;font-weight: bold;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">客服</h1>
		</header>
		<div class="mui-content bg animated fadeInUp" id="app">
			<div class="m_box">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" style="margin-top: -10px;">
						<a class="mui-navigate-right" @click="op(1)">
							<span class="mui-pull-right">{{qq}}</span>
							<i class="icon iconfont icon-qq_out_" style="color: #FF5722;"></i>官方QQ</a>
					</li>
					<li class="mui-table-view-cell">
						<a class="mui-navigate-right" @click="op(2)">
							<span class="mui-pull-right">{{group}}</span>
							<i class="icon iconfont icon-QQqun" style="color:#FF5722;"></i>官方QQ群</a>
					</li>
					<li class="mui-table-view-cell" style="margin-bottom: -10px;">
						<a class="mui-navigate-right" :href=" 'tel:'+phone">
							<span class="mui-pull-right">{{phone}}</span>
							<i class="icon iconfont icon-shoujihao" style="color: #607D8B;"></i>客服电话</a>
					</li>
				</ul>
			</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/app.js"></script>
		<script src="../../js/vue.min.js"></script>
		<script type="text/javascript">
			//操作
			mui.plusReady(function() {
				var vm = new Vue({
					el: "#app",
					data:{
						phone:getConstant().phone,
						qq:getConstant().qq,
						group:getConstant().group
					},
					methods: {
						op: function(flag) {
							switch(flag) {
								case 1:
                                    callqq(vm.qq);
									break;
								case 2:
									mui.toast("已复制,请打开qq搜索添加群");
									copy(vm.group);
									break;
							}
						}
					}
				})
			})
		</script>
	</body>

</html>