weex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From sospar...@apache.org
Subject [03/14] incubator-weex git commit: * [ios] bug fix: change websocket demo server
Date Thu, 02 Mar 2017 03:31:18 GMT
* [ios] bug fix: change websocket demo server


Project: http://git-wip-us.apache.org/repos/asf/incubator-weex/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-weex/commit/2ef5840a
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex/tree/2ef5840a
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex/diff/2ef5840a

Branch: refs/heads/dev
Commit: 2ef5840a9921a19d3189db2a5c10d77a98466db1
Parents: 5529bb1
Author: kfeagle <sunjjbobo@163.com>
Authored: Fri Feb 24 21:24:44 2017 +0800
Committer: kfeagle <sunjjbobo@163.com>
Committed: Fri Feb 24 21:24:44 2017 +0800

----------------------------------------------------------------------
 examples/module/websocket-demo.we | 88 +++++++++++++++++++---------------
 1 file changed, 50 insertions(+), 38 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/2ef5840a/examples/module/websocket-demo.we
----------------------------------------------------------------------
diff --git a/examples/module/websocket-demo.we b/examples/module/websocket-demo.we
index 11d9c11..5dbed7d 100644
--- a/examples/module/websocket-demo.we
+++ b/examples/module/websocket-demo.we
@@ -1,6 +1,9 @@
 <template>
     <scroller>
-        <wxc-panel title="websocket" type="primary">
+        <div>
+            <div style="background-color: #286090">
+                <text class="title" style="height: 80px ;padding: 20px;color: white">websocket</text>
+            </div>
             <input
                     type="text"
                     placeholder="please input message to send"
@@ -12,51 +15,59 @@
                     id = "input"
             />
             <div style="flex-direction: row; justify-content: center;">
-                <wxc-button value="connect" size="small"  type="primary" onclick="{{connect}}"></wxc-button>
-                <wxc-button value="send" size="small" onclick="{{send}}" type="primary"
style="margin-left:20px;"></wxc-button>
-                <wxc-button value="close" size="small" onclick="{{close}}" type="primary"
style="margin-left:20px;"></wxc-button>
-
+                <text class="button" onclick="{{connect}}">connect</text>
+                <text class="button" onclick="{{send}}">send</text>
+                <text class="button" onclick="{{close}}">close</text>
+            </div>
+            <div style="background-color: lightgray;margin-top: 20px">
+                <text class="title" style="height: 80px ;padding: 20px;color: black">method
= send</text>
+            </div>
+            <text style="color: black;height: 80px">{{sendinfo}}</text>
+            <div style="background-color: lightgray">
+                <text class="title" style="height: 80px ;padding: 20px;color: black">method
= onopen</text>
+            </div>
+            <text style="color: black;height: 80px">{{onopeninfo}}</text>
+            <div style="background-color: lightgray">
+                <text class="title" style="height: 80px ;padding: 20px;color: black">method
= onmessage</text>
             </div>
-
-            <wxc-panel title="method = send">
-                <text>{{sendinfo}}</text>
-            </wxc-panel>
-
-            <wxc-panel title="method = onopen">
-                <text>{{onopeninfo}}</text>
-            </wxc-panel>
-
-            <wxc-panel title="method = onmessage">
-                <text>{{onmessage}}</text>
-            </wxc-panel>
-
-            <wxc-panel title="method = onclose">
-                <text>{{oncloseinfo}}</text>
-            </wxc-panel>
-
-            <wxc-panel title="method = onerror">
-                <text>{{onerrorinfo}}</text>
-            </wxc-panel>
-
-            <wxc-panel title="method = close">
-                <text>{{closeinfo}}</text>
-            </wxc-panel>
-        </wxc-panel>
+            <text style="color: black;height: 400px">{{onmessage}}</text>
+            <div style="background-color: lightgray">
+                <text class="title" style="height: 80px ;padding: 20px;color: black">method
= onclose</text>
+            </div>
+            <text style="color: black;height: 80px">{{oncloseinfo}}</text>
+            <div style="background-color: lightgray">
+                <text class="title" style="height: 80px ;padding: 20px;color: black">method
= onerror</text>
+            </div>
+            <text style="color: black;height: 80px">{{onerrorinfo}}</text>
+            <div style="background-color: lightgray">
+                <text class="title" style="height: 80px ;padding: 20px;color: black">method
= close</text>
+            </div>
+            <text style="color: black;height: 80px">{{closeinfo}}</text>
+        </div>
+        </div>
     </scroller>
 </template>
-
 <style>
     .input {
         font-size: 40px;
         height: 80px;
         width: 600px;
     }
+    .button {
+        font-size: 36px;
+        width: 150px;
+        color: #41B883;
+        text-align: center;
+        padding-top: 10px;
+        padding-bottom: 10px;
+        border-width: 2px;
+        border-style: solid;
+        margin-right: 20px;
+        border-color: rgb(162, 217, 192);
+        background-color: rgba(162, 217, 192, 0.2);
+    }
 </style>
-
 <script>
-    require('weex-components');
-    var navigator = require('@weex-module/navigator');
-    var modal = require('@weex-module/modal');
     var websocket = require('@weex-module/webSocket');
     module.exports = {
         data: {
@@ -75,11 +86,12 @@
         },
         methods: {
             connect:function() {
-                websocket.WebSocket('ws://115.29.193.48:8088','');
+                websocket.WebSocket('ws://echo.websocket.org');
                 var self = this;
+                self.onopeninfo = 'connecting...'
                 websocket.onopen = function(e)
                 {
-                    self.onopeninfo = e;
+                    self.onopeninfo = 'websocket open';
                 }
                 websocket.onmessage = function(e)
                 {
@@ -91,6 +103,7 @@
                 }
                 websocket.onclose = function(e)
                 {
+                    self.onopeninfo = '';
                     self.onerrorinfo = e.code;
                 }
             },
@@ -99,7 +112,6 @@
                 input.blur();
                 websocket.send(this.txtInput);
                 this.sendinfo = this.txtInput;
-
             },
             oninput: function(event) {
                 this.txtInput = event.value;


Mime
View raw message