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/02/08 11:08:23 UTC
[2/3] incubator-weex-site git commit: Update who-is-using-weex
document.
Update who-is-using-weex document.
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/08f2804e
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/tree/08f2804e
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex-site/diff/08f2804e
Branch: refs/heads/master
Commit: 08f2804e3150182b379141553f1f4e0eb0ac5973
Parents: 5f9cdda
Author: erha19 <fa...@gmail.com>
Authored: Thu Feb 8 16:49:09 2018 +0800
Committer: erha19 <fa...@gmail.com>
Committed: Thu Feb 8 16:49:09 2018 +0800
----------------------------------------------------------------------
source/_data/users.yml | 105 +++++++++++++++++
themes/weex/languages/cn.yml | 3 +-
themes/weex/languages/en.yml | 2 +
themes/weex/layout/_partial/slider.ejs | 2 +-
themes/weex/layout/index.ejs | 97 ---------------
themes/weex/layout/who-is-using-weex.ejs | 122 +++++--------------
themes/weex/source/css/index.scss | 156 ++++++++++++-------------
themes/weex/source/css/media-queries.scss | 33 +++++-
themes/weex/source/images/users-add.png | Bin 0 -> 181 bytes
9 files changed, 242 insertions(+), 278 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/08f2804e/source/_data/users.yml
----------------------------------------------------------------------
diff --git a/source/_data/users.yml b/source/_data/users.yml
new file mode 100644
index 0000000..1a128ad
--- /dev/null
+++ b/source/_data/users.yml
@@ -0,0 +1,105 @@
+taobao:
+ name: '手机淘宝'
+ icon: 'https://img.alicdn.com/tfs/TB1y5JUnvDH8KJjy1XcXXcpdXXa-148-150.png'
+ iOS: 'https://itunes.apple.com/cn/app/id387682726?mt=8'
+ android: 'https://play.google.com/store/apps/details?id=com.taobao.taobao&hl=zh_CN'
+tmall:
+ name: '手机天猫'
+ icon: 'https://img.alicdn.com/tfs/TB1k2XXnBHH8KJjy0FbXXcqlpXa-138-142.png'
+ iOS: 'https://itunes.apple.com/cn/app/id518966501?mt=8'
+ android: 'https://play.google.com/store/apps/details?id=com.tmall.wireless&hl=zh_CN'
+youku:
+ name: '优酷'
+ icon: 'https://img.alicdn.com/tfs/TB1.lo5XQyWBuNjy0FpXXassXXa-122-118.png'
+ iOS: ''
+ android: ''
+xianyu:
+ name: '闲鱼'
+ icon: 'https://img.alicdn.com/tfs/TB13I8cnC_I8KJjy0FoXXaFnVXa-150-150.jpg'
+ iOS: 'https://itunes.apple.com/cn/app/id510909506?mt=8'
+ android: 'https://play.google.com/store/apps/details?id=com.taobao.idlefish'
+fliggy:
+ name: '飞猪'
+ icon: 'https://img.alicdn.com/tfs/TB194hfnsrI8KJjy0FhXXbfnpXa-200-200.png'
+ iOS: 'https://itunes.apple.com/cn/app/id453691481?mt=8'
+ android: 'https://play.google.com/store/apps/details?id=com.taobao.trip&hl=zh_CN'
+uc:
+ name: 'UC浏览器'
+ icon: 'https://img.alicdn.com/tfs/TB17epRnv6H8KJjy0FjXXaXepXa-200-200.png'
+ iOS: 'https://itunes.apple.com/cn/app/id586871187?mt=8'
+ android: 'https://play.google.com/store/apps/details?id=com.UCMobile.intl&hl=zh_CN'
+cainiao:
+ name: '菜鸟裹裹'
+ icon: 'https://img.alicdn.com/tfs/TB1JMw3XMmTBuNjy1XbXXaMrVXa-512-512.jpg'
+ iOS: ''
+ android: ''
+qianniu:
+ name: '千牛'
+ icon: 'https://img.alicdn.com/tfs/TB19dd_nv6H8KJjSspmXXb2WXXa-200-200.png'
+ iOS: 'https://itunes.apple.com/cn/app/id590217303?mt=8'
+ android: 'https://play.google.com/store/apps/details?id=com.taobao.qianniu'
+aliyun:
+ name: '阿里云'
+ icon: 'https://gw.alicdn.com/tfs/TB1DSqRX_tYBeNjy1XdXXXXyVXa-1024-1024.png'
+ iOS: ''
+ android: ''
+1688:
+ name: '阿里巴巴'
+ icon: 'https://img.alicdn.com/tfs/TB1WJc9XKuSBuNjy1XcXXcYjFXa-80-80.jpg'
+ iOS: ''
+ android: ''
+taopiaopiao:
+ name: '淘票票'
+ icon: 'https://gw.alicdn.com/tfs/TB1qB1RX_tYBeNjy1XdXXXXyVXa-512-512.png'
+ iOS: ''
+ android: ''
+hema:
+ name: '盒马'
+ icon: 'https://gw.alicdn.com/tfs/TB1dq38XQyWBuNjy0FpXXassXXa-144-144.png'
+ iOS: ''
+ android: ''
+eleme:
+ name: '饿了么'
+ icon: 'https://img.alicdn.com/tfs/TB12BM5XFOWBuNjy0FiXXXFxVXa-225-225.jpg'
+ iOS: ''
+ android: ''
+lazada:
+ name: 'Lazada'
+ icon: 'https://gw.alicdn.com/tfs/TB15Zg.XGmWBuNjy1XaXXXCbXXa-225-225.png'
+ iOS: ''
+ android: ''
+paytmmall:
+ name: 'Paytm Mall'
+ icon: 'https://img.alicdn.com/tfs/TB1poU.XL5TBuNjSspmXXaDRVXa-225-225.png'
+ iOS: ''
+ android: ''
+qierdianjing:
+ name: '企鹅电竞'
+ icon: 'https://img.alicdn.com/tfs/TB1jbs5XFOWBuNjy0FiXXXFxVXa-114-114.png'
+ iOS: 'https://app.kaola.com/'
+ android: 'http://dldir1.qq.com//egame/qgame/3.5.0/126/qgame_3.5.0.228.435_r13799_default_release.apk'
+kaola:
+ name: '网易考拉海购'
+ icon: 'https://haitao.nos.netease.com/5c5f27c5-71f1-4f73-978d-e1f244bb4128.jpg'
+ iOS: 'https://app.kaola.com/'
+ android: 'https://app.kaola.com/'
+fenqile:
+ name: '分期乐'
+ icon: 'http://cimg1.fenqile.com/ibanner2/M00/00/8E/jqgHAFpgQnWAV3iwAABPXZNzjzM459.png'
+ iOS: 'http://itunes.apple.com/app/id906611031'
+ android: 'http://mall.m.fenqile.com/app/download/fenqile/app/official/fenqile.apk'
+weidian:
+ name: '微店买家版'
+ icon: 'https://si.geilicdn.com/hz_img_02480000016107fb8e120a02685e_216_216_unadjust.png'
+ iOS: 'https://h5.weidian.com/m/weidian-buyer/down-buyer/index.html'
+ android: 'https://h5.weidian.com/m/weidian-buyer/down-buyer/index.html'
+daren:
+ name: '达人店'
+ icon: 'http://cdn1.showjoy.com/images/c5/c5847462b5d942bab077fe932219f4df.png'
+ iOS: 'https://itunes.apple.com/cn/app/id1123389168?mt=8'
+ android: 'http://sj.qq.com/myapp/detail.htm?apkName=com.showjoy.shop'
+dianwoda:
+ name: '点我达骑手'
+ icon: 'http://prodwbbucket.oss-cn-hangzhou.aliyuncs.com/weex/rider/icon/dwdriderandroid.png'
+ iOS: 'http://a.app.qq.com/o/simple.jsp?pkgname=com.dwd.rider'
+ android: 'http://a.app.qq.com/o/simple.jsp?pkgname=com.dwd.rider'
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/08f2804e/themes/weex/languages/cn.yml
----------------------------------------------------------------------
diff --git a/themes/weex/languages/cn.yml b/themes/weex/languages/cn.yml
index 5cf7487..c390018 100644
--- a/themes/weex/languages/cn.yml
+++ b/themes/weex/languages/cn.yml
@@ -76,7 +76,8 @@ index:
name: 黄泰成
title: 天猫技术专家
content: “ Weex 作为轻量渲染引擎又提供了很方便的插件机制，让各个端可以把自己的能力发挥出来，充分发挥在天猫的业务上，并良好的支持双11。”
-
+ addmore: 添加你的App
+ whosuse: 谁在使用 Weex ？
menu:
guide: 教程
references: 手册
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/08f2804e/themes/weex/languages/en.yml
----------------------------------------------------------------------
diff --git a/themes/weex/languages/en.yml b/themes/weex/languages/en.yml
index b5b3a51..73fa6bf 100644
--- a/themes/weex/languages/en.yml
+++ b/themes/weex/languages/en.yml
@@ -76,6 +76,8 @@ index:
name: Taicheng Huang
title: Tmall, Technical Expert
content: "Weex as a lightweight rendering engine also provides a very convenient plug-in mechanism, so that each side can put their ability to play out, give full play to the cat's business, and good support for Global Shopping Festival."
+ addmore: Add your App
+ whosuse: Who's using Weex?
menu:
guide: Guide
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/08f2804e/themes/weex/layout/_partial/slider.ejs
----------------------------------------------------------------------
diff --git a/themes/weex/layout/_partial/slider.ejs b/themes/weex/layout/_partial/slider.ejs
index 6ddf55e..086baa4 100644
--- a/themes/weex/layout/_partial/slider.ejs
+++ b/themes/weex/layout/_partial/slider.ejs
@@ -6,7 +6,7 @@
<h1 class="page-title"><%= _p('index.page_title') %></h1>
<div class="btn-group">
<a href="<%= url_for_lang('guide/index.html') %>" class="button get-started"><%= _p('index.get_started') %></a>
- <a href="<%= url_for_lang('guide/contributing.html') %>" class="button get-started"><%= _p('menu.invovled') %></a>
+ <a href="<%= url_for_lang('contributing.html') %>" class="button get-started"><%= _p('menu.invovled') %></a>
</div>
</div>
</div>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/08f2804e/themes/weex/layout/index.ejs
----------------------------------------------------------------------
diff --git a/themes/weex/layout/index.ejs b/themes/weex/layout/index.ejs
index 0d1824f..e0ed329 100644
--- a/themes/weex/layout/index.ejs
+++ b/themes/weex/layout/index.ejs
@@ -39,103 +39,6 @@
</div>
</div>
-<div class="scene users horizon overlength">
- <div class="scene-container">
- <div class="textbox">
- <h2><%= _p('index.users.title') %></h2>
- </div>
- <div class="sketch-content">
- <div class="user-logo tmall-logo">
- <h3><%= _p('index.users.tmall.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.tmall.title') %></h4>
- <p><%= _p('index.users.tmall.content') %></p>
- </div>
- </div>
- <div class="user-logo aliyun-logo">
- <h3><%= _p('index.users.aliyun.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.aliyun.title') %></h4>
- <p><%= _p('index.users.aliyun.content') %></p>
- </div>
- </div>
- <div class="user-logo taobao-logo">
- <h3><%= _p('index.users.taobao.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.taobao.title') %></h4>
- <p><%= _p('index.users.taobao.content') %></p>
- </div>
- </div>
- <div class="user-logo ding-logo">
- <h3><%= _p('index.users.dingtalk.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.dingtalk.title') %></h4>
- <p><%= _p('index.users.dingtalk.content') %></p>
- </div>
- </div>
- <div class="user-logo alibaba-logo">
- <h3><%= _p('index.users.alibaba.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.alibaba.title') %></h4>
- <p><%= _p('index.users.alibaba.content') %></p>
- </div>
- </div>
- <div class="user-logo cainiao-logo">
- <h3><%= _p('index.users.cainiao.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.cainiao.title') %></h4>
- <p><%= _p('index.users.cainiao.content') %></p>
- </div>
- </div>
- <div class="user-logo xiami-logo">
- <h3><%= _p('index.users.xiami.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.xiami.title') %></h4>
- <p><%= _p('index.users.xiami.content') %></p>
- </div>
- </div>
- <div class="user-logo youku-logo">
- <h3><%= _p('index.users.youku.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.youku.title') %></h4>
- <p><%= _p('index.users.youku.content') %></p>
- </div>
- </div>
- <div class="user-logo taopiaopiao-logo">
- <h3><%= _p('index.users.taopiaopiao.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.taopiaopiao.title') %></h4>
- <p><%= _p('index.users.taopiaopiao.content') %></p>
- </div>
- </div>
- <div class="user-logo fliggy-logo">
- <h3><%= _p('index.users.fliggy.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.fliggy.title') %></h4>
- <p><%= _p('index.users.fliggy.content') %></p>
- </div>
- </div>
- <div class="user-logo juhuasuan-logo">
- <h3><%= _p('index.users.juhuasuan.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.juhuasuan.title') %></h4>
- <p><%= _p('index.users.juhuasuan.content') %></p>
- </div>
- </div>
- <div class="user-logo qianniu-logo">
- <h3><%= _p('index.users.qianniu.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.qianniu.title') %></h4>
- <p><%= _p('index.users.qianniu.content') %></p>
- </div>
- </div>
- </div>
- <!--<div class="more">
- <a class="more" href="">More</a>
- </div>-->
- </div>
-</div>
-
<%- partial('_partial/footer') %>
<%- js('js/swiper.min') %>
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/08f2804e/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 a14f7b0..01c45d5 100644
--- a/themes/weex/layout/who-is-using-weex.ejs
+++ b/themes/weex/layout/who-is-using-weex.ejs
@@ -1,96 +1,30 @@
<div class="scene users horizon overlength">
- <div class="scene-container">
- <div class="textbox">
- <h2><%= _p('index.users.title') %></h2>
- </div>
- <div class="sketch-content">
- <div class="user-logo tmall-logo">
- <h3><%= _p('index.users.tmall.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.tmall.title') %></h4>
- <p><%= _p('index.users.tmall.content') %></p>
- </div>
- </div>
- <div class="user-logo aliyun-logo">
- <h3><%= _p('index.users.aliyun.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.aliyun.title') %></h4>
- <p><%= _p('index.users.aliyun.content') %></p>
- </div>
- </div>
- <div class="user-logo taobao-logo">
- <h3><%= _p('index.users.taobao.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.taobao.title') %></h4>
- <p><%= _p('index.users.taobao.content') %></p>
- </div>
- </div>
- <div class="user-logo ding-logo">
- <h3><%= _p('index.users.dingtalk.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.dingtalk.title') %></h4>
- <p><%= _p('index.users.dingtalk.content') %></p>
- </div>
- </div>
- <div class="user-logo alibaba-logo">
- <h3><%= _p('index.users.alibaba.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.alibaba.title') %></h4>
- <p><%= _p('index.users.alibaba.content') %></p>
- </div>
- </div>
- <div class="user-logo cainiao-logo">
- <h3><%= _p('index.users.cainiao.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.cainiao.title') %></h4>
- <p><%= _p('index.users.cainiao.content') %></p>
- </div>
- </div>
- <div class="user-logo xiami-logo">
- <h3><%= _p('index.users.xiami.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.xiami.title') %></h4>
- <p><%= _p('index.users.xiami.content') %></p>
- </div>
- </div>
- <div class="user-logo youku-logo">
- <h3><%= _p('index.users.youku.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.youku.title') %></h4>
- <p><%= _p('index.users.youku.content') %></p>
- </div>
- </div>
- <div class="user-logo taopiaopiao-logo">
- <h3><%= _p('index.users.taopiaopiao.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.taopiaopiao.title') %></h4>
- <p><%= _p('index.users.taopiaopiao.content') %></p>
- </div>
- </div>
- <div class="user-logo fliggy-logo">
- <h3><%= _p('index.users.fliggy.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.fliggy.title') %></h4>
- <p><%= _p('index.users.fliggy.content') %></p>
- </div>
- </div>
- <div class="user-logo juhuasuan-logo">
- <h3><%= _p('index.users.juhuasuan.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.juhuasuan.title') %></h4>
- <p><%= _p('index.users.juhuasuan.content') %></p>
- </div>
- </div>
- <div class="user-logo qianniu-logo">
- <h3><%= _p('index.users.qianniu.title') %></h3>
- <div class="user-info">
- <h4><%= _p('index.users.qianniu.title') %></h4>
- <p><%= _p('index.users.qianniu.content') %></p>
- </div>
- </div>
- </div>
- <!--<div class="more">
- <a class="more" href="">More</a>
- </div>-->
+ <div class="sketch-content">
+ <div class="title"><%= _p('index.whosuse') %></div>
+ <ul class="app-listing">
+
+ <% for (var user in site.data.users) { %>
+ <li>
+ <div class="img" style="background-image:url(<%= site.data.users[user].icon %>)"></div>
+ <div class="tooltip"><%= site.data.users[user].name %></div>
+ </li>
+ <% } %>
+ </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>
-</div>
\ No newline at end of file
+</div>
+
+<!-- <div class="logo-box">
+ <div class="name">
+ <%= site.data.users[user].name %>
+ </div>
+ <div class="img" style="background-image:url(<%= site.data.users[user].icon %>)"></div>
+ <a class="download-btn" href="<%= site.data.users[user].android %>">Android</a>
+ <a class="download-btn" href="<%= site.data.users[user].iOS %>">iOS</a>
+ </div> -->
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/08f2804e/themes/weex/source/css/index.scss
----------------------------------------------------------------------
diff --git a/themes/weex/source/css/index.scss b/themes/weex/source/css/index.scss
index c8ad8a0..f500310 100644
--- a/themes/weex/source/css/index.scss
+++ b/themes/weex/source/css/index.scss
@@ -379,99 +379,89 @@
}
.users {
-
- background: $bg-blue;
- color: $text-white;
-
+ $color: #333;
+ .addmore {
+ padding: 15px 15px;
+ font-size: 26px;
+ text-align: center;
+ margin-top: 50px;
+ position:relative;
+ cursor: pointer;
+ color: $color;
+ .bottom {
+ transition: all ease .2s;
+ position: absolute;
+ bottom: -10px;
+ left: 0;
+ width: 0;
+ height: 1px;
+ background: $color;
+ }
+ &:hover {
+ .bottom {
+ width: 100%;
+ }
+ }
+ &:before {
+ content: '+';
+ font-size: 28px;
+ margin-right:10px;
+ }
+ }
+ .title {
+ font-size: 28px;
+ text-align: center;
+ line-height: 80px;
+ width: 100%;
+ }
.sketch-content {
+ padding-top: 100px;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-content: flex-start;
-
- .user-logo {
- width: 150px;
- height: 150px;
- margin: 1px;
- overflow: hidden;
- position: relative;
- transition-duration: .3s;
- transition-property: box-shadow;
-
- h3 {
- font-size: 1em;
- margin-top: 30px;
- text-align: center;
- margin-top: 125px;
- }
-
- &:hover {
+ max-width: 1200px;
+ margin: 0 auto;
+ .app-listing {
+ margin-top: 50px;
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+ align-items: center;
+ li {
+ padding: 20px;
position: relative;
- z-index: 999;
- box-shadow: 0px 1px 12px 0 rgba(0,0,0,0.54);
+ padding-bottom:0;
+ &:hover {
+ .img{
+ transform: translateY(-2px);
+ box-shadow: 0 8px 16px rgba(0,0,0,.16);
+ }
+ }
}
-
- &:hover .user-info {
- opacity: .9;
+ .tooltip{
+ text-align: center;
+ text-align: center;
+ line-height: 30px;
+ font-size: 14px;
+ width: 90px;
+ font-size:14px;
+ color: #333;
+ transition: all .2s ease,transform .2s ease;
}
- }
-
- .tmall-logo {
- background: $bg-light-blue url("../images/tmall.png") 50% 50% / 64px 64px no-repeat;
- background-origin: content-box;
- }
-
- .aliyun-logo {
- background: $bg-light-blue url("../images/aliyun.png") 50% 50% / 64px 64px no-repeat;
- background-origin: content-box;
- }
-
- .taobao-logo {
- background: $bg-light-blue url("../images/taobao.png") 50% 50% / 64px 64px no-repeat;
- background-origin: content-box;
- }
-
- .alibaba-logo {
- background: $bg-light-blue url("../images/alibaba.png") 50% 50% / 64px 64px no-repeat;
- background-origin: content-box;
- }
-
- .cainiao-logo {
- background: $bg-light-blue url("../images/cainiao.png") 50% 50% / 64px 64px no-repeat;
- background-origin: content-box;
- }
-
- .xiami-logo {
- background: $bg-light-blue url("../images/xiami.png") 50% 50% / 64px 64px no-repeat;
- background-origin: content-box;
- }
-
- .youku-logo {
- background: $bg-light-blue url("../images/youku.png") 50% 50% / 64px 64px no-repeat;
- background-origin: content-box;
- }
- .ding-logo {
- background: $bg-light-blue url("../images/ding.png") 50% 50% / 64px 64px no-repeat;
- background-origin: content-box;
- }
- .taopiaopiao-logo {
- background: $bg-light-blue url("../images/taopiaopiao.png") 50% 50% / 64px 64px no-repeat;
- background-origin: content-box;
- }
- .fliggy-logo {
- background: $bg-light-blue url("../images/fliggy.png") 50% 50% / 64px 64px no-repeat;
- background-origin: content-box;
- }
- .juhuasuan-logo {
- background: $bg-light-blue url("../images/juhuasuan.png") 50% 50% / 64px 64px no-repeat;
- background-origin: content-box;
- }
- .qianniu-logo {
- background: $bg-light-blue url("../images/qianniu.png") 50% 50% / 64px 64px no-repeat;
- background-origin: content-box;
+ .img {
+ width: 90px;
+ height: 90px;
+ transition: box-shadow .2s ease,transform .2s ease;
+ vertical-align: middle;
+ border-radius: 15px;
+ background-size: 90px 90px;
+ background-position: center center;
+ cursor: pointer;
+ }
+
}
}
-
.user-info {
opacity: 0;
position: absolute;
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/08f2804e/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 965885b..2e81948 100644
--- a/themes/weex/source/css/media-queries.scss
+++ b/themes/weex/source/css/media-queries.scss
@@ -115,7 +115,7 @@
}
.horizon .sketch-content {
- padding: 0 5em;
+ padding: 50px 5em;
}
.horizon .sketch-content .inner-box {
@@ -183,7 +183,36 @@
}
.horizon .sketch-content {
- padding: 0 1em;
+ padding: 50px 1em;
+ .title {
+ font-size: 18px;
+ }
+ .app-listing {
+ margin-top: 0;
+ li{
+ padding: 5px;
+ }
+ .img{
+ width: 60px;
+ height: 60px;
+ background-size: 60px 60px;
+ }
+ .tooltip{
+ width: 60px;
+ font-size: 12px;
+ height: 30px;
+ overflow: hidden;
+ text-overflow:ellipsis;
+ white-space: nowrap;
+ }
+ }
+ .addmore{
+ font-size: 14px;
+ margin-top: 0;
+ &:before{
+ font-size: 14px;
+ }
+ }
}
.horizon .sketch-content .inner-box {
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/08f2804e/themes/weex/source/images/users-add.png
----------------------------------------------------------------------
diff --git a/themes/weex/source/images/users-add.png b/themes/weex/source/images/users-add.png
new file mode 100644
index 0000000..22b4df4
Binary files /dev/null and b/themes/weex/source/images/users-add.png differ