mqzheng/cf-wx-app
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

添加 供求发布， 我的供求，copyright， searchbar component

Browse Source
This commit is contained in:
郑茂强 2018-12-07 17:17:46 +08:00
parent 1b48b7b55a
commit 03f91e217e
20 changed files with 1024 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app.js
View File

@ -23,8 +23,9 @@ class App extends Component {
'pages/shop/shop',
'pages/goods/goods',
'pages/goodsPublish/goodsPublish',
// 'pages/supplyDemandPubish/supplyDemandPubish',
// 'pages/mySupplyDemand/mySupplyDemand',
'pages/supplyDemandPubish/supplyDemandPubish',
'pages/mySupplyDemand/mySupplyDemand',
'pages/allDemanding/allDemanding',
],
window: {
backgroundTextStyle: 'light',

2
src/component/bottomNav/bottomNav.js
View File

@ -51,7 +51,7 @@ class bottomNav extends Component {
const otherData=[
{ name: '首页', url:'pages/home/home'},
{ name: '商品发布', url:'pages/shop/shop'},
{name:'供求发布',url:''},
{ name: '供求发布', url:'pages/supplyDemandPubish/supplyDemandPubish'},
{name:'我的供求',url:''},
{name:'更多',url:''},
]

33
src/component/copyrightComponent/copyrightComponent.js Normal file
View File

@ -0,0 +1,33 @@
import Taro, { Component } from '@tarojs/taro'
import { View, Button, Text } from '@tarojs/components'
import './copyrightComponent.scss'
class CopyrightComponent extends Component {
config = {
navigationBarTitleText: 'copyrightComponent'
}
render() {
return (
<View className='copyrightComponent'>
<View className='copyright-box'>
<View className='title'>
Copyright &copy; 晨丰全屋定制商城 闽ICP备16007300号-2
</View>
</View>
<View className='gap'>
</View>
</View>
)
}
}
export default CopyrightComponent

15
src/component/copyrightComponent/copyrightComponent.scss Normal file
View File

@ -0,0 +1,15 @@
.copyright-box{
padding:0 20px;
.title{
text-align: center;
line-height: 100px;
font-size: 25px;
}
}
.gap{
height:150px;
}

44
src/component/searchBarComponent/searchBarComponent.js Normal file
View File

@ -0,0 +1,44 @@
import Taro, { Component } from '@tarojs/taro'
import { View, Button, Text } from '@tarojs/components'
import { AtSearchBar } from 'taro-ui'
import './searchBarComponent.scss'
class searchBarComponent extends Component {
config = {
navigationBarTitleText: 'searchBarComponent'
}
constructor() {
super(...arguments)
this.state = {
value: ''
}
}
onChange(value) {
this.setState({
value: value
})
}
render() {
return (
<View className='searchBarComponent'>
<View className='searchBar-box'>
<AtSearchBar className='search-button'
actionName='搜索'
value={this.state.value}
onChange={this.onChange.bind(this)}
onActionClick={this.onActionClick.bind(this)}
/>
</View>
</View>
)
}
}
export default searchBarComponent

10
src/component/searchBarComponent/searchBarComponent.scss Normal file
View File

@ -0,0 +1,10 @@
.searchBarComponent{
.search-button{
.at-search-bar__action {
background-color:#FF9900;
}
}
}

209
src/pages/allDemanding/allDemanding.js Normal file
View File

@ -0,0 +1,209 @@
import Taro, { Component } from '@tarojs/taro'
import { View, Text, Image } from '@tarojs/components'
import { AtInput, AtButton, Picker, AtIcon, AtLoadMore } from 'taro-ui'
import copyrightComponent from '../../component/copyrightComponent/copyrightComponent'
import URL from '../../serviceAPI.config'
import './allDemanding.scss'
import eyeIcon from '../../icons/eye.png'
let currentPage=1
class AllDemanding extends Component {
config = {
navigationBarTitleText: '全部业主需求'
}
constructor() {
super(...arguments)
this.state = {
supplys:[],
isMore:'more',
selector: ['全部', '需求', '供应', '人才'],
selectorChecked: '全部',
selector1: ['全部', '上架', '下架'],
selectorChecked1: '全部',
dateSel: '2018-04-22',
}
}
GetAllDemanding({ curr_page=1, page_count=20}) {
Taro.request({
url: URL.GetAllDemanding,
method: 'POST',
dataType: 'json',
data: {
param: JSON.stringify({
curr_page: curr_page,
page_count: page_count
}),
},
header: {
'content-type': 'application/x-www-form-urlencoded',
'X-Requested-With': 'XMLHttpRequest'
}
})
.then(res => {
if (res.data.supplys.length){
const newSupplys=this.state.supplys.concat(res.data.supplys)
this.setState({ supplys: newSupplys, isMore: 'more'})
}else{
this.setState({ isMore:'noMore'})
}
})
}
handleLoadMore(){
this.setState({isMore:'loading'})
setTimeout(() => {
currentPage += 1
this.GetAllDemanding({ curr_page: currentPage })
}, 1000);
}
onChange = e => {
this.setState({
selectorChecked: this.state.selector[e.detail.value]
})
}
onDateChange = e => {
this.setState({
dateSel: e.detail.value
})
}
componentWillReceiveProps(nextProps) {
console.log(this.props, nextProps)
}
componentDidMount(){
this.GetAllDemanding({})
}
componentWillUnmount() { }
componentDidShow() { }
componentDidHide() { }
render() {
const allDemandingElementArray=this.state.supplys?this.state.supplys.map((item,index)=>{
return <View className='demanding-info' key={index}>
<View className='header'>
<View className='name'>业主:{item.user_name}</View>
<View className='others'>
<Text className='cate'>{item.class_name+' '} </Text>
|
<Image src={eyeIcon} style='width:12px; height:12px; vertical-align:middle;' />
<Text className='watch'>{item.browse_times}</Text>
</View>
</View>
<View className='body'>
<View className='image-container'>
<Image style='width:90px;height:60px' src={URL.Base + item.file_path[0].thumb_path} />
</View>
<View className='detail'>
<View className='title'>{item.sd_title}</View>
<View className='para'>{item.sd_desc}</View>
<View className='button'>
<AtButton type='primary' size='small'>
抢单</AtButton>
</View>
</View>
</View>
<View className='footer'>
<View className='location'><AtIcon value='map-pin' size='12' color='black'></AtIcon>没有数据</View>
<View className='time'>更新日期:{item.update_date}</View>
</View>
</View>
}):null
return (
<View className='allDemanding'>
<View className='page-section'>
<View>
<Picker mode='selector' range={this.state.selector1} onChange={this.onChange1}>
<View className='picker'>
<View className='title-box'>
<Text className='title'> <Text className='require'>*</Text>供求状态:</Text> <Text className='selected'>{this.state.selectorChecked1}</Text>
</View>
</View>
</Picker>
</View>
</View>
<View className='input-box'>
<Text className='require'>*</Text>
<AtInput
name='value'
title='需求标题：'
type='text'
placeholder='需求标题'
value={this.state.value}
onChange={this.handleChange.bind(this)}
/>
</View>
<View className='page-section'>
<View className='picker-box'>
<Picker mode='date' className='picker-container' onChange={this.onDateChange}>
<View className='picker'>
<View className='title-box'>
<Text className='title'><Text className='require'>*</Text>开始日期:</Text> <Text className='selected'>{this.state.dateSel}</Text>
</View>
</View>
</Picker>
<Picker className='picker-container' mode='date' onChange={this.onDateChange}>
<View className='picker'>
<View className='title-box'>
<Text className='title'><Text className='require'>*</Text>结束日期:</Text> <Text className='selected'>{this.state.dateSel}</Text>
</View>
</View>
</Picker>
</View>
</View>
<View className='page-section'>
<View>
<Picker mode='selector' range={this.state.selector1} onChange={this.onChange1}>
<View className='picker'>
<View className='title-box'>
<Text className='title'> <Text className='require'>*</Text>供求状态:</Text> <Text className='selected'>{this.state.selectorChecked1}</Text>
</View>
</View>
</Picker>
</View>
</View>
<View className='button-box'>
<View className='button'>
<AtButton type='primary' size='small'>
<AtIcon value='search' size='12' color='white'></AtIcon>
搜索</AtButton>
</View>
</View>
<View className='demanding-box' >
{allDemandingElementArray}
</View>
<AtLoadMore
onClick={this.handleLoadMore.bind(this)}
status={this.state.isMore}
/>
<copyrightComponent></copyrightComponent>
</View>
)
}
}
export default AllDemanding

129
src/pages/allDemanding/allDemanding.scss Normal file
View File

@ -0,0 +1,129 @@
.allDemanding{
padding: 10px 20px;
font-size: 32rpx;
.require{
color:red;
line-height:100rpx;
}
.at-input__container{
color:black;
font-weight: bold;
.at-input__input{
font-weight: normal
}
}
.page-section{
border-bottom: 1Px solid #d6e4ef;
.picker{
// padding: 24rpx 0;
.selected{
display: inline-block;
margin-left: 20%;
font-size: 32rpx
}
.title-box{
.title{
//color: #333;
margin-right:16rpx;
width:172rpx;
font-size:32rpx;
line-height:1.5;
vertical-align:middle;
text-align:left;
font-weight: bold;
}
}
}
}
.input-box{
display: flex;
border-bottom: 1Px solid #d6e4ef;
}
}
.picker-box{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
.picker-container{
flex:1
}
}
.button-box{
.button{
margin-top: 50px;
margin-bottom: 50px;
text-align: center;
.at-button--primary{
background-color:#FF9500;
border:1PX solid #FF9500;
}
}
}
.demanding-box{
.demanding-info{
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: 0 10px 10px #ddd;
margin-bottom: 20px;
font-size: 28rpx;
.header{
display: flex;
padding:20px 20px 5px;
border-bottom: 1px solid #F2F2F2;
.name{
flex:1
}
.others{
flex:1;
text-align: right;
.cate{
color:#2196F3
}
}
}
.body{
display: flex;
border-bottom: 1px solid #F2F2F2;
margin:20px 0;
.image-container{
padding: 10px;
flex:1;
}
.detail{
flex:2;
position: relative;
padding-right: 20px;
.title{
font-weight: bold;
}
.button{
position: absolute;
bottom: 0px;
right:20px;
}
}
}
.footer{
display: flex;
margin:20px;
color:#999;
font-size: 25rpx;
.location{
flex:1
}
.time{
flex:1
}
}
}
}

10
src/pages/goods/goods.js
View File

@ -1,6 +1,7 @@
import Taro, { Component } from '@tarojs/taro'
import { View, Button, Text, Image } from '@tarojs/components'
import { AtSearchBar, AtTabs, AtTabsPane,AtSegmentedControl } from 'taro-ui'
import copyrightComponent from '../../component/copyrightComponent/copyrightComponent'
@ -170,15 +171,8 @@ class Goods extends Component {
</View>
<View className='copyright-box'>
<View className='title'>
Copyright &copy; 晨丰全屋定制商城 闽ICP备16007300号-2
</View>
<copyrightComponent></copyrightComponent>
</View>
<View className='gap'>
</View>
<View className='shop-bottom-box' >
<View className='shop-bottom-nav'>
<View className='to-shop'>

4
src/pages/goodsPublish/goodsPublish.js
View File

@ -2,6 +2,7 @@ import Taro, { Component } from '@tarojs/taro'
import { View, Button, Text, Input, Radio, RadioGroup, Label } from '@tarojs/components'
import { AtInput, AtForm, AtImagePicker, AtTextarea, AtRadio, AtButton } from 'taro-ui'
import copyrightComponent from '../../component/copyrightComponent/copyrightComponent'
import './goodsPublish.scss'
@ -183,7 +184,7 @@ class GoodsPublish extends Component {
value={this.state.value}
onChange={this.handleChange.bind(this)}
maxlength='200'
placeholder='你的问题是...'
placeholder='你的产品简介'
/>
</View>
@ -203,6 +204,7 @@ class GoodsPublish extends Component {
</View>
<copyrightComponent></copyrightComponent>
</View>
)

8
src/pages/goodsPublish/goodsPublish.scss
View File

@ -3,6 +3,11 @@
.border-box{
border-bottom: 1Px solid #d6e4ef;
}
.at-input__container{
color:black;
font-weight: bold;
}
.img-box{
margin-top:10Px;
@ -46,13 +51,14 @@
}
.title-box{
.title{
color: #333;
//color: #333;
margin-right:16rpx;
width:172rpx;
font-size:32rpx;
line-height:1.5;
vertical-align:middle;
text-align:left;
font-weight: bold
}

8
src/pages/home/home.js
View File

@ -93,7 +93,11 @@ class Home extends Component {
onClickChildCate(item) {
this.getShops(item.parent_class_id, item.class_id, 2)
}
goToAllDemandingPage(){
Taro.navigateTo({
url: '/pages/allDemanding/allDemanding'
})
}
render() {
const demandingElemensArray = this.state.demanding?this.state.demanding.map((item, index) => {
@ -213,7 +217,7 @@ class Home extends Component {
<Text className='title-block'></Text>
<Text className='title-text'>业主需求</Text>
<Text className='more-link'>
<Text className='more-link' onClick={this.goToAllDemandingPage.bind(this)}>
更多>>
</Text>
</View>

6
src/pages/index/index.js
View File

@ -31,12 +31,6 @@ class Index extends Component {
Taro.navigateTo({
url: '/pages/home/home'
})
// Taro.request({
// url:'http://192.168.1.230/Shop-wxStore',
// })
// .then(res => console.log(res.data))
}
componentWillReceiveProps (nextProps) {
console.log(this.props, nextProps)

188
src/pages/mySupplyDemand/mySupplyDemand.js Normal file
View File

@ -0,0 +1,188 @@
import Taro, { Component } from '@tarojs/taro'
import { View, Button, Text } from '@tarojs/components'
import { AtInput, AtButton, Picker,AtIcon } from 'taro-ui'
import copyrightComponent from '../../component/copyrightComponent/copyrightComponent'
import searchBarComponent from '../../component/searchBarComponent/searchBarComponent'
import './mySupplyDemand.scss'
console.log('hi')
class MySupplyDemand extends Component {
config = {
navigationBarTitleText: '我的供求'
}
constructor() {
super(...arguments)
this.state = {
selector: ['全部','需求', '供应', '人才'],
selectorChecked: '全部',
selector1: ['全部','上架', '下架'],
selectorChecked1: '全部',
dateSel: '2018-04-22',
}
}
onChange = e => {
this.setState({
selectorChecked: this.state.selector[e.detail.value]
})
}
onChange1 = e => {
this.setState({
selectorChecked1: this.state.selector1[e.detail.value]
})
}
onDateChange = e => {
this.setState({
dateSel: e.detail.value
})
}
componentWillReceiveProps(nextProps) {
console.log(this.props, nextProps)
}
componentWillUnmount() { }
componentDidShow() { }
componentDidHide() { }
render() {
return (
<View className='mySupplyDemand'>
<searchBarComponent></searchBarComponent>
<View className='page-section'>
<View>
<Picker mode='selector' range={this.state.selector} onChange={this.onChange}>
<View className='picker'>
<View className='title-box'>
<Text className='title'><Text className='require'>*</Text>供求类型:</Text> <Text className='selected'>{this.state.selectorChecked}</Text>
</View>
</View>
</Picker>
</View>
</View>
<View className='page-section'>
<View>
<Picker mode='selector' range={this.state.selector1} onChange={this.onChange1}>
<View className='picker'>
<View className='title-box'>
<Text className='title'> <Text className='require'>*</Text>供求状态:</Text> <Text className='selected'>{this.state.selectorChecked1}</Text>
</View>
</View>
</Picker>
</View>
</View>
<View className='input-box'>
<Text className='require'>*</Text>
<AtInput
name='value'
title='供求标题：'
placeholder='供求标题·'
type='text'
value={this.state.value}
onChange={this.handleChange.bind(this)}
/>
</View>
<View className='page-section'>
<View className='picker-box'>
<Picker mode='date' className='picker-container' onChange={this.onDateChange}>
<View className='picker'>
<View className='title-box'>
<Text className='title'><Text className='require'>*</Text>开始日期:</Text> <Text className='selected'>{this.state.dateSel}</Text>
</View>
</View>
</Picker>
<Picker className='picker-container' mode='date' onChange={this.onDateChange}>
<View className='picker'>
<View className='title-box'>
<Text className='title'><Text className='require'>*</Text>结束日期:</Text> <Text className='selected'>{this.state.dateSel}</Text>
</View>
</View>
</Picker>
</View>
</View>
<View className='button-box'>
<View className='button'>
<AtButton type='primary' size='small'>
<AtIcon value='search' size='12' color='white'></AtIcon>
搜索</AtButton>
</View>
<View className='button'>
<AtButton type='primary' size='small'>
<AtIcon value='add' size='12' color='white'></AtIcon>
新增</AtButton>
</View>
</View>
<View className='total-count'>一共<Text className='number'>20</Text> 条记录</View>
<View className='info-box'>
<View className='info-container'>
<View className='type'>
<Text className='title'>需求类型：</Text>
<Text className='info'>1</Text>
</View>
<View className='demand-title'>
<Text className='title'>需求标题：</Text>
<Text className='info'>1</Text>
</View>
<View className='contact-name'>
<Text className='title'>联系人：</Text>
<Text className='info'>1</Text>
</View>
<View className='contact-number'>
<Text className='title'>电话号码：</Text>
<Text className='info'>1</Text>
</View>
<View className='demand-status'>
<Text className='title'>需求状态：</Text>
<Text className='info'></Text>
</View>
<View className='update-time'>
<Text className='title'>更新时间：</Text>
<Text className='info'>1</Text>
</View>
<View className='info-button-box'>
<View className='button'>
<AtButton type='primary' size='small'>查看</AtButton>
</View>
<View className='button'>
<AtButton type='primary' size='small'>编辑</AtButton>
</View>
<View className='button'>
<AtButton type='primary' size='small'>删除</AtButton>
</View>
</View>
</View>
</View>
<copyrightComponent></copyrightComponent>
</View>
)
}
}
export default MySupplyDemand

111
src/pages/mySupplyDemand/mySupplyDemand.scss Normal file
View File

@ -0,0 +1,111 @@
.mySupplyDemand{
padding: 10px 20px;
font-size: 32rpx;
.require{
color:red;
line-height:100rpx;
}
.total-count{
text-align: right;
margin: 20px;
.number{
color:red;
}
}
.at-input__container{
color:black;
font-weight: bold;
.at-input__input{
font-weight: normal
}
}
.page-section{
border-bottom: 1Px solid #d6e4ef;
.picker{
// padding: 24rpx 0;
.selected{
display: inline-block;
margin-left: 20%;
font-size: 32rpx
}
.title-box{
.title{
//color: #333;
margin-right:16rpx;
width:172rpx;
font-size:32rpx;
line-height:1.5;
vertical-align:middle;
text-align:left;
font-weight: bold;
}
}
}
}
.input-box{
display: flex;
border-bottom: 1Px solid #d6e4ef;
}
}
.picker-box{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
.picker-container{
flex:1
}
}
.button-box{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
margin: 40px 0;
padding: 0 120px;
.button{
flex:1;
text-align: center;
.at-button--primary{
background-color:#FF9500;
border:1PX solid #FF9500;
}
}
}
.info-box{
font-size: 30px;
.info-container{
border: 1px solid #ddd;
margin-bottom: 8px;
box-shadow: 0 8px 8px #ddd;
padding: 10px;
View{
margin:10px
}
.info-button-box{
display: flex;
flex-wrap: nowrap;
justify-content:flex-end;
margin: 20px 0 0 0;
padding: 0 20px;
border-top: 1px solid #ddd;
.button{
// flex:1;
text-align: center;
margin: 0 0;
.at-button--primary{
background-color:#FF9500;
border:1PX solid #FF9500;
}
}
}
}
}

13
src/pages/shop/shop.js
View File

@ -6,6 +6,7 @@ import URL from '../../serviceAPI.config'
import './shop.scss'
import ShopItem from '../../component/shopItemComponent/shopItemComponent'
import bottomNav from '../../component/bottomNav/bottomNav'
import copyrightComponent from '../../component/copyrightComponent/copyrightComponent'
class Shop extends Component {
// 项目配置
@ -22,7 +23,7 @@ class Shop extends Component {
FilterText:'',
filterBar:['综合排序','销量','新品','价格','人气'],
selectedFilterValue:0,
isShowFilter:false,
isShowFilter:true,
综合排序:true,
销量:false,
新品:false,
@ -320,6 +321,7 @@ class Shop extends Component {
<View className='confirm-button'>
<Button className='button' type='primary' size='mini' style='background-color:#FF9900' >确认</Button>
<Button className='button' type='primary' size='mini' style='background-color:#FF9900'>重置</Button>
<View className='gap'></View>
</View>
</View>
</View>
@ -329,15 +331,8 @@ class Shop extends Component {
{ShopItemElementsArray}
</View>
<View className='copyright-box'>
<View className='title'>
Copyright &copy; 晨丰全屋定制商城 闽ICP备16007300号-2
</View>
<copyrightComponent></copyrightComponent>
</View>
<View className='gap'>
</View>
<View className='bottom-nav-box'>
<bottomNav otherData={{menu:[{ name: '首页' }, { name: '分类' }, { name: '购物车' }, { name: '教程软件' }, { name:'更多'}]}} />

3
src/pages/shop/shop.scss
View File

@ -95,6 +95,9 @@
.button{
margin:0 20px
}
.gap{
height: 100px;
}
}
}
}

176
src/pages/supplyDemandPubish/supplyDemandPubish.js Normal file
View File

@ -0,0 +1,176 @@
import Taro, { Component } from '@tarojs/taro'
import { View, Button, Text } from '@tarojs/components'
import { AtInput, AtForm, AtImagePicker, AtTextarea, AtRadio, AtButton, Picker} from 'taro-ui'
import copyrightComponent from '../../component/copyrightComponent/copyrightComponent'
import './supplyDemandPubish.scss'
class SupplyDemand extends Component {
config = {
navigationBarTitleText: '供求发布'
}
constructor() {
super(...arguments)
this.state = {
selector: ['需求', '供应', '人才'],
selectorChecked: '需求',
selector1: ['上架', '下架'],
selectorChecked1: '上架',
}
}
onChange = e => {
this.setState({
selectorChecked: this.state.selector[e.detail.value]
})
}
onChange1 = e => {
this.setState({
selectorChecked1: this.state.selector1[e.detail.value]
})
}
componentWillReceiveProps(nextProps) {
console.log(this.props, nextProps)
}
componentWillUnmount() { }
componentDidShow() { }
componentDidHide() { }
render() {
return (
<View className='supply-demand'>
<View className='page-section'>
<View>
<Picker mode='selector' range={this.state.selector} onChange={this.onChange}>
<View className='picker'>
<View className='title-box'>
<Text className='title'><Text className='require'>*</Text>供求类型:</Text> <Text className='selected'>{this.state.selectorChecked}</Text>
</View>
</View>
</Picker>
</View>
</View>
<View className='border-box'>
<Text className='require'>*</Text><AtInput
name='value'
title='需求标题：'
type='text'
value={this.state.value}
onChange={this.handleChange.bind(this)}
/>
</View>
<View className='input-box'>
<Text className='require'>*</Text>
<AtInput
name='value'
title='联系人：'
type='text'
value={this.state.value}
onChange={this.handleChange.bind(this)}
/>
</View>
<View className='input-box'>
<Text className='require'>*</Text>
<AtInput
name='value'
title='联系电话：'
type='number'
value={this.state.value}
onChange={this.handleChange.bind(this)}
/>
</View>
<View className='address-box'>
<View className='title-box'>
<Text className='title'>联系地址:</Text>
</View>
<AtTextarea
value={this.state.value}
onChange={this.handleChange.bind(this)}
maxlength='200'
placeholder='你的产品简介'
/>
</View>
<View className='demanding-box'>
<View className='title-box'>
<Text className='title'><Text className='require'>*</Text>需求内容:</Text>
</View>
<AtTextarea
value={this.state.value}
onChange={this.handleChange.bind(this)}
maxlength='200'
placeholder='你的产品简介'
/>
</View>
<View className='img-box'>
<View className='title-box'>
<Text className='title'>需求图片:</Text>
<View className='warn'>(最多4张)</View>
</View>
<View className='img-container'>
<AtImagePicker
multiple
files={this.state.files}
onChange={this.onChange.bind(this)}
onFail={this.onFail.bind(this)}
onImageClick={this.onImageClick.bind(this)}
/>
</View>
</View>
<View className='page-section'>
<View>
<Picker mode='selector' range={this.state.selector1} onChange={this.onChange1}>
<View className='picker'>
<View className='title-box'>
<Text className='title'> <Text className='require'>*</Text>状态:</Text> <Text className='selected'>{this.state.selectorChecked1}</Text>
</View>
</View>
</Picker>
</View>
</View>
<View className='button-box'>
<View className='button'>
<AtButton type='primary' size='small'>发布</AtButton>
</View>
<View className='button'>
<AtButton type='primary' size='small'>发布并新增</AtButton>
</View>
<View className='button'>
<AtButton type='primary' size='small'>商品列表</AtButton>
</View>
</View>
<copyrightComponent></copyrightComponent>
</View>
)
}
}
export default SupplyDemand

77
src/pages/supplyDemandPubish/supplyDemandPubish.scss Normal file
View File

@ -0,0 +1,77 @@
.supply-demand{
padding: 10px 20px;
.border-box{
border-bottom: 1Px solid #d6e4ef;
display: flex
}
.at-input__container{
color:black;
font-weight: bold;
.at-input__input{
font-weight: normal
}
}
.img-box{
margin-top:10Px;
.img-container{
border: 1Px solid #d6e4ef;
border-radius:8rpx;
}
}
.button-box{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
margin: 40px 0;
padding: 0 120px;
.button{
flex:1;
text-align: center;
.at-button--primary{
background-color:#FF9500;
border:1PX solid #FF9500;
}
}
}
}
.title-box{
.title{
//color: #333;
margin-right:16rpx;
width:172rpx;
font-size:32rpx;
line-height:1.5;
vertical-align:middle;
text-align:left;
font-weight: bold;
}
}
.warn{
font-size: 25px;
color:red;
}
.page-section{
border-bottom: 1Px solid #d6e4ef;
.picker{
padding: 24rpx 0
}
}
.selected{
display: inline-block;
margin-left: 20%;
font-size: 32rpx
}
.input-box{
border-bottom: 1Px solid #d6e4ef;
display: flex;
}
.require{
color:red;
line-height:100rpx;
}

1
src/serviceAPI.config.js
View File

@ -8,6 +8,7 @@ const URL = {
GetSearchParam: LOCALURL + 'GoodsSearch-getSearchParam',// sidebar筛选的字段
SearchResult: LOCALURL + 'GoodsSearch-search',// 得到搜索结果
SearchBarKeyWords: LOCALURL + 'Search-getKeywords',// 搜索栏接口
GetAllDemanding: LOCALURL + 'supply-allDemandList',// 获取所有业主需求
}