Skip to content

成立 / weiduh5

转到一个项目
Commit 8598b076 by 颜景龙
Options

适配华为h5页面样式

parent 92d10682
内嵌 并排
正在显示 包含 123 行增加 和 88 行删除
css/form.css
......@@ -272,11 +272,10 @@
*/
.zbtn {
display: inline-block;
padding: 0.7rem 1rem;
padding: 0.5rem 1rem;
margin-bottom: 0;
font-size: 1.75rem;
font-size: 1.5rem;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
border-radius: 0;
white-space: nowrap;
......@@ -403,6 +402,9 @@
border-bottom-right-radius: 4px;
}
.zvalid-resultformat {
font-size: 1rem!important;
}
......
gift/gift.html
......@@ -20,7 +20,7 @@
padding: 0;
background: rgba(243,243,243,1);
font-family: -apple-system-font, "Helvetica Neue", sans-serif;
width: 23.4375rem;
/* width: 23.4375rem; */
}
* {
......@@ -36,21 +36,21 @@
}
.class-banner {
width: 23.4375rem;
width: 100%;
height: 12.5rem;
background-size: cover;
flex-direction: column;
background-position: center;
/* background-image: url(./banner.png); */
background-image: url(./banner.png);
}
.gift-panel {
width: 23.4375rem;
width: 100%;
}
.gift-list {
margin-top: 0.625rem;
width: 23.4375rem;
width: 100%;
float: left;
}
......@@ -141,12 +141,13 @@
}
.form-panel {
padding: 0.5rem 0.3rem 3rem 0.3rem ;
padding: 0.5rem 0.3rem 4rem 0.3rem ;
background: #FFF;
}
.form-panel .control-field {
position: relative;
border-bottom: 1px solid rgba(216,216,216,1);
}
.form-panel .control-field label {
position: absolute;
......@@ -162,7 +163,7 @@
font-size: 1rem;
padding: 0.5rem 0.5rem 0.5rem 7rem;
border: 0;
border-bottom: 1px solid rgba(216,216,216,1);
/* border-bottom: 1px solid rgba(216,216,216,1); */
-webkit-appearance : none ;
}
......@@ -389,6 +390,11 @@
onKeyup:true,
sendForm:true,
firstInvalidFocus: true,
invalid:function() {
setTimeout(() => {
console.log($('.field-tooltipWrap').children().children().children());
}, 500);
},
valid:function(event,options){
//点击提交按钮时,表单通过验证触发函数
event.preventDefault();
......
groupIntro.html
......@@ -8,14 +8,50 @@
<meta name="viewport" content="width=device-width, initial-scale=.0, maximum-scale=.0, user-scalable=no">
<meta name="format-detection" content="telephone = no"/>
<title>团课详情</title>
<link rel="stylesheet" href='./main.css'>
<script src="./echarts.min.js"></script>
<style>
#chart {
width: 100%;
height: 12rem;
margin-top: 1rem;
}
.page2 {
height: 30rem;
background: #333740;
color: #FFF;
}
.page2 .title {
width: 100%;
height: 1.75rem;
line-height: 1.75rem;
background: #292c35;
font-size: 0.5rem;
}
.page2 .title img {
width: 0.5rem;
height: 0.5rem;
margin-left: 0.5rem;
}
.page2 .title span {
display: inline-block;
font-size: 1rem;
text-align: left;
margin-left: 0.4rem;
}
.page2 .pic {
width: 100%;
height: 10rem;
}
.page2 .main {
padding: 0 1rem;
}
.page2 .main h3 {
font-size: 0.8rem;
text-align: center;
}
.page2 .main p {
font-size: 0.65rem;
}
#chart {
width: 100%;
height: 12rem;
margin-top: 1rem;
}
</style>
</head>
<body class='page2'>
......
gz.html
......@@ -6,84 +6,76 @@
<meta http-equiv="x-dns-prefetch-control" content="on">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=.0, maximum-scale=.0, user-scalable=no">
<meta name="format-detection" content="telephone = no"/>
<title>规则详情</title>
<meta name="format-detection" content="telephone = no"/>
<title>规则详情</title>
<style>
html,
body {
margin: 0;
padding: 0;
background: #333740;
font-family: -apple-system-font, "Helvetica Neue", sans-serif;
color: #FFF;
}
<style>
html {
font-size: 16px;
}
html,
body {
margin: 0;
padding: 0;
background: #333740;
color: #fff;
font-family: -apple-system-font, "Helvetica Neue", sans-serif;
width: 23.4375rem;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
*::before,
*::after {
box-sizing: border-box;
content: '';
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.page1 {
width: 23.4375rem;
}
.page1 .main {
padding: 0 1.25rem;
}
.page1 .main h3 {
font-size: 1rem;
text-align: center;
}
.page1 .main p {
font-size: 0.8rem;
}
</style>
</head>
<body class='page1'>
<div class='main'>
<h3>约课</h3>
*::before,
*::after {
box-sizing: border-box;
}
.page1 .main {
padding: 0 1.25rem;
}
.page1 .main h3 {
font-size: 1rem;
text-align: center;
}
.page1 .main p {
font-size: 0.8rem;
}
</style>
<body class="page1">
<div class="main">
<h3>约课</h3>
<p>
11:00约课：每天中午11:00开放预约，团操课程提前两天开放<br/><br/>
举个栗子：今天周一11:00点预约周三各门店全天课程
</p>
11:00约课：每天中午11:00开放预约，团操课程提前两天开放<br/><br/>
举个栗子：今天周一11:00点预约周三各门店全天课程
</p>
<h3>排队</h3>
<p>
约满排队：当课堂名额已满，若预约成功的人取消课程，我们会按照排队先后顺序通知上课<br/><br/>
排队提醒：排队成功会在微信公众号【维度运动】发送排队成功提醒
</p>
<h3>取消</h3>
<p>
提前取消：如因个人原因不能上课，可在上课前1小时取消预约<br/><br/>
举个栗子：今天18点可取消19点预约的课程<br/><br/>
官方取消：当课程开始前2小时预约人数不足7人，维度官方将取消本节课程
</p>
<h3>签到</h3>
<p>
上课签到：上课前或下课后15分钟内需在乐刻运动健身APP或微信扫一扫课程签到<br/><br/>
签到失败：因特殊原因导致课程签到失败，可在门店联系店长工作人员说明签到失败情况进行补签
</p>
</div>
约满排队：当课堂名额已满，若预约成功的人取消课程，我们会按照排队先后顺序通知上课<br/><br/>
排队提醒：排队成功会在微信公众号【维度运动】发送排队成功提醒
</p>
<h3>取消</h3>
<p>
提前取消：如因个人原因不能上课，可在上课前1小时取消预约<br/><br/>
举个栗子：今天18点可取消19点预约的课程<br/><br/>
官方取消：当课程开始前2小时预约人数不足7人，维度官方将取消本节课程
</p>
<h3>签到</h3>
<p>
上课签到：上课前或下课后15分钟内需在乐刻运动健身APP或微信扫一扫课程签到<br/><br/>
签到失败：因特殊原因导致课程签到失败，可在门店联系店长工作人员说明签到失败情况进行补签
</p>
</div>
<script src="./echarts.min.js"></script>
<script src="https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"></script>
<script>
$(document).ready(function() {
$(window).ready(function(){
$('html').css({'font-size':$(window).width()/375*16});
});
$(window).resize(function(){
$('html').css({'font-size':$(window).width()/375*16});
});
})
$(window).ready(function(){
$('html').css({'font-size':$(window).width()/375*16});
});
$(window).resize(function(){
$('html').css({'font-size':$(window).width()/375*16});
});
});
</script>
</body>
</html>
\ No newline at end of file
</html>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此消息的编辑！
请 注册 或 登录 后发表评论