|
@@ -24,7 +24,10 @@
|
|
|
<img class="zy-h5-bgimg" src="./img/logo.png">
|
|
|
<!-- 标题部分 -->
|
|
|
<div class="zy-h5-title">
|
|
|
- <img class="img-title" src="./img/tit1.png">
|
|
|
+ <div class="img-title-box">
|
|
|
+ <span>新年焕新血拼季</span>
|
|
|
+ <img class="img-title" src="./img/tit1.png">
|
|
|
+ </div>
|
|
|
<div class="store-name">
|
|
|
<span>长青二路店</span>
|
|
|
</div>
|
|
@@ -103,6 +106,63 @@
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!-- 关注头像 -->
|
|
|
+ <div class="zy-h5-gz">
|
|
|
+ <div>356人已关注</div>
|
|
|
+ <div class="zy-headPhoto-list">
|
|
|
+ <div>
|
|
|
+ <img src="./img/p1.jpg">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="./img/p2.jpg">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="./img/p3.jpg">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="./img/p4.jpg">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="./img/p5.jpg">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="./img/p6.jpg">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="./img/p7.jpg">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="./img/p8.jpg">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="./img/p9.jpg">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="./img/p10.jpg">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="./img/p11.jpg">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="./img/p12.jpg">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="./img/p13.jpg">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="./img/p14.jpg">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="./img/p15.jpg">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="./img/p16.jpg">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <img src="./img/p17.jpg">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<!-- 参与动态 -->
|
|
|
<div class="qg-cont">
|
|
|
<div class="header-con">
|
|
@@ -178,6 +238,17 @@
|
|
|
padding: 0;
|
|
|
margin: 0;
|
|
|
}
|
|
|
+ @font-face {
|
|
|
+ font-family: 'webfont';
|
|
|
+ font-display: swap;
|
|
|
+ src: url('//at.alicdn.com/t/webfont_ommcptuea3k.eot'); /* IE9*/
|
|
|
+ src: url('//at.alicdn.com/t/webfont_ommcptuea3k.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
|
|
+ url('//at.alicdn.com/t/webfont_ommcptuea3k.woff2') format('woff2'),
|
|
|
+ url('//at.alicdn.com/t/webfont_ommcptuea3k.woff') format('woff'), /* chrome、firefox */
|
|
|
+ url('//at.alicdn.com/t/webfont_ommcptuea3k.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
|
|
|
+ url('//at.alicdn.com/t/webfont_ommcptuea3k.svg#站酷高端黑') format('svg'); /* iOS 4.1- */
|
|
|
+ }
|
|
|
+
|
|
|
body{
|
|
|
font: 16px/1.231 "Microsoft Yahei","Helvetica Neue",Helvetica Neue,Helvetica,Arial,Lantinghei SC,Hiragino Sans GB,sans-serif,Times New Roman;
|
|
|
}
|
|
@@ -202,7 +273,6 @@
|
|
|
}
|
|
|
.zy-h5-bgimg{
|
|
|
width: 40%;
|
|
|
- float:left;
|
|
|
margin: 15px 15px 25px;
|
|
|
}
|
|
|
.zy-h5-title{
|
|
@@ -210,6 +280,21 @@
|
|
|
width: 100%;
|
|
|
color: #fff;
|
|
|
}
|
|
|
+ .img-title-box{
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ text-shadow: 1px 3px 5px #73010c;
|
|
|
+ font-weight: 900;
|
|
|
+ }
|
|
|
+ .img-title-box span{
|
|
|
+ position: absolute;
|
|
|
+ font-size: 3em;
|
|
|
+ color: #f3e190;
|
|
|
+ font-style: italic;
|
|
|
+ font-family: 'webfont';
|
|
|
+ }
|
|
|
.img-title{
|
|
|
width: 85%;
|
|
|
}
|
|
@@ -220,7 +305,7 @@
|
|
|
text-align:center;
|
|
|
justify-content: center;
|
|
|
margin-bottom: 1em;
|
|
|
- margin-top: -1em;
|
|
|
+ margin-top: -0.5em;
|
|
|
background: url(./img/tit2.png) no-repeat center center;
|
|
|
background-size: auto 100%;
|
|
|
height: 3em;
|
|
@@ -320,6 +405,29 @@
|
|
|
height: 1em;
|
|
|
margin: 0 0.3em;
|
|
|
}
|
|
|
+ .zy-h5-gz{
|
|
|
+ padding: 0.5em;
|
|
|
+ border-top: 0.6em solid #ededed;
|
|
|
+ }
|
|
|
+ .zy-h5-gz > div:first-child{
|
|
|
+ font-size: 0.8em;
|
|
|
+ }
|
|
|
+ .zy-headPhoto-list{
|
|
|
+ padding: 0.5em 0.2em;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .zy-headPhoto-list > div{
|
|
|
+ width: 35px;
|
|
|
+ height: 35px;
|
|
|
+ overflow:hidden;
|
|
|
+ border-radius: 10em;
|
|
|
+ margin: 0.2em;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .zy-headPhoto-list > div img{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
/*门店信息样式*/
|
|
|
.zy-h5-store-info{
|
|
|
/* display: none; */
|