alipay style config 1.0.1

src/component/filteredShopComponent/filteredShopComponent.js

@@ -117,7 +117,7 @@ class recommondShop extends Component {
             }
         })
             .then(res => {
-                this.setState({ consultTip: res.data.tips,isCanConsult:res.data.canConsult })
+                this.setState({ consultTip: res.data.tips, isCanConsult: res.data.canConsult })
                 console.log('咨询请求', res)
             })
     }
@@ -260,22 +260,26 @@ class recommondShop extends Component {
                 <AtNoticebar >
                     <Text >提示:{this.state.consultTip}</Text>
                 </AtNoticebar>
-                <View className='input-box' style='display:flex; align-items:center; font-size:28rpx; margin:2% 2%'>
+                <View className='input-box' >
-                    <View className='title'>
+                    <View className='title' >
                         <Text>联系人：</Text>
                     </View>
+                    <View className='value'>
                     <Input name='value'
                         type='text'
                         value={this.state.userName}
                         placeholder='请输入联系人'
                         onInput={this.handleInputCsultName.bind(this)}
                     />
+                    </View>
+                    
 
                 </View>
-                <View className='input-box' style='display:flex; align-items:center; font-size:28rpx; margin-left:2%'>
+                <View className='input-box'>
                     <View className='title'>
                         <Text>联系电话：</Text>
                     </View>
+                    <View className='value'>
                     <Input name='value'
                         type='number'
                         maxLength='11'
@@ -284,10 +288,11 @@ class recommondShop extends Component {
                         onInput={this.handleInputCsultPhone.bind(this)}
                     />
                     </View>
+                </View>
             </AtModalContent>
             <AtModalAction>
                 <Button onClick={this.consultModalClose.bind(this)} >取消</Button>
-                <Button  disabled={!this.state.isCanConsult} className={!this.state.isCanConsult?'confirm_button blur':'confirm_button'} onClick={this.consultModalConfirm.bind(this)}>确定</Button>
+                <Button disabled={!this.state.isCanConsult} className={!this.state.isCanConsult ? 'confirm_button blur' : 'confirm_button'} onClick={this.consultModalConfirm.bind(this)}>确定</Button>
             </AtModalAction>
         </AtModal>
 

src/component/filteredShopComponent/filteredShopComponent.scss

@@ -5,6 +5,7 @@ $linearBlue:linear-gradient(to right, #337ab7, #337ab7);
     border-radius: 3px;
     box-shadow: 0 5px 5px #ddd;
     margin-bottom: 10px;
+   
     .confirm_button{
         color:#FF7142!important
     }
@@ -73,6 +74,7 @@ $linearBlue:linear-gradient(to right, #337ab7, #337ab7);
             margin-bottom:2%;
             padding:0;
         }
+        
         .button-container{
             flex:1;
             //margin-top: 20px ;
@@ -171,3 +173,16 @@ $linearBlue:linear-gradient(to right, #337ab7, #337ab7);
     color:red;
 
 }
+.input-box{
+    display:flex;
+    align-items:center;
+    font-size:28px;
+    margin:2% 2%;
+   .title{
+    flex:1;
+    padding: 10px
+   }
+   .value{
+    flex:2
+   }
+}

src/pages/allDemanding/allDemanding.js

@@ -94,7 +94,7 @@ class AllDemanding extends Component {
                     }
                 } else if (res.data.err_code === 88888) {
                     loginExpired(res)
-                }else {
+                } else {
                     Taro.showToast({
                         title: res.data.err_msg,
                         icon: 'none',
@@ -329,13 +329,17 @@ class AllDemanding extends Component {
                 {/* 开始和结束日期选择 */}
                 <View className='page-section'>
                     <View className='picker-box'>
-                        <Picker mode='date' className='picker-container' style=' width: 56px' onChange={this.onStartDateChange}>
+                        <View className='picker-wrapper'>
+                            <Picker mode='date' className='picker-container' onChange={this.onStartDateChange}>
                                 <View className='picker'>
                                     <View className='title-box'>
                                         <Text className='title'>开始日期:</Text> <Text className='date'>{this.state.startDateSel}</Text>
                                     </View>
                                 </View>
                             </Picker>
+                        </View>
+
+                        <View className='picker-wrapper'>
                             <Picker className='picker-container' mode='date' start={this.state.startDateSel} onChange={this.onEndDateChange}>
                                 <View className='picker'>
                                     <View className='title-box'>
@@ -344,6 +348,8 @@ class AllDemanding extends Component {
                                 </View>
                             </Picker>
                         </View>
+
+                    </View>
                 </View>
                 {/* 行业分类选择 */}
                 <InteractionComponent url={URL.GetIndustryTypeList} onPassDataToChild={this.getDataFromChild.bind(this)} selectedValue={this.state.industryTypeSelected}></InteractionComponent>

src/pages/allDemanding/allDemanding.scss

@@ -53,8 +53,8 @@ $themeColor: #FF7142;
     display: flex;
     flex-wrap: nowrap;
     flex-direction: row;
-    .picker-container{
+    .picker-wrapper{
-       width: 56px
+       flex:1 ;
     }
 }
 .button-box{

src/pages/grabOrderPage/grabOrderPage.js

@@ -313,9 +313,7 @@ class GrabOrderPage extends Component {
         </AtModal>
         const imageElementArray = this.state.images.map((item, index) => {
             return <View className='image-wrapper' key={index}>
-
                 <Image mode='aspectFit' src={URL.Base + item.file_path} style='max-width:100%; max-height:100%;' />
-
             </View>
         })
 
@@ -325,7 +323,7 @@ class GrabOrderPage extends Component {
                 {modalMessageGrabElement}
                 {deleteModalWindowElement}
                 {this.state.isShowRendering ? <RenderingView rendering={this.state.renderingImage}></RenderingView> : null}
-                {this.state.stateId === '3' && !this.state.isShowRendering ? <View className='button-box show-image-button'><View className='button' onClick={this.showImageButton.bind(this)}>
+                {this.state.stateId === '3' && !this.state.isShowRendering&&this.state.renderingImage.length ? <View className='button-box show-image-button'><View className='button' onClick={this.showImageButton.bind(this)}>
                     <Button className='button-orange'>查看效果图</Button>
                 </View></View> : null}
                 <View className='type box'>

src/pages/grabOrderPage/renderingView/renderingView.js

@@ -20,7 +20,7 @@ class RenderingView extends Component {
         super(props)
         this.state = {
             image: '',
-            isOpened:false
+            isOpened: false
         }
 
     }
@@ -29,12 +29,12 @@ class RenderingView extends Component {
         const item = onClickValueService(e)
         this.setState({
             image: URL.Base + item.file_path,
-            isOpened:true
+            isOpened: true
         })
     }
-    onCloseCurtain(){
+    onCloseCurtain() {
         this.setState({
-            isOpened:false
+            isOpened: false
         })
     }
     componentDidMount() {

src/pages/home/home.js

@@ -216,6 +216,7 @@ class Home extends Component {
   // 点击大类icon
   onClickParentCate(e) {
     const item = onClickValueService(e)
+    
     Taro.showLoading({
       title: '加载中'
     })

src/pages/home/home.scss

@@ -32,7 +32,7 @@ $themeColor: #FF7142;
     //margin-top: 30px;
     .title{
       
-        padding:20px 20px;
+        padding:10px 10px;
      
         .title-block{
                 background-color: #3C98FF;
@@ -113,12 +113,11 @@ $themeColor: #FF7142;
         
     }
     .shop-box{
-        padding:0 20px;
+        padding:0 10px;
         .title{
             text-align: center;
             color: #999;
             font-size: 25px;
-            
         }
     }
     .top{

src/pages/home/mainCateSlider/mainCateSlider.js

@@ -14,7 +14,7 @@ class MainCateSlider extends Component {
         this.props.onScrollFromChild(e)
     }
     componentWillReceiveProps(nextProps) {
-        console.log(this.props, nextProps)
+        // console.log(this.props, nextProps)
     }
 
     componentWillUnmount() { }

src/pages/login/login.js

@@ -14,7 +14,8 @@ class Login extends Component {
     this.state = {
       username: '',
       password: '',
-      backgroundImage: 'background-image:url(' + URL.Base + '/Public/images/bg3.jpg);'
+      backgroundImage: 'background-image:url(' + URL.Base + 'Public/images/bg3.jpg);',
+      logoIcon:'background-image:url(' + URL.Base + 'Public/images/com-logo.png);'
     }
   }
 
@@ -79,7 +80,7 @@ class Login extends Component {
         <View className='logo'>
           <View className='image-wrapper'>
             <View className='image-inner-wrapper'>
-              <Image style='width: 240px;height: 80px;background: #fff;' src={URL.Base + '/Public/images/com-logo.png'} />
+              <Image className='icon' style={this.state.logoIcon} />
             </View>
 
             <View className='title'>全屋定制商城</View>

src/pages/login/login.scss

@@ -15,10 +15,17 @@
             display: flex;
             flex-wrap: nowrap;
             flex-direction: row;
+            height: 100%;
             align-items: center;
+
             .image-inner-wrapper{
                 flex:2;
-
+                .icon{
+                    margin-top: 10px;
+                    width: 400px;
+                    height: 150px;
+                    background: #fff;
+                }
             }
             .title{
                 flex:1;

src/pages/myNeeds/myNeeds.js

@@ -122,7 +122,7 @@ class MyNeeds extends Component {
 
         }
       } else if (JSON.parse(res.data).err_code === 88888) {
-        const response={data:JSON.parse(res.data)}
+        const response = { data: JSON.parse(res.data) }
         loginExpired(response)
 
       }
@@ -388,14 +388,17 @@ class MyNeeds extends Component {
         {/* 开始和结束日期 */}
         <View className='page-section'>
           <View className='picker-box'>
+            <View className='picker-wrapper'>
               <Picker mode='date' className='picker-container' onChange={this.onStartDateChange}>
                 <View className='picker'>
                   <View className='title-box'>
                     开始日期:<Text className='selected date'>{this.state.startDateSel}</Text>
                   </View>
-
                 </View>
               </Picker>
+            </View>
+            <View className='picker-wrapper'>
+
               <Picker className='picker-container' mode='date' start={this.state.startDateSel} onChange={this.onEndDateChange}>
                 <View className='picker'>
                   <View className='title-box'>
@@ -403,7 +406,7 @@ class MyNeeds extends Component {
                   </View>
                 </View>
               </Picker>
-
+            </View>
           </View>
         </View>
         {/* 行业分类开始 */}

src/pages/myNeeds/myNeeds.scss

@@ -76,7 +76,7 @@ $themeColor:#FF7142;
     display: flex;
     flex-wrap: nowrap;
     flex-direction: row;
-    .picker-container{
+    .picker-wrapper{
         flex:1
     }
 

src/pages/mySupplyDemand/mySupplyDemand.js

@@ -434,6 +434,7 @@ class MySupplyDemand extends Component {
                 {/* 开始和结束日期 */}
                 <View className='page-section'>
                     <View className='picker-box'>
+                        <View className='picker-wrapper'>
                             <Picker mode='date' className='picker-container' onChange={this.onStartDateChange}>
                                 <View className='picker'>
                                     <View className='title-box'>
@@ -442,6 +443,8 @@ class MySupplyDemand extends Component {
 
                                 </View>
                             </Picker>
+                        </View>
+                        <View className='picker-wrapper'>
                             <Picker className='picker-container' mode='date' start={this.state.startDateSel} onChange={this.onEndDateChange}>
                                 <View className='picker'>
                                     <View className='title-box'>
@@ -449,7 +452,7 @@ class MySupplyDemand extends Component {
                                     </View>
                                 </View>
                             </Picker>
-
+                        </View>
                     </View>
                 </View>
 

src/pages/mySupplyDemand/mySupplyDemand.scss

@@ -82,7 +82,7 @@ $themeColor:#FF7142;
     display: flex;
     flex-wrap: nowrap;
     flex-direction: row;
-    .picker-container{
+    .picker-wrapper{
         flex:1
     }
 

src/pages/shop/shop.js

@@ -806,14 +806,14 @@ class Shop extends Component {
                 <View className='nav-box'>
                     <View className='nav'>
                         <View className='shop-cate'>
-                            <View>
+                            <View className='interaction'>
                                 <ShopTypeInteractionComp
-                                    url={URL.GetShopCategoryList} style='position:absolute;z-index:2;opacity:0;left:0'
+                                    url={URL.GetShopCategoryList}
                                     shopId={this.state.shop_id}
                                     onPassDataToChild={this.getDataFromShopChild.bind(this)}
                                 ></ShopTypeInteractionComp>
                             </View>
-                            <View className='interactive' onClick={this.showPopUp.bind(this)}>
+                            <View >
                                 <Text className='text'>
                                     店铺全部分类
                                 </Text>

src/pages/shop/shop.scss

@@ -46,7 +46,7 @@ $themeColor:#FF7142;
         line-height: 55px;
         text-align: center;
         overflow:hidden;
-height:60rpx;
+        height:60rpx;
 
         .text{
         color:white;
@@ -57,10 +57,9 @@ height:60rpx;
             flex:1;
             margin-left: 30px;
             position: relative;
-            .interactive{
+            .interaction{
                 position: absolute;
-                left: 0;
+                opacity: 0;
-                top:0;
             }
         }
         .homepage-link{

src/util/onClickValueService.js

@@ -4,8 +4,11 @@ export default function onClickValueService(e) {
     let value
     if (process.env.TARO_ENV === 'alipay') {
         value = e.currentTarget.dataset.eOnTapAA
+        
     } else if (process.env.TARO_ENV === 'weapp') {
         value = e.currentTarget.dataset.eTapAA
     }
+        value=typeof(value)==='string'?encodeURIComponent(value):value
+         console.log('value',value)
     return value
 }