Skip to content

成立 / weiduh5

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

适配华为h5页面样式

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