phone_question.html
6.0 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_641470_ay7pye7aoqk.css"/>
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="css/modern-accordion.css">
<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
<script src="js/modern-accordion.js"></script>
<style>
.question {
width: 7.5rem;
height: 0.88rem;
background-color: #FFFFFF;
line-height: 0.88rem;
padding: 0 0.33rem;
display: flex;
position: relative;
box-sizing: border-box;
}
.question .icon-wenhao1,.answer .icon-xiaoxi{
font-size: 0.4rem;
margin-right: 0.16rem;
}
.question .icon-wenhao1{
color: #D8B25F;
}
.answer .icon-xiaoxi{
color: #7A96E1;
}
.question_tit{
font-size: 0.24rem;
color: #D8B25F;
}
.question .icon-xiangyou{
font-size: 0.3rem;
color: #CCCCCC;
position: absolute;
right: 0.35rem;
}
.answer{
width: 7.5rem;
padding: 0.2rem 0.33rem 0.37rem;
background-color: #FFFFFF;
display: flex;
position: relative;
box-sizing: border-box;
line-height: 0.5rem;
}
.answer_text{
font-size: 0.22rem;
color: #333333;
}
.qa_list{
border-bottom: 1px solid #E4E4E4;
}
</style>
<title>我的账户</title>
</head>
<body>
<div class="seheader center">
<div class="left seback">
<a href="#" onClick="javascript:history.back(-1);"><img src="images/care_03.jpg" /></a>
</div>
<div class="headertext">常见问题</div>
</div>
<div class="question_wrap">
<div class="qa_list">
<div class="question">
<i class="iconfont icon-wenhao1"></i>
<p class="question_tit">常见问题</p>
<i class="iconfont icon-xiangyou"></i>
</div>
<div class="answer">
<i class="iconfont icon-xiaoxi"></i>
<p class="answer_text">您好，非常荣幸您能成为慈界医养的一员，让健康提升更简单是慈界医养的使命，在此离不开您的支持。根据您认购的权益类别，为更好为您服务，请您知晓持有的VIP权益。
</p>
</div>
</div>
<div class="qa_list">
<div class="question">
<i class="iconfont icon-wenhao1"></i>
<p class="question_tit">常见问题</p>
<i class="iconfont icon-xiangyou"></i>
</div>
<div class="answer">
<i class="iconfont icon-xiaoxi"></i>
<p class="answer_text">您好，非常荣幸您能成为慈界医养的一员，让健康提升更简单是慈界医养的使命，在此离不开您的支持。根据您认购的权益类别，为更好为您服务，请您知晓持有的VIP权益。
</p>
</div>
</div>
<div class="qa_list">
<div class="question">
<i class="iconfont icon-wenhao1"></i>
<p class="question_tit">常见问题</p>
<i class="iconfont icon-xiangyou"></i>
</div>
<div class="answer">
<i class="iconfont icon-xiaoxi"></i>
<p class="answer_text">您好，非常荣幸您能成为慈界医养的一员，让健康提升更简单是慈界医养的使命，在此离不开您的支持。根据您认购的权益类别，为更好为您服务，请您知晓持有的VIP权益。
</p>
</div>
</div>
</div>
<script type="text/javascript" src="js/common.js"/>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.question_wrap').on('click','.question',function () {
$(this).siblings('.answer').slideToggle()
})
getQA()
})
function getQA() {
$.ajax({
type:"POST",
url: baseUrl+"user/index/getQA",
dataType:"json",
data:{
DeviceType:"1",
token:"1",
},
success:function (res) {
$('.question_wrap').html(``)
var data = res.data
console.log(res.data)
for (key in data){
$('.question_wrap').append(`<div class="qa_list">
<div class="question">
<i class="iconfont icon-wenhao1"></i>
<p class="question_tit">${data[key].question}</p>
<i class="iconfont icon-xiangyou"></i>
</div>
<div class="answer">
<i class="iconfont icon-xiaoxi"></i>
<p class="answer_text">${data[key].question}
</p>
</div>
</div>`)
}
}
})
}
</script>
</body>
<!--paypart2 end-->