Authored by QC-L

修改首页 UI 相关 review by 黄敬囿

.swiper-bg {
height: 280px;
width: 100%;
margin-top: 32px;
overflow: hidden;
.index-swiper {
padding-left: 40px;
... ...
... ... @@ -50,6 +50,6 @@
.hidden {
background-color: white;
margin-top: 30px;
margin-top: 40px;
}
}
\ No newline at end of file
... ...
... ... @@ -9,6 +9,7 @@
font-family: SFProText-Regular;
font-size: 34px;
color: #000;
margin-bottom: 20rpx;
}
.search-icon {
... ...
... ... @@ -190,6 +190,10 @@ export default class Index extends Component {
let list = productList[filterMenu.indexType] || [];
return (
<View>
<View className="header-nav" onClick={this.goToSearch}>
<SearchBar disabled={true}></SearchBar>
</View>
<View
className='index-page'
scrollY
... ... @@ -198,9 +202,6 @@ export default class Index extends Component {
lowerThreshold='20'
onScrollToLower={this.onScrollToLower}>
<View className="header-nav" onClick={this.goToSearch}>
<SearchBar disabled={true}></SearchBar>
</View>
<Resources code={contentCode.index}></Resources>
<FilterMenu filterMenu={filterMenu} tabs={tabs} tabClass="border" fromPage="index"></FilterMenu>
... ... @@ -211,6 +212,7 @@ export default class Index extends Component {
<Image className="goYohoBuy" onClick={this.goYohoBuyMinApp.bind(this)} src={goYohoBuy} mode="aspectFill" />
</View>
</View>
)
}
}
... ...
.index-page {
width: 750px;
height: 100vh;
margin: 0 auto;
.header-nav {
padding: 0 40px;
.header-nav {
padding: 0 40px;
position: fixed;
z-index: 999;
background-color: white;
width:100%;
height: 96px;
display: flex;
align-items: center;
.page-label {
font-family: PingFang-SC-Semibold;
font-size: 68px;
line-height: 96px;
color: #000;
letter-spacing: 0;
}
.page-label {
font-family: PingFang-SC-Semibold;
font-size: 68px;
line-height: 96px;
color: #000;
letter-spacing: 0;
}
.search-btn {
width: 48px;
height: 48px;
}
.search-btn {
width: 48px;
height: 48px;
}
.search {
float: right;
position: relative;
top: 22px;
}
.search {
float: right;
position: relative;
top: 22px;
}
}
.index-page {
width: 750px;
height: 100vh;
margin: 0 auto;
padding-top: 100px;
.tabs-nav {
width: 100%;
... ...
... ... @@ -12,6 +12,7 @@
.deliveryContainer {
display: block;
margin-bottom: 20rpx;
margin-top: 20rpx;
}
.text {
... ...
... ... @@ -46,7 +46,7 @@ Page({
.then(data => {
if (data) {
if (data.good && data.good.goodImg) {
data.good.goodImg = getImgUrl(data.good.goodImg,90,90)
data.good.goodImg = getImgUrl(data.good.goodImg,270,270)
}
this.setData(data)
}
... ...
... ... @@ -266,18 +266,14 @@ export default class SearchList extends Component {
savaLateSearch(e) {
let latelySearch = Taro.getStorageSync('latelySearch');
console.log(latelySearch);
let { searchList, onSearchSaveType } = this.props;
if (latelySearch) {
searchList = latelySearch || []
}
latelySearch = latelySearch || []
if (e.detail.value === '') {
return;
}
if (searchList.length >= 10) {
searchList.pop();
if (latelySearch.length >= 10) {
latelySearch.pop();
}
let setList = this.removeSameSearch(searchList, e.detail.value);
let setList = this.removeSameSearch(latelySearch, e.detail.value);
setList.unshift({ search_word: e.detail.value });
try {
Taro.setStorageSync('latelySearch', setList);
... ...