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

double check all pages and marked down changes on notebook

Browse Source
This commit is contained in:
郑茂强
2018-12-10 17:38:17 +08:00
parent 03f91e217e
commit da14bd8f2d
19 changed files with 328 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/component/filteredShopComponent/filteredShopComponent.js
View File

@@ -44,7 +44,7 @@ class recommondShop extends Component {
const slicedGoods = goods !==null?goods.slice(1):null
const goodsElementsArray = goods !== null ? slicedGoods.map((item,index)=>{
return <View className='goods-img-box' key={index}>
<Image className='goods-img' src={URL.Base+item.goods_url} />
<Image className='goods-img' onClick={this.goToShop.bind(this, this.props.shop)} mode='aspectFit' style='max-height: 100%; max-width: 100%;'src={URL.Base+item.goods_url} />
</View>
}):null
return (
@@ -62,7 +62,7 @@ class recommondShop extends Component {
</View>
<View className='body'>
<View className='shop-img' onClick={this.goToShop.bind(this, this.props.shop)}>
<Image src={imgUrl}/>
<Image mode='aspectFit' style=' max-height: 100%; max-width: 100%;' src={imgUrl}/>
</View>
{goods.length !== 1 ? goodsElementsArray:<View className='details'>
<View className='details-block'><Text className='details-text'>商品:</Text> <Text>{ProductName}</Text></View>

19
src/component/filteredShopComponent/filteredShopComponent.scss
View File

@@ -48,34 +48,33 @@
.body{
border-bottom:1px solid #F2F2F2;
display: flex;
flex-wrap: nowrap;
font-size: 35px;
.shop-img{
padding: 20px;
Image{
height: 200px;
margin:20px;
text-align: center;
height: 200px;
width: 200px;
}
}
.details{
font-size: 30px;
margin-left: 30px;
.details-block{
margin-top: 30px;
.details-text{
font-weight: bold;
}
}
}
.goods-img-box{
display: flex;
flex-wrap: nowrap;
flex:1;
margin-top: 20px;
.goods-img{
border: 1px solid #ddd;
width: 80px;
height: 80px;
width: 90px;
height: 90px;
margin: 10px
}
}

6
src/component/searchBarComponent/searchBarComponent.js
View File

@@ -8,12 +8,14 @@ import './searchBarComponent.scss'
class searchBarComponent extends Component {
class SearchBarComponent extends Component {
config = {
navigationBarTitleText: 'searchBarComponent'
}
constructor() {
super(...arguments)
this.state = {
value: ''
@@ -41,4 +43,4 @@ class searchBarComponent extends Component {
}
}
export default searchBarComponent
export default SearchBarComponent

12
src/component/searchBarComponent/searchBarComponent.scss
View File

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

19
src/component/shopItemComponent/shopItemComponent.js
View File

@@ -16,18 +16,20 @@ class ShopItem extends Component {
url: '/pages/goods/goods?id=123&name=michael'
})
}
render() {
const imgURL =this.props.item? URL.Base +this.props.item.goods_url:null
const newPrice = this.props.item ? this.props.item.goods_price : null
const oldPrice = this.props.item ? this.props.item.goods_org_price : null
const name = this.props.item ? this.props.item.goods_name : null
const browseTimes = this.props.item ? this.props.item.browse_times : null
const goodType = this.props.item ? this.props.item.goods_type_name:null
return (
<View className='shopitem-box' onClick={this.shopOnClickHanlder.bind(this)}>
<View className='goods-type'>
{goodType}
</View>
<View className='image-box'>
<Image className='img' src={imgURL}/>
<Image mode='aspectFit' style=' max-height: 100%; max-width: 100%;' className='img' src={imgURL}/>
</View>
<View className='price-box'>
<Text class='new-price'>￥{newPrice+' '}</Text>
@@ -40,15 +42,14 @@ class ShopItem extends Component {
<View className='addon-box'>
<View className='basket'>
<Image src={cartIcon} style='width:12px; height:12px;'/>
<Text className='title'>0</Text>
<Image src={cartIcon} style='width:12px; height:12px;vertical-align:middle;'/>
<Text className='amount'>0</Text>
</View>
|
<View className='browse-time'>
<Image src={eyeIcon} style='width:12px; height:12px;' />
<Text className='title' >{browseTimes}</Text>
<Image src={eyeIcon} style='width:12px; height:12px;vertical-align:middle;' />
<Text className='amount' >{browseTimes}</Text>
</View>
</View>
</View>

42
src/component/shopItemComponent/shopItemComponent.scss
View File

@@ -2,18 +2,29 @@
.shopitem-box{
padding:5%;
border:1px solid #eee;
position: relative;
box-shadow: 0 10px 10px #ddd;
border-radius: 6px;
.goods-type{
position: absolute;
top:0;
right: 0;
font-size: 25px;
padding: 0 10px;
background: #999;
color: #fff;
}
.image-box{
text-align: center;
.img{
width: 80%;
height:400px;
height: 400px;
width: 100%;
}
}
.price-box{
font-weight: bold;
.new-price{
color:red;
font-size: 28px
color:#c00;
font-size: 30px
}
.old-price{
color:#999;
@@ -22,26 +33,35 @@
}
}
.itemname-box{
border-bottom: 1px solid #DADADA;
margin-top: 10px;
.name{
font-size: 30px
font-size: 30px;
}
}
.addon-box{
display: flex;
font-size: 30px;
margin-top: 10px;
color: #999;
.basket{
margin:0 5px;
.title{
margin-left: 5px
.amount{
color:#c49173;
margin-left: 5px;
vertical-align:middle;
}
}
.browse-time{
margin:0 5px;
.title{
margin-left: 5px
.amount{
margin-left: 5px;
vertical-align:middle;
}
}