-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_ble.html
225 lines (200 loc) · 8.3 KB
/
index_ble.html
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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> -->
<title>Document</title>
<link rel="icon" href="./images/logo.jpg">
<title>盆底肌锻炼产后恢复助手—G动</title>
<meta name="keywords" content="G动|pc肌|pc肌怎么锻炼|盆底肌|盆底肌在哪？|怎么锻炼盆底肌|凯格尔运动|凯格尔锻炼|性能力|性能力提升|增粗|延时|紧致|持久|阳痿怎么治疗|早泄怎么治疗|肌肉锻炼|产后康复|产后恢复|产后漏尿|产后脱垂|健康|医疗咨询|丁香医生|平安好医生|">
<meta name="description" content="G动是一款即权威又时尚的性训练APP，它以科学的盆底肌训练课程为核心，帮助使用者随时随地开启性训练，轻松养成性感习惯，充分提升男女性体验，维护盆底健康。
盆底肌：盆底肌是指封闭骨盆底的肌肉群，通过训练它，男性可以更有效的控制勃起和射精，而女性可以更好的控制肌肉群，保持紧致状态。在国外，盆底肌训练（又称凯格尔训练或PC肌训练）已经非常普遍，这一训练在国内也渐渐流行起来。
">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/swiper.min.css">
<link rel="stylesheet" href="./css/publicCSS.css">
<link rel="stylesheet" href="./css/index_ble.css">
<script src="./js/swiper.min.js"></script>
<script src="./js/jquery-2.1.4.js"></script>
<style>
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: .9rem;
left: 1px;
}
.banner .swiper-pagination-bullet:first-child {
border-top-left-radius: 10px !important;
width: 5.9rem;
height: 0.3rem;
border-radius: 0;
background: #fabf40;
margin: 0;
}
.banner .swiper-pagination-bullet:last-child {
border-top-right-radius: 10px !important;
width: 5.9rem;
height: 0.3rem;
border-radius: 0;
background: #fabf40;
margin: 0;
}
.swiper-pagination-bullet-active{
opacity:1;
background: #ed6e03 !important;
}
#dakai>div{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
}
#dakai>div>p{
width: 100%;
height: 0.35rem;
background: rgba(0, 0, 0, 0.9);
color: #ffffff;
letter-spacing: 0.02rem;
text-align: center;
line-height: 0.35rem;
font-size:0.16rem;
font-family: "微软雅黑";
}
</style>
<script>
// ---------页面刷新时执行--------------
var docuwidth = document.documentElement.clientWidth;
if (docuwidth >= 1920) {
document.documentElement.style.fontSize = '100px';
} else {
document.documentElement.style.fontSize = 100 * (docuwidth / 1920) + 'px';
}
</script>
</head>
<body>
<div class="header">
<div>
<img src="image/LOGO.png" alt="">
<div>
<a href="#" style=" background: #fabf40;color: #fff">首页</a>
<a href="./aboutG_ble.html">关于G动</a>
<a href="./articleList_ble.html">G-日记</a>
<a href="./downLoad.html">下载APP</a>
</div>
</div>
</div>
<div class="banner">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image:url('./images/PC banner/banner.png')">
<!-- <img src="./images/PC banner/banner.png" alt=""> -->
</div>
<div class="swiper-slide" style="background-image:url('./images/PC banner/3.png')">
<!-- <img src="./images/PC banner/3.png" alt=""> -->
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
<div class="whatG">
<div class="con">
<p>G动<span style="color:#fabf40">介绍</span></p>
<div>
<img src="./image/duanlian.png" alt="">
<p class="miao">
<span>G动是一款即权威又时尚的性训练APP，它以科学的盆底肌训练课程为核心，帮助使用者随时随地开启性训练，轻松养成性感习惯，充分提升男女性体验，维护盆底健康。</span>
<span>盆底肌：盆底肌是指封闭骨盆底的肌肉群，通过训练它，男性可以更有效的控制勃起和射精，而女性可以更好的控制肌肉群，保持紧致状态。在国外，盆底肌训练（又称凯格尔训练或PC肌训练）已经非常普遍，这一训练在国内也渐渐流行起来。</span>
</p>
</div>
</div>
</div>
<div class="aboutG" style="background-image:url('./images/indexbd.png')">
<p>关于<span style="color:#fabf40">G动</span></p>
<div id="dakai">
<div id="aboutG_ble" style="background-image:url('./images/cominfo.png')">
<p>公司介绍</p>
</div>
<div id="character_ble" style="background-image:url('./images/character1.png')">
<p>个性定制</p>
</div>
<div id="relaxed_ble" style="background-image:url('./images/relaxed1.png')">
<p>轻松有趣</p>
</div>
<div id="authority_ble" style="background-image:url('./images/authoruty1.png')">
<p>科学权威</p>
</div>
<div id="share_ble" style="background-image:url('./images/interact1.png')">
<p>互动分享</p>
</div>
</div>
</div>
<div class="advatage">
<p>我们的<span style="color:#fabf40">优点</span></p>
<div>
<img src="./images/advatage.jpg" alt="">
</div>
</div>
<div class="footer">
<p class="lianxi" style="color:#fff">
<span>联系我们</span>
</p>
<div>
<div>
<img src="./images/weixin.png" alt="">
<img src="./images/weibo.png" alt="">
</div>
<img src="./images/IMG_2631.png" alt="">
</div>
<p class="footerTitle">2014-2017@Gdong All Rights Reserved. 济南激动信息科技有限公司 鲁ICP备16018113号-2</p>
</div>
</body>
</html>
<script>
for(let i = 0; i<$('#dakai>div').length;i++){
let dom = $( $('#dakai>div')[i]);
dom.bind('mouseenter',function(item){
console.log(item);
dom.css({'cursor':'pointer'});
})
dom.click(function(){
window.location.href = `./${this.id}.html`;
})
}
</script>
<script>
var swiper = new Swiper('.swiper-container', {
// spaceBetween: 30,
centeredSlides: true,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
loop:true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
</script>
<script>
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
if(clientWidth>=1920){
docEl.style.fontSize = '100px';
}else{
docEl.style.fontSize = 100 * (clientWidth / 1920) + 'px';
}
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
</script>