fe / yohobuy-node · Commits

Go to a project

Authored by wenjiekong
Commit a99fe3c19d5b47de4ad58229a78ef2d2bfc25068 1 parent cfc758b3

修改样式

Inline Side-by-side
Showing 6 changed files with 65 additions and 38 deletions
... ... @@ -27,7 +27,14 @@ exports.index = (req, res) => {
footerTop: true,
mainBanner: {
list: [{src: 'http://img11.static.yhbimg.com/yhb-img01/2016/06/01/20/' +
'01a88a4e626a954eb5ec0302a0470e0b3f.jpg?imageView2/2/w/1920/h/450/q/70', url: 'http://www.yohobuy.com'}]
'01a88a4e626a954eb5ec0302a0470e0b3f.jpg?imageView2/2/w/1920/h/450/q/70',
url: 'http://www.yohobuy.com'},
{src: 'http://img11.static.yhbimg.com/yhb-img01/2016/06/01/20/' +
'01a88a4e626a954eb5ec0302a0470e0b3f.jpg?imageView2/2/w/1920/h/450/q/70',
url: 'http://www.yohobuy.com'},
{src: 'http://img11.static.yhbimg.com/yhb-img01/2016/06/01/20/' +
'01a88a4e626a954eb5ec0302a0470e0b3f.jpg?imageView2/2/w/1920/h/450/q/70',
url: 'http://www.yohobuy.com'}]
},
sortItem: [{title: '学生权益介绍', href: 'stu-rights'}, {title: '我要验证身份', href: 'stu-identity'},
{title: '学生热门单品', href: 'stu-good'}, {title: '更多活动推荐', href: 'stu-activity'}],
... ... @@ -96,6 +103,20 @@ exports.index = (req, res) => {
imgUrl: '//img10.static.yhbimg.com/yhb-img01/2016/07/29/17/01cfa4035101b5c8f46efd9c0fbf8ef0c8.jpg',
dataId: '优惠券'
}
],
activityItem: [
{
imgUrl: '//img11.static.yhbimg.com/yhb-img01/2016/06/01/20/01a88a4e626a954eb5ec0302a0470e0b3f.jpg?' +
'imageView2/2/w/1920/h/450/q/70/q/70'
},
{
imgUrl: '//img11.static.yhbimg.com/yhb-img01/2016/06/01/20/01a88a4e626a954eb5ec0302a0470e0b3f.jpg?' +
'imageView2/2/w/1920/h/450/q/70/q/70'
},
{
imgUrl: '//img11.static.yhbimg.com/yhb-img01/2016/06/01/20/01a88a4e626a954eb5ec0302a0470e0b3f.jpg?' +
'imageView2/2/w/1920/h/450/q/70/q/70'
}
]
};
... ...
... ... @@ -93,9 +93,9 @@
{{/if}}
</div>
<div class="commodity-list clearfix">
<img class="activity-item" src="//img11.static.yhbimg.com/yhb-img01/2016/06/01/20/01a88a4e626a954eb5ec0302a0470e0b3f.jpg?imageView2/2/w/1920/h/450/q/70/q/70" />
<img class="activity-item" src="//img11.static.yhbimg.com/yhb-img01/2016/06/01/20/01a88a4e626a954eb5ec0302a0470e0b3f.jpg?imageView2/2/w/1920/h/450/q/70/q/70" />
<img class="activity-item" src="//img11.static.yhbimg.com/yhb-img01/2016/06/01/20/01a88a4e626a954eb5ec0302a0470e0b3f.jpg?imageView2/2/w/1920/h/450/q/70/q/70" />
{{#activityItem}}
<img class="activity-item" src="{{imgUrl}}" />
{{/activityItem}}
</div>
</div>
</div>
... ...
... ... @@ -6,6 +6,8 @@ var $sortItem = $('.sort-item'),
$rightDia = $('#rights-dia'),
$couponDia = $('#coupon-dia');
require('../plugins/slider');
function createStuDialog(cont) {
var opt = {
className: 'stu-dialog',
... ... @@ -50,4 +52,8 @@ $couponDia.on('click', function() {
createStuDialog(cont);
});
$('.slide-container').slider({
orient: true
});
... ...
... ... @@ -7,7 +7,7 @@
min-width: 350px;
background: #f8f8f8;
z-index: 1001;
border: 5px solid rgba(0,0,0,.38);
border: 5px solid rgba(0, 0, 0, 0.38);
.close {
position: absolute;
... ... @@ -23,14 +23,17 @@
.btns {
text-align: center;
}
.alert-sure{
.alert-sure {
background: #000;
color: #fff;
}
.confirm-sure{
.confirm-sure {
background: #000;
color: #fff;
}
.btn {
display: inline-block;
width: 56px;
... ... @@ -40,6 +43,7 @@
border: 1px solid #000;
cursor: pointer;
margin-left: 10px;
&:first-child {
margin-left: 0;
}
... ... @@ -55,7 +59,8 @@
position: relative;
padding-top: 40px;
padding-bottom: 20px;
p{
p {
position: absolute;
left: 0;
bottom: 25px;
... ... @@ -63,7 +68,8 @@
color: #444;
line-height: 25px;
}
div{
div {
position: absolute;
top: 0;
left: 100px;
... ... @@ -74,7 +80,8 @@
height: 30px;
line-height: 30px;
margin: 0 auto;
span{
span {
background: url(/cart/del.png);
float: left;
width: 27px;
... ... @@ -84,11 +91,11 @@
}
&.subcontent-dialog {
padding: 30px 0px 30px 0px;
padding: 30px 0;
.content {
font-weight: bold;
margin: 0px auto 30px auto;
margin: 0 auto 30px;
}
.sub-content {
... ... @@ -99,7 +106,6 @@
margin-bottom: 5px;
}
.btn {
margin-top: 25px;
width: 100px;
... ...
... ... @@ -8,5 +8,5 @@
/* 模块 */
@import "channel/index";
@import "product/index";
@import 'passport/index';
@import 'home/index';
@import "passport/index";
@import "home/index";
... ...
... ... @@ -4,7 +4,6 @@
}
.stu-page {
.stu-box {
margin: 40px 0;
}
... ... @@ -39,9 +38,8 @@
display: block;
}
}
.floor-header {
.floor-header {
.floor-more {
position: absolute;
padding: 10px 0;
... ... @@ -54,12 +52,11 @@
cursor: pointer;
}
}
}
.sort-nav {
margin: 10px 0;
.sort-item {
float: left;
width: 25%;
... ... @@ -125,6 +122,7 @@
border-radius: 5px;
float: left;
}
.identity-count {
width: 276px;
background-color: #ef443a;
... ... @@ -138,7 +136,7 @@
height: 124px;
margin: 15px auto -25px auto;
}
.give-coin {
background-image: resolve("students/red-bar.png");
background-size: 100% 100%;
... ... @@ -148,7 +146,7 @@
padding-top: 16px;
font-size: 15px;
}
.identity-info {
font-size: 22px;
line-height: 55px;
... ... @@ -167,20 +165,19 @@
font-size: 35px;
font-weight: bolder;
}
.stu-ident {
color: #fed932;
font-size: 17px;
line-height: 45px;
font-weight: bold;
}
}
.identity-form-wrap {
width: 373px;
background-color: #fff;
.identity-form {
width: 330px;
margin: 0 auto;
... ... @@ -207,7 +204,7 @@
.form-group.select-group {
position: relative;
}
}
.select-group .ident-inp {
display: none;
... ... @@ -218,8 +215,7 @@
left: 93px;
top: 0;
width: 161px;
vertical-align: top;
}
}
.select-group .long-sel {
width: 220px;
... ... @@ -230,7 +226,7 @@
padding: 0 5px;
background-color: #fff;
}
.select-group .select-more-line {
width: 280px;
}
... ... @@ -262,7 +258,8 @@
padding: 5px 10px;
}
.select-group .select-ul a:hover,.select-ul a:active {
.select-group .select-ul a:hover,
.select-ul a:active {
background-color: #000;
color: #fff;
}
... ... @@ -323,7 +320,7 @@
.good-detail-text > .price .sale-price {
color: #d62238;
}
.stu-good-detail {
position: relative;
overflow: visible;
... ... @@ -392,7 +389,6 @@
width: 100%;
height: 100%;
}
}
.stu-dialog {
... ... @@ -407,17 +403,15 @@
.dia-title {
display: inline-block;
padding-bottom: 7px;
margin: 10px 0 25px 0;
margin: 10px 0 25px;
font-size: 18px;
font-weight: bold;
border-bottom: 3px solid;
}
p {
line-height: 35px;
font-size: 14px;
font-weight: bold;
}
}
}
... ...