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/03/01 07:03:11 UTC
[4/7] incubator-weex-site git commit: Update who-is-using-weex style
to support download link
Update who-is-using-weex style to support download link
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/3209f4ce
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/tree/3209f4ce
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/diff/3209f4ce
Branch: refs/heads/master
Commit: 3209f4ce1f0777377572b20eac448d3e1123312b
Parents: b798c3b
Author: erha19 <fa...@gmail.com>
Authored: Thu Mar 1 13:55:01 2018 +0800
Committer: erha19 <fa...@gmail.com>
Committed: Thu Mar 1 13:55:01 2018 +0800
----------------------------------------------------------------------
package.json | 4 +--
themes/weex/layout/who-is-using-weex.ejs | 11 ++++++--
themes/weex/source/css/index.scss | 36 +++++++++++++++++++++++-
themes/weex/source/css/media-queries.scss | 20 +++++++++++++
themes/weex/source/images/android-icon.png | Bin 0 -> 1043 bytes
themes/weex/source/images/ios-icon.png | Bin 0 -> 1323 bytes
6 files changed, 65 insertions(+), 6 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3209f4ce/package.json
----------------------------------------------------------------------
diff --git a/package.json b/package.json
index c38816e..901dcf2 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
"version": "0.0.0",
"private": true,
"hexo": {
- "version": "3.5.0"
+ "version": "3.4.4"
},
"scripts": {
"server": "hexo server",
@@ -30,4 +30,4 @@
"hexo-toc": "^1.1.0",
"uglify-js": "^3.3.7"
}
-}
+}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3209f4ce/themes/weex/layout/who-is-using-weex.ejs
----------------------------------------------------------------------
diff --git a/themes/weex/layout/who-is-using-weex.ejs b/themes/weex/layout/who-is-using-weex.ejs
index 01c45d5..684cf42 100644
--- a/themes/weex/layout/who-is-using-weex.ejs
+++ b/themes/weex/layout/who-is-using-weex.ejs
@@ -5,6 +5,14 @@
<% for (var user in site.data.users) { %>
<li>
+ <div class="download-btn">
+ <a class="android" href="<%= site.data.users[user].android || '#' %>">
+
+ </a>
+ <a class="ios" href="<%= site.data.users[user].iOS || '#' %>">
+
+ </a>
+ </div>
<div class="img" style="background-image:url(<%= site.data.users[user].icon %>)"></div>
<div class="tooltip"><%= site.data.users[user].name %></div>
</li>
@@ -12,9 +20,6 @@
</ul>
<a class="addmore" href="https://github.com/apache/incubator-weex-site/tree/master/source/_data/users.yml" target="_blank">
<%= _p('index.addmore') %>
- <span class="top"></span>
- <span class="left"></span>
- <span class="right"></span>
<span class="bottom"></span>
</a>
</div>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3209f4ce/themes/weex/source/css/index.scss
----------------------------------------------------------------------
diff --git a/themes/weex/source/css/index.scss b/themes/weex/source/css/index.scss
index f500310..323bb40 100644
--- a/themes/weex/source/css/index.scss
+++ b/themes/weex/source/css/index.scss
@@ -379,7 +379,35 @@
}
.users {
- $color: #333;
+ $color: rgb(88, 87, 87);
+ li {
+ position: relative;
+ }
+ .download-btn {
+ width: 90px;
+ height: 30px;
+ position: absolute;
+ border-radius: 0 0 15px 15px;
+ bottom: 30px;
+ left: 20px;
+ opacity: 0;
+ transition: all .2s ease;
+ background: rgba(0,0,0,.5);
+ a {
+ display: block;
+ width: 50%;
+ height: 100%;
+ float:left;
+ }
+ .android {
+ background: url(../images/android-icon.png) center center no-repeat;
+ background-size: 24px 24px;
+ }
+ .ios {
+ background: url(../images/ios-icon.png) center center no-repeat;
+ background-size: 24px 24px;
+ }
+ }
.addmore {
padding: 15px 15px;
font-size: 26px;
@@ -437,6 +465,11 @@
transform: translateY(-2px);
box-shadow: 0 8px 16px rgba(0,0,0,.16);
}
+ .download-btn{
+ opacity: 1;
+ transform: translateY(-2px);
+ z-index: 999;
+ }
}
}
.tooltip{
@@ -455,6 +488,7 @@
transition: box-shadow .2s ease,transform .2s ease;
vertical-align: middle;
border-radius: 15px;
+ background-color: transparent;
background-size: 90px 90px;
background-position: center center;
cursor: pointer;
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3209f4ce/themes/weex/source/css/media-queries.scss
----------------------------------------------------------------------
diff --git a/themes/weex/source/css/media-queries.scss b/themes/weex/source/css/media-queries.scss
index 2e81948..8a4c929 100644
--- a/themes/weex/source/css/media-queries.scss
+++ b/themes/weex/source/css/media-queries.scss
@@ -187,6 +187,26 @@
.title {
font-size: 18px;
}
+ .download-btn {
+ width: 60px;
+ height: 60px;
+ border-radius: 10px;
+ top: 5px;
+ left: 5px;
+ a {
+ width: 100%;
+ height: 30px;
+ float:none;
+ }
+ .android {
+ background: url(../images/android-icon.png) center center no-repeat;
+ background-size: 24px 24px;
+ }
+ .ios {
+ background: url(../images/ios-icon.png) center center no-repeat;
+ background-size: 24px 24px;
+ }
+ }
.app-listing {
margin-top: 0;
li{
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3209f4ce/themes/weex/source/images/android-icon.png
----------------------------------------------------------------------
diff --git a/themes/weex/source/images/android-icon.png b/themes/weex/source/images/android-icon.png
new file mode 100644
index 0000000..21079d6
Binary files /dev/null and b/themes/weex/source/images/android-icon.png differ
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/3209f4ce/themes/weex/source/images/ios-icon.png
----------------------------------------------------------------------
diff --git a/themes/weex/source/images/ios-icon.png b/themes/weex/source/images/ios-icon.png
new file mode 100644
index 0000000..28f0aef
Binary files /dev/null and b/themes/weex/source/images/ios-icon.png differ