添加 供求发布, 我的供求,copyright, searchbar component
This commit is contained in:
@@ -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
33
src/component/copyrightComponent/copyrightComponent.js
Normal 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 © 晨丰全屋定制商城 闽ICP备16007300号-2
|
||||
</View>
|
||||
|
||||
</View>
|
||||
<View className='gap'>
|
||||
|
||||
</View>
|
||||
</View>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default CopyrightComponent
|
15
src/component/copyrightComponent/copyrightComponent.scss
Normal file
15
src/component/copyrightComponent/copyrightComponent.scss
Normal 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
44
src/component/searchBarComponent/searchBarComponent.js
Normal 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
10
src/component/searchBarComponent/searchBarComponent.scss
Normal file
@@ -0,0 +1,10 @@
|
||||
|
||||
.searchBarComponent{
|
||||
|
||||
.search-button{
|
||||
.at-search-bar__action {
|
||||
background-color:#FF9900;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
Reference in New Issue
Block a user