Browse Source

增加课件列表

Limengbo 5 years ago
parent
commit
f683dd006c
51 changed files with 139 additions and 59 deletions
  1. 79 47
      android/app/src/main/assets/index.android.bundle
  2. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_common_vip.png
  3. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_shopbox_arrow.png
  4. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_shopbox_discount.png
  5. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_shopbox_left.png
  6. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_shopbox_right.png
  7. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_ticket_couponbg.png
  8. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_ticket_discountbg.png
  9. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_usercenter_discount.png
  10. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_usercenter_order.png
  11. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_usercenter_service.png
  12. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading1.png
  13. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading10.png
  14. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading11.png
  15. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading12.png
  16. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading13.png
  17. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading14.png
  18. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading15.png
  19. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading16.png
  20. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading17.png
  21. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading18.png
  22. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading19.png
  23. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading2.png
  24. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading20.png
  25. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading3.png
  26. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading4.png
  27. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading5.png
  28. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading6.png
  29. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading7.png
  30. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading8.png
  31. BIN
      android/app/src/main/res/drawable-mdpi/pages_images_video_loading9.png
  32. BIN
      android/app/src/main/res/drawable-xhdpi/pages_images_common_vip.png
  33. BIN
      android/app/src/main/res/drawable-xhdpi/pages_images_shopbox_arrow.png
  34. BIN
      android/app/src/main/res/drawable-xhdpi/pages_images_shopbox_left.png
  35. BIN
      android/app/src/main/res/drawable-xhdpi/pages_images_shopbox_right.png
  36. BIN
      android/app/src/main/res/drawable-xhdpi/pages_images_ticket_couponbg.png
  37. BIN
      android/app/src/main/res/drawable-xhdpi/pages_images_ticket_discountbg.png
  38. BIN
      android/app/src/main/res/drawable-xhdpi/pages_images_usercenter_discount.png
  39. BIN
      android/app/src/main/res/drawable-xhdpi/pages_images_usercenter_order.png
  40. BIN
      android/app/src/main/res/drawable-xhdpi/pages_images_usercenter_service.png
  41. BIN
      android/app/src/main/res/drawable-xxhdpi/pages_images_common_vip.png
  42. BIN
      android/app/src/main/res/drawable-xxhdpi/pages_images_shopbox_arrow.png
  43. BIN
      android/app/src/main/res/drawable-xxhdpi/pages_images_shopbox_left.png
  44. BIN
      android/app/src/main/res/drawable-xxhdpi/pages_images_shopbox_right.png
  45. BIN
      android/app/src/main/res/drawable-xxhdpi/pages_images_ticket_couponbg.png
  46. BIN
      android/app/src/main/res/drawable-xxhdpi/pages_images_ticket_discountbg.png
  47. BIN
      android/app/src/main/res/drawable-xxhdpi/pages_images_usercenter_discount.png
  48. BIN
      android/app/src/main/res/drawable-xxhdpi/pages_images_usercenter_order.png
  49. BIN
      android/app/src/main/res/drawable-xxhdpi/pages_images_usercenter_service.png
  50. 3 12
      pages/CourseDetails.js
  51. 57 0
      pages/components/CourseListLine.js

File diff suppressed because it is too large
+ 79 - 47
android/app/src/main/assets/index.android.bundle


BIN
android/app/src/main/res/drawable-mdpi/pages_images_common_vip.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_shopbox_arrow.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_shopbox_discount.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_shopbox_left.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_shopbox_right.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_ticket_couponbg.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_ticket_discountbg.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_usercenter_discount.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_usercenter_order.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_usercenter_service.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading1.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading10.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading11.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading12.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading13.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading14.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading15.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading16.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading17.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading18.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading19.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading2.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading20.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading3.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading4.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading5.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading6.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading7.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading8.png


BIN
android/app/src/main/res/drawable-mdpi/pages_images_video_loading9.png


BIN
android/app/src/main/res/drawable-xhdpi/pages_images_common_vip.png


BIN
android/app/src/main/res/drawable-xhdpi/pages_images_shopbox_arrow.png


BIN
android/app/src/main/res/drawable-xhdpi/pages_images_shopbox_left.png


BIN
android/app/src/main/res/drawable-xhdpi/pages_images_shopbox_right.png


BIN
android/app/src/main/res/drawable-xhdpi/pages_images_ticket_couponbg.png


BIN
android/app/src/main/res/drawable-xhdpi/pages_images_ticket_discountbg.png


BIN
android/app/src/main/res/drawable-xhdpi/pages_images_usercenter_discount.png


BIN
android/app/src/main/res/drawable-xhdpi/pages_images_usercenter_order.png


BIN
android/app/src/main/res/drawable-xhdpi/pages_images_usercenter_service.png


BIN
android/app/src/main/res/drawable-xxhdpi/pages_images_common_vip.png


BIN
android/app/src/main/res/drawable-xxhdpi/pages_images_shopbox_arrow.png


BIN
android/app/src/main/res/drawable-xxhdpi/pages_images_shopbox_left.png


BIN
android/app/src/main/res/drawable-xxhdpi/pages_images_shopbox_right.png


BIN
android/app/src/main/res/drawable-xxhdpi/pages_images_ticket_couponbg.png


BIN
android/app/src/main/res/drawable-xxhdpi/pages_images_ticket_discountbg.png


BIN
android/app/src/main/res/drawable-xxhdpi/pages_images_usercenter_discount.png


BIN
android/app/src/main/res/drawable-xxhdpi/pages_images_usercenter_order.png


BIN
android/app/src/main/res/drawable-xxhdpi/pages_images_usercenter_service.png


+ 3 - 12
pages/CourseDetails.js

@@ -17,18 +17,8 @@ import {
 } from "react-native";
 
 import VideoExplain from './components/VideoExplain'
-
-class CourseList extends Component {
-  render() {
-    return (
-      <View style={styles.courseList}>
-        <View style={[styles.padding, styles.title]}>
-
-        </View>
-      </View>
-    );
-  }
-}
+import CourseListRow from './components/CourseListRow'
+import CourseListLine from './components/CourseListLine'
 
 export default class CourseDetails extends Component {
   render() {
@@ -40,6 +30,7 @@ export default class CourseDetails extends Component {
         uri={'http://chimee.org/vod/1.mp4'}
         />
         <CourseListRow title={'课件'}></CourseListRow>
+        <CourseListLine title={'课件'}></CourseListLine>
       </ScrollView>
     );
   }

+ 57 - 0
pages/components/CourseListLine.js

@@ -0,0 +1,57 @@
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ * @flow
+ */
+
+import React, { Component } from "react";
+import {
+  StyleSheet,
+  Text,
+  View
+} from "react-native";
+
+export default class CourseListLine extends Component {
+  render() {
+    return (
+      <View style={styles.courseList}>
+        <View style={[styles.padding, styles.title]}>
+          <Text style={styles.font}>{this.props.title}</Text>
+          <Text style={styles.color}>共28课</Text>
+        </View>
+
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  courseList: {
+    width: '100%',
+    backgroundColor: '#fff',
+    marginTop: 8,
+  },
+  padding: {
+    paddingLeft: 20,
+    paddingRight: 20,
+  },
+  title: {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  },
+  font: {
+    paddingTop: 10,
+    paddingBottom: 10,
+    fontSize: 18,
+    color: 'black',
+    fontWeight: 'bold',
+  },
+  clor: {
+    fontSize: 14,
+    color: 'black',
+  },
+});