|
@@ -36,16 +36,11 @@
|
|
|
<div class="zy-h5-active">
|
|
|
<img class="img-hdnr" src="${active.staticMouldTheme.basePath}/img/hdnr.png">
|
|
|
<div class="active-content">
|
|
|
- <p>1.首次进店洗车15元;</p>
|
|
|
- <p>2.首次进店保养就送一次
|
|
|
- <#list active.parentItemList as parentItem>
|
|
|
- <#list parentItem.children as childItem>
|
|
|
- <#if childItem_index gt 0>+</#if>${childItem.itemName!}
|
|
|
- </#list>
|
|
|
- </#list>;
|
|
|
- </p>
|
|
|
- <p>3.办套餐卡就送60元保养代金券;</p>
|
|
|
- <p>4.全场所有项目均7.5折;</p>
|
|
|
+ <p><span>套餐包含:</span><span><#list parentItem.children as childItem>
|
|
|
+ <#if childItem_index gt 0>+</#if>${childItem.itemName!} ${childItem.itemNum} 次
|
|
|
+ </#list></span></p>
|
|
|
+ <p>开业限时优惠价:<span class="active-price">${parentItem.itemActivePrice!}</span>元</p>
|
|
|
+ <p>(现在报名,到店再送26项安全检测1次)</p>
|
|
|
</div>
|
|
|
<div class="active-zy">注:所有活动最终解释权归门店所有</div>
|
|
|
</div>
|
|
@@ -195,245 +190,207 @@
|
|
|
</div>
|
|
|
</body>
|
|
|
<style>
|
|
|
- * {
|
|
|
+ *{
|
|
|
padding: 0;
|
|
|
margin: 0;
|
|
|
- }
|
|
|
-
|
|
|
+ }
|
|
|
@media screen and (max-width: 360px) and (min-width: 321) {
|
|
|
- body {
|
|
|
- font-size: 14px
|
|
|
- }
|
|
|
+ body{font-size: 14px}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
@media screen and (max-width: 320px) {
|
|
|
- body {
|
|
|
- font-size: 12px
|
|
|
- }
|
|
|
+ body{font-size: 12px}
|
|
|
}
|
|
|
-
|
|
|
- .wrapper {
|
|
|
+ .wrapper{
|
|
|
position: relative;
|
|
|
}
|
|
|
-
|
|
|
/*模板样式*/
|
|
|
- .countdown-box {
|
|
|
+ .countdown-box{
|
|
|
color: #fff;
|
|
|
text-align: center;
|
|
|
padding: 10px 0;
|
|
|
background: crimson;
|
|
|
}
|
|
|
-
|
|
|
- .countdown-des {
|
|
|
+ .countdown-des{
|
|
|
font-size: 13px;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-main {
|
|
|
+ .zy-h5-main{
|
|
|
position: relative;
|
|
|
- padding-bottom: 4em;
|
|
|
+ padding-bottom: 1em;
|
|
|
background: #c01b39;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-bgimg {
|
|
|
+ .zy-h5-bgimg{
|
|
|
width: 100%;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-title {
|
|
|
+ .zy-h5-title{
|
|
|
position: absolute;
|
|
|
- left: 0;
|
|
|
- top: 8%;
|
|
|
- text-align: center;
|
|
|
+ left:0;
|
|
|
+ top:7%;
|
|
|
+ text-align:center;
|
|
|
width: 100%;
|
|
|
color: #fff;
|
|
|
}
|
|
|
-
|
|
|
- .img-title {
|
|
|
+ .img-title{
|
|
|
width: 58%;
|
|
|
}
|
|
|
-
|
|
|
- .store-name {
|
|
|
+ .store-name{
|
|
|
font-size: 1em;
|
|
|
- display: flex;
|
|
|
+ display:flex;
|
|
|
align-items: center;
|
|
|
- text-align: center;
|
|
|
+ text-align:center;
|
|
|
justify-content: center;
|
|
|
- margin-bottom: 0.4em;
|
|
|
- margin-top: -0.3em;
|
|
|
- font-weight: bold;
|
|
|
+ margin-bottom:1em;
|
|
|
+ margin-top: 0.5em;
|
|
|
+ font-weight:bold;
|
|
|
}
|
|
|
-
|
|
|
- .store-name span {
|
|
|
+ .store-name span{
|
|
|
font-size: 1.2em;
|
|
|
margin: 0 0.2em;
|
|
|
}
|
|
|
-
|
|
|
- .active-time {
|
|
|
+ .active-time{
|
|
|
width: 70%;
|
|
|
- margin: 0 auto;
|
|
|
+ margin:0 auto;
|
|
|
background: #ff7f00;
|
|
|
color: #ffff;
|
|
|
padding: 0.3em;
|
|
|
border-radius: 0.3em;
|
|
|
font-size: 0.8em;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-active {
|
|
|
- width: 100%;
|
|
|
+ .zy-h5-active{
|
|
|
+ width:100%;
|
|
|
position: absolute;
|
|
|
- left: 0;
|
|
|
- bottom: 1em;
|
|
|
+ left:0;
|
|
|
+ bottom: 0;
|
|
|
color: #fff;
|
|
|
padding-top: 1.5em;
|
|
|
}
|
|
|
-
|
|
|
- .img-hdnr {
|
|
|
- width: 35%;
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
+ .img-hdnr{
|
|
|
+ width:35%;
|
|
|
+ position:absolute;
|
|
|
+ left:0;
|
|
|
+ top:0;
|
|
|
}
|
|
|
-
|
|
|
- .active-content {
|
|
|
- padding: 1em 2em 0.5em;
|
|
|
+ .active-content{
|
|
|
+ padding:1.5em 2em 0.5em;
|
|
|
border: 0.3em solid #f39501;
|
|
|
width: 70%;
|
|
|
margin: 0 auto;
|
|
|
border-radius: 1em;
|
|
|
font-size: 0.8em;
|
|
|
}
|
|
|
-
|
|
|
- .active-content p {
|
|
|
- margin: 0.8em 0;
|
|
|
+ .active-price{
|
|
|
+ font-size: 2em;
|
|
|
+ color: #f7e79a;
|
|
|
}
|
|
|
-
|
|
|
- .active-zy {
|
|
|
- text-align: center;
|
|
|
+ .active-content p{
|
|
|
+ margin: 0.5em 0;
|
|
|
+ }
|
|
|
+ .active-zy{
|
|
|
+ text-align:center;
|
|
|
padding: 1em 0;
|
|
|
- font-size: 0.8em;
|
|
|
+ font-size: 0.6em;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
/*门店信息样式*/
|
|
|
- .zy-h5-store-info {
|
|
|
+ .zy-h5-store-info{
|
|
|
/* display: none; */
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-store-info>.store-info-cont {
|
|
|
+ .zy-h5-store-info > .store-info-cont{
|
|
|
padding: 1em;
|
|
|
font-size: 15px;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-store-info>.store-info-cont>.store-info-box {
|
|
|
+ .zy-h5-store-info > .store-info-cont > .store-info-box{
|
|
|
padding: 0.5em 0;
|
|
|
border-bottom: 0.1em solid #eee;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-store-info>.store-info-cont>.store-info-box span:first-child {
|
|
|
- font-weight: bold;
|
|
|
+ .zy-h5-store-info > .store-info-cont > .store-info-box span:first-child{
|
|
|
+ font-weight:bold;
|
|
|
width: 80px;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-store-info>.store-info-cont>.store-info-box span:last-child {
|
|
|
+ .zy-h5-store-info > .store-info-cont > .store-info-box span:last-child{
|
|
|
line-height: 1.5em;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-store-info>.store-info-cont>.store-info-box span:last-child a {
|
|
|
+ .zy-h5-store-info > .store-info-cont > .store-info-box span:last-child a{
|
|
|
color: #000;
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-gz {
|
|
|
+ .zy-h5-gz{
|
|
|
padding: 0.5em;
|
|
|
border-top: 0.6em solid #ededed;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-gz>div:first-child {
|
|
|
+ .zy-h5-gz > div:first-child{
|
|
|
font-size: 0.8em;
|
|
|
}
|
|
|
-
|
|
|
- .zy-headPhoto-list {
|
|
|
+ .zy-headPhoto-list{
|
|
|
padding: 0.5em 0.2em;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
-
|
|
|
- .zy-headPhoto-list>div {
|
|
|
+ .zy-headPhoto-list > div{
|
|
|
width: 2em;
|
|
|
height: 2em;
|
|
|
- overflow: hidden;
|
|
|
+ overflow:hidden;
|
|
|
border-radius: 10em;
|
|
|
margin: 0.2em;
|
|
|
float: left;
|
|
|
}
|
|
|
-
|
|
|
- .zy-headPhoto-list>div img {
|
|
|
+ .zy-headPhoto-list > div img{
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-store-info>.qg-cont {
|
|
|
+ .zy-h5-store-info >.qg-cont{
|
|
|
padding: 0.5em;
|
|
|
border-top: 0.6em solid #ededed;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-store-info .header-con {
|
|
|
+ .zy-h5-store-info .header-con{
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
background: #f8f8f8;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-store-info .header-con>p {
|
|
|
+ .zy-h5-store-info .header-con > p{
|
|
|
font-size: 1.2em;
|
|
|
margin: 0;
|
|
|
padding: 10px 0 8px;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-store-info .header-con>p:first-child {
|
|
|
+ .zy-h5-store-info .header-con > p:first-child{
|
|
|
font-weight: bold;
|
|
|
position: relative;
|
|
|
padding-left: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .zy-h5-store-info .header-con>p:first-child span {
|
|
|
+ }
|
|
|
+ .zy-h5-store-info .header-con > p:first-child span{
|
|
|
color: red;
|
|
|
}
|
|
|
-
|
|
|
- .kh-list {
|
|
|
- padding: 0 0.5em;
|
|
|
+
|
|
|
+ .kh-list{
|
|
|
+ padding:0 0.5em;
|
|
|
}
|
|
|
-
|
|
|
- .kh-list-tr {
|
|
|
+ .kh-list-tr{
|
|
|
display: flex;
|
|
|
- align-items: center;
|
|
|
+ align-items:center;
|
|
|
justify-content: center;
|
|
|
border-bottom: 0.1em solid #eee;
|
|
|
}
|
|
|
-
|
|
|
- .kh-list-td {
|
|
|
- width: 50%;
|
|
|
+ .kh-list-td{
|
|
|
+ width: 33%;
|
|
|
padding: 0.8em 0.5em;
|
|
|
- text-align: center;
|
|
|
}
|
|
|
-
|
|
|
- .kh-list-tr-head {
|
|
|
- font-weight: bold;
|
|
|
+ .kh-list-tr-head{
|
|
|
+ font-weight:bold;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-store-info #tel {
|
|
|
+ .zy-h5-store-info #tel{
|
|
|
font-style: initial;
|
|
|
}
|
|
|
-
|
|
|
/*底部栏样式*/
|
|
|
- .zy-h5-fx-bar {
|
|
|
+ .zy-h5-fx-bar{
|
|
|
height: 7em;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-bf-bar {
|
|
|
+ .zy-h5-bf-bar{
|
|
|
width: 100%;
|
|
|
- padding: 0.5em;
|
|
|
+ padding:0.5em;
|
|
|
background: #fff;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
@@ -444,8 +401,7 @@
|
|
|
z-index: 1000;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-bf-bar>span {
|
|
|
+ .zy-h5-bf-bar > span{
|
|
|
flex-grow: 1;
|
|
|
padding: 0.8em 0.6em;
|
|
|
font-size: 1em;
|
|
@@ -457,38 +413,33 @@
|
|
|
justify-content: center;
|
|
|
min-width: 76px;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-bf-bar>span span {
|
|
|
+ .zy-h5-bf-bar > span span{
|
|
|
margin-right: 0.5em;
|
|
|
}
|
|
|
-
|
|
|
.zy-h5-yuyue {
|
|
|
color: #fff;
|
|
|
background: #32CD32;
|
|
|
border-radius: 100px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
-
|
|
|
.zy-h5-share {
|
|
|
color: #fff;
|
|
|
background: #ff5500;
|
|
|
border-radius: 100px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
-
|
|
|
/*预约弹框样式*/
|
|
|
- .zy-h5-fix-z {
|
|
|
+ .zy-h5-fix-z{
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
position: fixed;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
- background: rgba(0, 0, 0, 0.5);
|
|
|
+ background: rgba(0,0,0,0.5);
|
|
|
display: none;
|
|
|
z-index: 5000;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-modal {
|
|
|
+ .zy-h5-modal{
|
|
|
background: #fff;
|
|
|
border-radius: 5px;
|
|
|
overflow: hidden;
|
|
@@ -501,23 +452,19 @@
|
|
|
border: 1px solid #eee;
|
|
|
display: none;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-modal-title {
|
|
|
+ .zy-h5-modal-title{
|
|
|
padding: 10px;
|
|
|
text-align: center;
|
|
|
border-bottom: 1px solid #EEEEEE;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-modal-content {
|
|
|
+ .zy-h5-modal-content{
|
|
|
padding: 15px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-modal-form {
|
|
|
+ .zy-h5-modal-form{
|
|
|
margin: 10px 0 30px;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-modal-form input {
|
|
|
+ .zy-h5-modal-form input{
|
|
|
padding: 10px;
|
|
|
border: 1px solid #eee;
|
|
|
width: 90%;
|
|
@@ -525,28 +472,24 @@
|
|
|
font-size: 13px;
|
|
|
line-height: 1.5em;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-modal-content p button {
|
|
|
+ .zy-h5-modal-content p button{
|
|
|
border-radius: 10px;
|
|
|
padding: 7px 25px;
|
|
|
margin: 0 18px;
|
|
|
font-size: 1em;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-modal-submit {
|
|
|
+ .zy-h5-modal-submit{
|
|
|
background: #378BEA;
|
|
|
color: #fff;
|
|
|
border: 1px solid #378BEA;
|
|
|
}
|
|
|
-
|
|
|
- .zy-h5-modal-cansel {
|
|
|
+ .zy-h5-modal-cansel{
|
|
|
background: #ffffff;
|
|
|
color: #666;
|
|
|
border: 1px solid #eee;
|
|
|
}
|
|
|
-
|
|
|
/* 加载中 */
|
|
|
- #foo {
|
|
|
+ #foo{
|
|
|
width: 50px;
|
|
|
height: 50px;
|
|
|
position: fixed;
|
|
@@ -555,10 +498,9 @@
|
|
|
margin: -25px 0 0 -25px;
|
|
|
z-index: 5001;
|
|
|
}
|
|
|
-
|
|
|
- .spinner {
|
|
|
- left: 25px !important;
|
|
|
- top: 25px !important;
|
|
|
+ .spinner{
|
|
|
+ left: 25px!important;
|
|
|
+ top: 25px!important;
|
|
|
}
|
|
|
</style>
|
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|