Toggle navigation
Toggle navigation
This project
Loading...
Sign in
mobile
/
YH_RNComponent
·
Commits
Go to a project
GitLab
Go to group
Project
Activity
Files
Commits
Pipelines
0
Builds
0
Graphs
Milestones
Issues
0
Merge Requests
0
Members
Labels
Wiki
Forks
Network
Create a new issue
Download as
Email Patches
Plain Diff
Browse Files
Authored by
yoho-js001
8 years ago
Commit
5b98dacd0bd94d90a39567b05ff555dd1a838f23
1 parent
cbb5a02e
UI of good goods recommend list. reviewed by Boss Yin.
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
87 additions
and
0 deletions
js/goodGoodsRecommend/components/list/ListCell.js
js/goodGoodsRecommend/components/list/ListCell.js
View file @
5b98dac
'use strict'
;
import
React
,
{
Component
}
from
'react'
;
import
Immutable
,
{
Map
}
from
'immutable'
;
import
ReactNative
,
{
View
,
Text
,
Image
,
ListView
,
StyleSheet
,
Dimensions
,
TouchableOpacity
,
InteractionManager
,
Platform
,
}
from
'react-native'
;
export
default
class
ListCell
extends
Component
{
constructor
(
props
)
{
super
(
props
);
}
render
()
{
let
data
=
this
.
props
.
data
;
if
(
!
data
)
{
return
null
;
}
return
(
<
View
style
=
{
styles
.
container
}
>
<
Image
style
=
{
styles
.
image
}
/
>
<
View
style
=
{
styles
.
rightPannel
}
>
<
Text
style
=
{
styles
.
title
}
>
title
<
/Text
>
<
Text
style
=
{
styles
.
phrase
}
>
content
<
/Text
>
<
/View
>
<
/View
>
);
}
}
let
{
width
,
height
}
=
Dimensions
.
get
(
'window'
);
let
styles
=
StyleSheet
.
create
({
container
:
{
width
:
width
,
flexDirection
:
'row'
,
height
:
180
,
},
image
:
{
marginTop
:
10
,
marginLeft
:
15
,
marginRight
:
15
,
width
:
120
,
height
:
160
,
backgroundColor
:
'#e0e0e0'
,
},
rightPannel
:
{
width
:
width
-
150
,
height
:
180
,
flexDirection
:
'column'
,
borderColor
:
'#ededed'
,
borderBottomWidth
:
1
,
}
title
:
{
fontSize
:
15
,
width
:
width
-
150
-
15
,
marginTop
:
20
,
marginBottom
:
0
,
color
:
'#444444'
,
// backgroundColor: 'red',
},
phrase
:
{
marginTop
:
6
,
width
:
width
-
150
-
15
,
fontSize
:
13
,
color
:
'#b0b0b0'
,
lineHeight
:
20
,
// backgroundColor: 'red',
},
});
...
...
Please
register
or
login
to post a comment