修复UI显示不正确的问题 review by 黄敬囿
Showing
8 changed files
with
17 additions
and
14 deletions
@@ -105,7 +105,7 @@ export default class filterMenu extends Component { | @@ -105,7 +105,7 @@ export default class filterMenu extends Component { | ||
105 | curType = curType === curOrder ? 'price' : curType; | 105 | curType = curType === curOrder ? 'price' : curType; |
106 | 106 | ||
107 | return ( | 107 | return ( |
108 | - <View className="tabs-nav" style={fromPage === 'index' ? "height: 100px;" : ""}> | 108 | + <View className="tabs-nav"> |
109 | <View className="tabs"> | 109 | <View className="tabs"> |
110 | { | 110 | { |
111 | tabs.map(item => { | 111 | tabs.map(item => { |
@@ -4,7 +4,7 @@ | @@ -4,7 +4,7 @@ | ||
4 | 4 | ||
5 | .product-item { | 5 | .product-item { |
6 | width: 374px; | 6 | width: 374px; |
7 | - height: 560px; | 7 | + height: 520px; |
8 | float: left; | 8 | float: left; |
9 | border-bottom: 2px solid #ddd; | 9 | border-bottom: 2px solid #ddd; |
10 | border-right: 2px solid #ddd; | 10 | border-right: 2px solid #ddd; |
1 | .hot-series { | 1 | .hot-series { |
2 | - margin-top: 60px; | 2 | + margin-top: 40px; |
3 | padding: 0 40px; | 3 | padding: 0 40px; |
4 | 4 | ||
5 | .title { | 5 | .title { |
@@ -11,7 +11,7 @@ | @@ -11,7 +11,7 @@ | ||
11 | } | 11 | } |
12 | 12 | ||
13 | .scrollview { | 13 | .scrollview { |
14 | - height: 210px; | 14 | + height:175px; |
15 | text-align: left; | 15 | text-align: left; |
16 | margin-top: 20px; | 16 | margin-top: 20px; |
17 | white-space: nowrap; | 17 | white-space: nowrap; |
@@ -35,6 +35,7 @@ | @@ -35,6 +35,7 @@ | ||
35 | color: #000; | 35 | color: #000; |
36 | letter-spacing: 0; | 36 | letter-spacing: 0; |
37 | width: 144px; | 37 | width: 144px; |
38 | + margin-left:10rpx; | ||
38 | // margin-bottom: 20rpx; | 39 | // margin-bottom: 20rpx; |
39 | } | 40 | } |
40 | } | 41 | } |
@@ -12,16 +12,17 @@ export default class SearchBar extends Component { | @@ -12,16 +12,17 @@ export default class SearchBar extends Component { | ||
12 | } | 12 | } |
13 | 13 | ||
14 | static defaultProps = { | 14 | static defaultProps = { |
15 | - classname: '' | 15 | + classname: '', |
16 | + disabled: false | ||
16 | } | 17 | } |
17 | 18 | ||
18 | render() { | 19 | render() { |
19 | - let {classname, value} = this.props; | 20 | + let { classname, value, height, disabled} = this.props; |
20 | 21 | ||
21 | return ( | 22 | return ( |
22 | - <View className={classname + ' search'}> | 23 | + <View style= { height ? `width: ${height}rpx` : ''} className={classname + ' search'}> |
23 | <Image src={searchIcon} className="search-icon"/> | 24 | <Image src={searchIcon} className="search-icon"/> |
24 | - <Input type='text' placeholder='Search' value={value ? value : ''} onInput={this.props.onInputAction} onConfirm={this.props.onComplate}/> | 25 | + <Input type='text' placeholder = 'Search' value = { value? value : ''} onInput = { this.props.onInputAction } onConfirm = { this.props.onComplate } disabled={disabled} /> |
25 | </View> | 26 | </View> |
26 | ) | 27 | ) |
27 | } | 28 | } |
@@ -6,7 +6,9 @@ import config from '../config'; | @@ -6,7 +6,9 @@ import config from '../config'; | ||
6 | function getQRCodeSource(code) { | 6 | function getQRCodeSource(code) { |
7 | return new Promise(function (resolve, reject) { | 7 | return new Promise(function (resolve, reject) { |
8 | let param = { | 8 | let param = { |
9 | + params: { | ||
9 | md5Param: code, | 10 | md5Param: code, |
11 | + }, | ||
10 | url: config.domains.yohoApi +'/wechat/miniapp/getMiniAppRealParam' | 12 | url: config.domains.yohoApi +'/wechat/miniapp/getMiniAppRealParam' |
11 | } | 13 | } |
12 | 14 |
1 | import Taro, {Component} from '@tarojs/taro'; | 1 | import Taro, {Component} from '@tarojs/taro'; |
2 | import {View, Image} from '@tarojs/components'; | 2 | import {View, Image} from '@tarojs/components'; |
3 | import contentCode from '../../utils/content-code'; | 3 | import contentCode from '../../utils/content-code'; |
4 | -import { Resources, ProductList, FilterMenu } from '../../components'; | 4 | +import { Resources, ProductList, FilterMenu, SearchBar } from '../../components'; |
5 | import searchImg from '../../static/images/search.png'; | 5 | import searchImg from '../../static/images/search.png'; |
6 | import goYohoBuy from '../../assets/images/goYohoBuy@3x.png'; | 6 | import goYohoBuy from '../../assets/images/goYohoBuy@3x.png'; |
7 | import {common as commonModel} from '../../models'; | 7 | import {common as commonModel} from '../../models'; |
@@ -42,7 +42,7 @@ export default class Index extends Component { | @@ -42,7 +42,7 @@ export default class Index extends Component { | ||
42 | } | 42 | } |
43 | 43 | ||
44 | config = { | 44 | config = { |
45 | - navigationBarTitleText: 'UFO', | 45 | + navigationBarTitleText: '飞碟好物', |
46 | enablePullDownRefresh: true, | 46 | enablePullDownRefresh: true, |
47 | backgroundTextStyle: "dark", | 47 | backgroundTextStyle: "dark", |
48 | onReachBottomDistance: 50 | 48 | onReachBottomDistance: 50 |
@@ -198,9 +198,8 @@ export default class Index extends Component { | @@ -198,9 +198,8 @@ export default class Index extends Component { | ||
198 | lowerThreshold='20' | 198 | lowerThreshold='20' |
199 | onScrollToLower={this.onScrollToLower}> | 199 | onScrollToLower={this.onScrollToLower}> |
200 | 200 | ||
201 | - <View className="header-nav"> | ||
202 | - <Text className="page-label">飞碟好物</Text> | ||
203 | - <View onClick={this.goToSearch} className="search" hover-class="none"><Image className="search-btn" src={searchImg}></Image></View> | 201 | + <View className="header-nav" onClick={this.goToSearch}> |
202 | + <SearchBar height={655} disabled={true}></SearchBar> | ||
204 | </View> | 203 | </View> |
205 | 204 | ||
206 | <Resources code={contentCode.index}></Resources> | 205 | <Resources code={contentCode.index}></Resources> |
-
Please register or login to post a comment