fe / yohobuywap-node · Commits

Go to a project

Authored by shuaiguo
Commit 9f427575c001545bf9b2f2f7ae11811b74fc74ed 2 parents f30dda45 d8128da4

Merge branch 'hotfix/magazine-style'

Inline Side-by-side
Showing 3 changed files with 23 additions and 10 deletions
... ... @@ -11,15 +11,17 @@
{{/ bookPreviewPicBoList}}
</div>
<div class="swiper-pagination"></div>
<div class="magazine-info-block">
<p class="m-time">{{bookNumber}}</p>
<p class="m-title">{{title}}</p>
<div class="magazine-info-gradient">
<div class="magazine-info-block">
<p class="m-time">{{bookNumber}}</p>
<p class="m-title">{{title}}</p>
<div class="m-order to-download">查看阅读
<i class="iconfont">&#xe614;</i>
</div>
<div class="m-order to-download">查看阅读
<i class="iconfont">&#xe614;</i>
</div>
<button class="buy-magazine-now" data-sku="{{sku}}" data-buy="{{buyFlag}}">立即购买</button>
<button class="buy-magazine-now" data-sku="{{sku}}" data-buy="{{buyFlag}}">立即购买</button>
</div>
</div>
</div>
</div>
... ...
{
"name": "yohobuywap-node",
"version": "6.13.5",
"version": "6.13.6",
"private": true,
"description": "A New Yohobuy Project With Express",
"repository": {
... ...
... ... @@ -78,6 +78,17 @@ body {
}
}
.magazine-info-gradient {
width: 100%;
height: 60%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%,);
}
.magazine-info-block {
width: 100%;
height: 0;
... ... @@ -88,14 +99,14 @@ body {
.m-time {
font-size: 24px;
color: #ddd;
color: #fff;
line-height: 1.2;
}
.m-title {
height: 100px;
margin: 10px 0 40px;
font-size: 40px;
font-size: 36px;
color: #fff;
letter-spacing: 1px;
font-weight: 500;
... ...