You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by ha...@apache.org on 2018/01/18 14:43:06 UTC
[2/2] incubator-weex-site git commit: update weex playground app
update weex playground app
Project: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/commit/365f3f1f
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/tree/365f3f1f
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/diff/365f3f1f
Branch: refs/heads/master
Commit: 365f3f1f70fc40ec9752827be88e00c3bce89011
Parents: f9d51cb
Author: Hanks <zh...@gmail.com>
Authored: Thu Jan 18 22:42:38 2018 +0800
Committer: Hanks <zh...@gmail.com>
Committed: Thu Jan 18 22:42:38 2018 +0800
----------------------------------------------------------------------
themes/weex/layout/playground.ejs | 6 +++---
themes/weex/source/css/playground.scss | 33 ++++++++++++++++++-----------
2 files changed, 24 insertions(+), 15 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/365f3f1f/themes/weex/layout/playground.ejs
----------------------------------------------------------------------
diff --git a/themes/weex/layout/playground.ejs b/themes/weex/layout/playground.ejs
index 88bfbc6..3153453 100644
--- a/themes/weex/layout/playground.ejs
+++ b/themes/weex/layout/playground.ejs
@@ -1,6 +1,6 @@
<div class="wrapper playground-wrapper clearfix">
<div class="left">
- <h2>Weex Playground</h2>
+ <h2>Weex Playground App</h2>
<p><%= _p('playground.content') %></p>
<div class="download clearfix">
<img class="qr-code" src="//img.alicdn.com/tps/TB1Yv7ZQXXXXXaYaXXXXXXXXXXX-148-148.png" alt="playground qr code">
@@ -15,7 +15,7 @@
</div>
</div>
<div class="left">
- <img src="//gw.alicdn.com/tps/TB1831MPXXXXXXzXVXXXXXXXXXX-333-502.png" alt="">
+ <img src="https://img.alicdn.com/tfs/TB1h.yNnxrI8KJjy0FpXXb5hVXa-688-1270.png" alt="">
</div>
</div>
@@ -27,4 +27,4 @@
window.parseWeexVersion = parseWeexVersion;
</script>
-<script type="text/javascript" src="https://h5.m.taobao.com/js/weex/playground/app/info.js "></script>
\ No newline at end of file
+<script type="text/javascript" src="https://h5.m.taobao.com/js/weex/playground/app/info.js "></script>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/365f3f1f/themes/weex/source/css/playground.scss
----------------------------------------------------------------------
diff --git a/themes/weex/source/css/playground.scss b/themes/weex/source/css/playground.scss
index 8f2ffd0..6a2d7e9 100644
--- a/themes/weex/source/css/playground.scss
+++ b/themes/weex/source/css/playground.scss
@@ -10,7 +10,10 @@
flex: 1;
max-width: 900px;
margin: 0 auto;
- padding-top: 100px;
+ padding-top: 50px;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
.left {
width: 320px;
@@ -19,32 +22,38 @@
}
.qr-code {
- float: left;
- width: 120px;
+ display: block;
+ width: 200px;
}
.download {
- margin: 30px 0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
}
.links {
- float: left;
+ width: 100%;
list-style: none;
margin: 0;
- padding: 10px 0 10px 10px;
+ margin-top: 20px;
+ padding: 0;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+
+ & > li {
+ display: inline-block;
+ }
.link {
display: inline-block;
text-align: center;
- width: 130px;
+ width: 110px;
height: 30px;
line-height: 30px;
border: 1px solid currentColor;
border-radius: 20px;
}
-
- #android-link {
- margin-top: 40px;
- }
}
-}
\ No newline at end of file
+}