Browse Source

模板修改

lilei 4 years ago
parent
commit
09a14af299
3 changed files with 114 additions and 169 deletions
  1. BIN
      新模板/75折/img/headBg.jpg
  2. 15 12
      新模板/75折/index.html
  3. 99 157
      新模板/75折/tpl.html

BIN
新模板/75折/img/headBg.jpg


+ 15 - 12
新模板/75折/index.html

@@ -36,10 +36,9 @@
 					<div class="zy-h5-active">
 						<img class="img-hdnr" src="./img/hdnr.png">
 						<div class="active-content">
-							<p>1.首次进店洗车送15元洗车券</p>
-							<p>2.首次进店保养就送一次顶级打蜡+清洁内饰+全车26项检测</p>
-							<p>3.办套餐卡就送60元保养代金券;</p>
-							<p>4.全场所有项目均7.5折;</p>
+							<p><span>套餐包含:</span><span>精致洗车8次+内饰消毒1次+内饰深度清洁1次</span></p>
+							<p>开业限时优惠价:<span class="active-price">240</span>元</p>
+							<p>(现在报名,到店再送26项安全检测1次)</p>
 						</div>
 						<div class="active-zy">注:所有活动最终解释权归门店所有</div>
 					</div>
@@ -234,7 +233,7 @@
 		}
 		.zy-h5-main{
 			position: relative;
-			padding-bottom: 4em;
+			padding-bottom: 1em;
 			background: #c01b39;
 		}
 		.zy-h5-bgimg{
@@ -243,7 +242,7 @@
 		.zy-h5-title{
 			position: absolute;
 			left:0;
-			top:8%;
+			top:7%;
 			text-align:center;
 			width: 100%;
 			color: #fff;
@@ -257,8 +256,8 @@
 			align-items: center;
 			text-align:center;
 			justify-content: center;
-			margin-bottom:0.6em;
-			margin-top: 0em;
+			margin-bottom:1em;
+			margin-top: 0.5em;
 			font-weight:bold;
 		}
 		.store-name span{
@@ -278,7 +277,7 @@
 			width:100%;
 			position: absolute;
 			left:0;
-			bottom: 1em;
+			bottom: 0;
 			color: #fff;
 			padding-top: 1.5em;
 		}
@@ -289,20 +288,24 @@
 			top:0;
 		}
 		.active-content{
-			padding:1em 2em 0.5em;
+			padding:1.5em 2em 0.5em;
 			border: 0.3em solid #f39501;
 			width: 70%;
 			margin: 0 auto;
 			border-radius: 1em;
 			font-size: 0.8em;
 		}
+		.active-price{
+			font-size: 2em;
+			color: #f7e79a;
+		}
 		.active-content p{
-			margin: 0.8em 0;
+			margin: 0.5em 0;
 		}
 		.active-zy{
 			text-align:center;
 			padding: 1em 0;
-			font-size: 0.8em;
+			font-size: 0.6em;
 		}
 		 
 		/*门店信息样式*/

+ 99 - 157
新模板/75折/tpl.html

@@ -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>