焕然一新的列表样式

swearitagain · May 16, 2019 · 160bbc6 · 160bbc6
1 parent a0c68d1
commit 160bbc6
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 34 deletions.
diff --git a/CnBlogAndroid/Source/screens/PersonalBlog.js b/CnBlogAndroid/Source/screens/PersonalBlog.js
@@ -180,23 +180,26 @@ export default class PersonalBlog extends Component{
                     onPress = {Url!=='' ? ()=>this.props.navigation.navigate('BlogDetail',
                     {Id:Id, blogApp: global.user_information.BlogApp, CommentCount: CommentCount, Url: Url, Title: Title, Description: Description,}) : ()=>{}}
                 >
-                    <Text style = {{
-                        fontSize: 18,
-                        fontWeight: 'bold',
-                        marginTop: 10,
-                        marginBottom: 2,
-                        textAlign: 'left',
-                        color: 'black',
-                        fontFamily : 'serif',
-                    }} accessibilityLabel = {Url}>
+                    <Text 
+                        style = {{
+                            fontSize: 18,
+                            fontWeight: '400',
+                            marginTop: 10,
+                            marginBottom: 2,
+                            textAlign: 'left',
+                            color: '#484848',
+                            lineHeight: 30,
+                            fontFamily: 'sans-serif',
+                        }}
+                        accessibilityLabel = {Url}>
                         {Title}
                     </Text>
                     <Text  numberOfLines={3} style = {{
                         lineHeight: 25,
                         fontSize: 14,
                         marginBottom: 8,
                         textAlign: 'left',
-                        color: 'rgb(70,70,70)',
+                        color: '#666',
                     }}>
                         {Description}
                     </Text>

diff --git a/CnBlogAndroid/Source/screens/VoteList.js b/CnBlogAndroid/Source/screens/VoteList.js
@@ -148,7 +148,7 @@ export default class VoteList extends Component {
 
     _renderItem = ({ item }) => {
         return (
-            <View style={styles.cellStyle}>
+            <View style={flatStyles.cell}>
                 <TouchableOpacity
                     style={flatStyles.listContainer}
                     onPress={() => {
@@ -309,24 +309,6 @@ const styles = StyleSheet.create({
         alignItems: 'center',
         justifyContent: 'center'
     },
-    cellStyle: {
-        flex: 1,
-        backgroundColor: 'white',
-        padding: 10,
-        paddingVertical: 10,
-        marginLeft: 5,
-        marginRight: 5,
-        marginVertical: 3,
-        borderColor: '#dddddd',
-        borderStyle: null,
-        borderWidth: 0.5,
-        borderRadius: 2,
-        shadowColor: 'gray',    // 设置阴影
-        shadowOffset: { width: 0.5, height: 0.5 },
-        shadowOpacity: 0.4,   // 透明度
-        shadowRadius: 1,
-        elevation: 3   //   高度，设置Z轴，可以产生立体效果
-    },
     picker: {
         height: 40,
         width: screenWidth,

diff --git a/CnBlogAndroid/Source/styles/styles.js b/CnBlogAndroid/Source/styles/styles.js
@@ -38,11 +38,6 @@ export const flatStyles = StyleSheet.create({
         borderStyle: null,
         borderWidth: 0.5,
         borderRadius: 2,
-        shadowColor: 'gray',    // 设置阴影
-        shadowOffset: {width:0.5, height: 0.5},
-        shadowOpacity: 0.4,   // 透明度
-        shadowRadius: 1,
-        elevation:3   //   高度，设置Z轴，可以产生立体效果
     },
 })
 export const flatStylesWithAvatar = StyleSheet.create({