Skip to content

M
mr-julyedu
Commit 40315e34 by zhanghaozhe
Options

搜索结果

parent a5c96251
Showing with 89 additions and 77 deletions
public/api.js
var API = { var API = {
'www': 'http://www-test.julyedu.com', 'www': 'http://www-test.julyedu.com',
'home': 'http://fast-test.julyedu.com', 'home': 'http://fast-test.julyedu.com',
'search-api': 'https://search.julyedu.com', 'search-api': 'http://search-test.julyedu.com',
'passport-api': 'http://passport-test.julyedu.com', 'passport-api': 'http://passport-test.julyedu.com',
'base-api': 'http://api-test.julyedu.com', 'base-api': 'http://api-test.julyedu.com',
'record': 'record.julyedu.com:8001', 'record': 'record.julyedu.com:8001',
......
src/components/search/search-result.scss
@import "src/assets/css/variable"; @import 'src/assets/css/variable';
.search-result { .search-result {
padding-top: 44px; padding-top: 44px;
.search-head { .search-head {
// position: absolute; // position: absolute;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
z-index: 10; z-index: 10;
transition: top 0.5 ease; transition: top 0.5 ease;
&.hide { &.hide {
top: -44px; top: -44px;
}
} }
}
ul { .result-count {
list-style: none; width: 375px;
border-top:1px solid #ddd; height: 30px;
} background: #f7f7fb;
border-top: 1px solid #ddd;
color: #333;
font-size: 12px;
text-align: center;
line-height: 30px;
}
.v-list-item{ ul {
.content{ list-style: none;
width: 100%; }
}
}
.info { .v-list-item {
width: 50%; .content {
position: relative; width: 100%;
display: block; }
.title{ }
font-size: $font_16;
color:#525C65;
}
.des { .info {
font-size: $font_14; width: 50%;
color:#777; position: relative;
margin-top: 10px; display: block;
} .title {
font-size: $font_16;
color: #525c65;
em {
color: #09f;
}
}
.price { .des {
color: $red; font-size: $font_14;
font-size: $font_16; color: #777;
margin-right: 14px; margin-top: 10px;
} }
.stale-price { .price {
text-decoration: line-through; color: $red;
color: $color_999; font-size: $font_16;
font-size: $font_12; margin-right: 14px;
} }
.bottom { .stale-price {
position: absolute; text-decoration: line-through;
bottom: 0; color: $color_999;
} font-size: $font_12;
} }
.empty { .bottom {
font-size: 12px; position: absolute;
color: #777; bottom: 0;
padding: 50px 0 30px 0;
text-align: center;
background-color: #fff;
border-top: 1px solid #ddd;
img {
width: 100px;
height: 81px;
display: block;
margin: 0 auto 15px auto;
}
} }
}
.status { .empty {
width: 100%; font-size: 12px;
position: absolute; color: #777;
bottom: -2px; padding: 50px 0 30px 0;
left: 0; text-align: center;
height: 24px; background-color: #fff;
text-align: center; border-top: 1px solid #ddd;
line-height: 24px; img {
font-size: 13px; width: 100px;
color: $white; height: 81px;
background-color: rgba(224, 46, 36, 0.6); display: block;
border-radius: 0 0 4px 4px; margin: 0 auto 15px auto;
} }
} }
\ No newline at end of file
.status {
width: 100%;
position: absolute;
bottom: -2px;
left: 0;
height: 24px;
text-align: center;
line-height: 24px;
font-size: 13px;
color: $white;
background-color: rgba(224, 46, 36, 0.6);
border-radius: 0 0 4px 4px;
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment