Kaynağa Gözat

1.提交分享图片
2.修改自定义title右侧type为1时,加载分享图片

zhangmengjie 5 yıl önce
ebeveyn
işleme
3f3eec944b

+ 11 - 18
pages/components/CourseTitle.js

@@ -122,32 +122,25 @@ export default class CourseTitle extends Component<Props> {
   }
   selectRightIcon() {
     let type = this.props.righttype;
+    let right = "";
     switch (type) {
       case 1:
         //课程表标题,右侧是分享
-        return (
-          <Image
-            style={{
-              width: 20,
-              height: 20,
-              backgroundColor: "blue"
-            }}
-          />
-        );
+        right = require("../images/common/share.png");
         break;
       case 2:
         //个人中心,右侧是设置
-        return (
-          <Image
-            style={{
-              width: 20,
-              height: 20,
-              backgroundColor: "red"
-            }}
-          />
-        );
         break;
     }
+    return (
+      <Image
+        source={right}
+        style={{
+          width: 20,
+          height: 20
+        }}
+      />
+    );
   }
 }
 /**

+ 12 - 11
pages/components/CusVideo.js

@@ -51,24 +51,24 @@ export default class CusVideo extends React.Component {
     loading_arr: [
       require("../images/video/loading1.png"),
       require("../images/video/loading2.png"),
-      // require("../images/video/loading3.png"),
+      require("../images/video/loading3.png"),
       require("../images/video/loading4.png"),
       require("../images/video/loading5.png"),
-      // require("../images/video/loading6.png"),
+      require("../images/video/loading6.png"),
       require("../images/video/loading7.png"),
       require("../images/video/loading8.png"),
       require("../images/video/loading9.png"),
-      // require("../images/video/loading10.png"),
+      require("../images/video/loading10.png"),
       require("../images/video/loading11.png"),
       require("../images/video/loading12.png"),
       require("../images/video/loading13.png"),
-      // require("../images/video/loading14.png"),
+      require("../images/video/loading14.png"),
       require("../images/video/loading15.png"),
       require("../images/video/loading16.png"),
-      // require("../images/video/loading17.png"),
+      require("../images/video/loading17.png"),
       require("../images/video/loading18.png"),
-      require("../images/video/loading19.png")
-      // require("../images/video/loading20.png")
+      require("../images/video/loading19.png"),
+      require("../images/video/loading20.png")
     ]
   };
 
@@ -398,7 +398,7 @@ class Loading extends Component {
       return (
         <Image
           source={this.state.loading_img}
-          style={{ width: "20%", height: "10%" }}
+          style={{ width: 100, height: 20 }}
         />
       );
     } else {
@@ -410,9 +410,10 @@ class Loading extends Component {
   }
 
   changeIndex() {
+    console.log("this.loading_index :" + this.loading_index);
     setTimeout(() => {
-      if (this.loading_index > this.props.loading_arr.length - 1) {
-        this.loading_index = 1;
+      if (this.loading_index > this.props.loading_arr.length - 2) {
+        this.loading_index = 0;
       } else {
         this.loading_index = this.loading_index + 1;
       }
@@ -420,7 +421,7 @@ class Loading extends Component {
         loading_img: this.props.loading_arr[this.loading_index]
       });
       this.changeIndex();
-    }, 500);
+    }, 1);
   }
 }
 

BIN
pages/images/common/share.png


BIN
pages/images/common/share@2x.png


BIN
pages/images/common/share@3x.png