Authored by QC-L

修复UI显示不正确的问题 review by 黄敬囿

@@ -2,3 +2,4 @@ @@ -2,3 +2,4 @@
2 dist/ 2 dist/
3 .temp/ 3 .temp/
4 node_modules/ 4 node_modules/
  5 +*error.log
@@ -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 => {
1 .tabs-nav { 1 .tabs-nav {
2 width: 100%; 2 width: 100%;
3 - height: 120px;  
4 padding: 0 5px; 3 padding: 0 5px;
5 box-sizing: border-box; 4 box-sizing: border-box;
6 background: #fff; 5 background: #fff;
@@ -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>