fe / yohobuywap-node · Commits

Go to a project

Authored by 郭成尧
Commit d854c29fc128095c146f08bba09a6dc8a9150634 1 parent 76540d98

some-css-modified

Inline Side-by-side
Showing 10 changed files with 58 additions and 222 deletions
<div class="brand-page yoho-page">
{{# channel}}
<div class="genderNav">
<div class="gender-nav">
<ul>
{{# channels}}
<li {{#if active}}class="active"{{/if}} data-id="{{@index}}" data-name="{{channelName}}">
... ... @@ -33,7 +33,7 @@
{{/ hotBrandsScroll}}
{{/ topData}}
<div class="brandNav">
<div class="brand-nav">
<ul>
<li class="allbrand active" data-id="0">
<span>{{brandType}}</span>
... ...
... ... @@ -17,8 +17,8 @@ let $brandList,
$newBrandWall,
$recommandBrandWall,
$icon = $('.search-icon'),
$genderItem = $('.genderNav li'),
$brandItem = $('.brandNav li'),
$genderItem = $('.gender-nav li'),
$brandItem = $('.brand-nav li'),
$searchAction = $('.search-action'),
$homebuttom = $('.homebuttom'),
$newSearch = $('.newbrand-search'),
... ... @@ -258,7 +258,7 @@ function searchResult() {
(function() {
if ($('.banner-top').length === 0) {
let h1 = $('.genderNav').height();
let h1 = $('.gender-nav').height();
let h2 = $('.newbrand-search').height();
$('.hot-brands').css('padding-top', (h1 + h2) + 'px');
... ... @@ -295,7 +295,7 @@ function searchResult() {
$brandItem.on('click', function() {
let index = $(this).data('id');
$('.brandNav ul .active').removeClass('active');
$('.brand-nav ul .active').removeClass('active');
$(this).addClass('active');
if (index === 0) {
$recommandBrandWall.not('.hide').addClass('hide');
... ...
... ... @@ -4,43 +4,6 @@
max-width: 640px;
overflow: hidden;
.banner-top {
position: relative;
margin-bottom: -2PX;
.swiper-pagination {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
text-align: center;
z-index: 1;
.pagination-inner {
display: inline-block;
padding: 0 8px 4px;
background: rgba(0, 0, 0, 0.2);
border-radius: 50px;
line-height: 1.2;
span {
display: inline-block;
width: 14px;
height: 14px;
background: #fff;
opacity: 0.5;
margin: 0 9px;
border-radius: 50%;
&.swiper-pagination-bullet-active {
background: #fff;
opacity: 1;
}
}
}
}
}
.swiper-slide {
img {
max-width: 640px;
... ... @@ -49,6 +12,43 @@
}
}
.coupon-area-page .banner-top {
position: relative;
margin-bottom: -2PX;
.swiper-pagination {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
text-align: center;
z-index: 1;
.pagination-inner {
display: inline-block;
padding: 0 8px 4px;
background: rgba(0, 0, 0, 0.2);
border-radius: 50px;
line-height: 1.2;
span {
display: inline-block;
width: 14px;
height: 14px;
background: #fff;
opacity: 0.5;
margin: 0 9px;
border-radius: 50%;
&.swiper-pagination-bullet-active {
background: #fff;
opacity: 1;
}
}
}
}
}
.just-img {
width: 100%;
float: left;
... ... @@ -196,4 +196,4 @@
height: 56px;
text-align: center;
}
}
\ No newline at end of file
}
... ...
... ... @@ -127,7 +127,6 @@ body.disable-default-action {
max-width: 790px;
height: auto;
margin: 0 auto;
/*overflow: hidden;*/
}
.banner {
... ... @@ -160,10 +159,6 @@ body.disable-default-action {
height: 19.775rem;
}
/*.slide-box .swiper-wrapper {
padding: 0px 4.578rem;
}*/
.slide-box .swiper-slide {
float: left;
width: 16rem;
... ...
... ... @@ -268,9 +268,6 @@
color: #b0b0b0;
overflow: hidden;
white-space: nowrap;
color: #b0b0b0;
overflow: hidden;
white-space: nowrap;
}
span.disabled {
... ...
.pay-back-page {
font-family: helvetica,Arial,黑体;
font-family: helvetica, Arial, 黑体;
.failure-order {
margin-top: 140px;
... ... @@ -24,4 +24,4 @@
margin-right: 10px;
}
}
}
\ No newline at end of file
}
... ...
... ... @@ -36,17 +36,17 @@
opacity: 0.5;
margin: 0 9px;
border-radius: 50%;
}
&.swiper-pagination-bullet-active {
background: #fff;
opacity: 1;
}
.swiper-pagination-bullet-active {
background: #fff;
opacity: 1;
}
}
}
}
.genderNav {
.gender-nav {
display: block;
width: 100%;
height: 40PX;
... ... @@ -109,7 +109,7 @@
}
}
.brandNav {
.brand-nav {
display: block;
width: 100%;
line-height: 80px;
... ...
/*.search-page {
.search-input {
position: relative;
padding: 14px 22px;
background: #f8f8f8;
form {
width: 100%;
}
.search-icon {
position: absolute;
font-size: 24px;
top: 26px;
left: 36px;
color: #b2b2b2;
}
input {
height: 56px;
width: 378px;
border-radius: 28px;
padding: 0 52px;
font-size: 24px;
background: #fff;
border: none;
}
.clear-input {
position: absolute;
top: 20px;
right: 145px;
font-size: 32px;
color: #666;
}
.search {
position: absolute;
top: 18px;
right: 40px;
border: none;
background: transparent;
color: #666;
font-size: 30px;
line-height: 56px;
}
}
.search-items {
padding: 40px 20px;
h3 {
font-size: 24px;
margin-bottom: 20px;
}
li {
float: left;
margin-right: 20px;
margin-bottom: 20px;
max-width: 100%;
overflow: hidden;
}
a {
display: block;
height: 68px;
line-height: 68px;
padding: 0 20px;
font-size: 28px;
background: #f8f8f8;
color: #000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.clear-icon {
float: right;
background: #fff;
}
span {
margin-right: 5px;
}
.search-group {
.ico-hot {
width: 22px;
height: 30px;
display: inline-block;
background: url('/search/hot-ico.png') no-repeat;
margin-right: 20px;
position: relative;
top: 2px;
}
h3 {
color: #b0b0b0;
font-size: 28px;
}
}
.search-content-title {
height: 40px;
.ico-lately {
width: 26px;
height: 26px;
display: inline-block;
background: url('/search/time-ico.png') no-repeat;
margin-right: 20px;
position: relative;
top: 2px;
}
.ico-del {
width: 24px;
height: 26px;
display: inline-block;
background: url('/search/del-ico.png') no-repeat;
}
.left {
float: left;
}
.right {
float: right;
}
}
.search-content{
clear: both;
box-sizing: border-box;
padding-bottom: 18px;
a {
border-radius: 8px;
border: 2px solid #b0b0b0;
background: #fff;
color: #b0b0b0;
font-size: 28px;
}
}
.hot-search {
margin-top: 38px;
}
}
}*/
.search-associate {
width: 100%;
background: #f8f8f8;
... ... @@ -299,4 +147,4 @@
font-size: 24px;
}
}
}
\ No newline at end of file
}
... ...
/* dialog */
.dialog-wrapper {
background: hsla(0, 0%, 0%, 0.5);
position: fixed;
... ... @@ -55,8 +54,7 @@
}
}
/*边框在物理机上1px变粗*/
.dialog-footer::before {
.dialog-footer:before {
content: "";
position: absolute;
left: 0;
... ... @@ -65,7 +63,5 @@
border-top: 1px solid #ccc;
transform-origin: left top;
transform: scale3d(0.5, 0.5, 0.5);
-webkit-transform: scale3d(0.5, 0.5, 0.5); /* Chrome, Safari, Opera */
-ms-transform: scale3d(0.5, 0.5, 0.5); /* IE 9 */
}
}
... ...
@import "common/good";
@import 'channel/floor-header';
@import './info';
@import './tvls';
@import './plus-star';
@import "channel/floor-header";
@import "./info";
@import "./tvls";
@import "./plus-star";
... ...