授权页

This commit is contained in:
caishi 2018-11-22 17:18:37 +08:00
parent ed253cdbec
commit 0166854dc3
3 changed files with 17 additions and 26 deletions

View File

@ -56,7 +56,7 @@ class OauthController < ApplicationController
redirect_to params["redirect_uri"] + "?code=#{code}&state=#{params[:state]}"
end
render 'oauth/authorize', :layout => 'base_authorize_oschina'
#render 'oauth/authorize', :layout => 'base_authorize_oschina'
rescue => e
logger.error e
render :text => e.message

View File

@ -13,24 +13,17 @@
<% end %>
</p>
<% end %>
<div class="authTop">
<div class="authmain">
<i class="iconfont icon-oschina f40 c_white fl"></i><span class="f18 ml10 fl mt20">oschina</span>
</div>
</div>
<div class="mt60">
<div class="authmain clearfix">
<div class="fl l-f-login">
<div style="width: 220px;margin:0px auto;">
<p class="f18 mb20">帐号密码登录</p>
<input type="text" class="auth-login-input" placeholder="邮箱/手机号登录"/>
<input type="password" class="auth-login-input" placeholder="密码"/>
<a href="javascript:void(0)" class="auth-login-btn">授权并登录</a>
<link href="//at.alicdn.com/t/font_930423_4z0tgi8hlb9.css" rel="stylesheet"/>
<div class="authmain clearfix">
<div class="l-r-trustie">
<div class="clearfix" style="width: 100%;">
<span class="fl mr20"><i class="iconfont f40 icon-oschina c_grey"></i></span>
<div class="fl">
<p><span class="c_blue">trustie</span>将获得以下权限</p>
<p><input type="checkbox" checked="checked" disabled class="checked-choose"/>获得您的昵称、头像、性别</p>
<a href="javascript:void(0)" class="auth-login-btn mr20">授权并登录</a>
<a href="javascript:void(0)" class="auth-cancel-btn mr20">拒绝</a>
</div>
</div>
<div class="fl l-r-trustie">
<p><span class="c_blue">trustie</span>将获得以下权限</p>
<p><input type="checkbox" checked="checked" disabled class="checked-choose"/>获得您的昵称、头像、性别</p>
</div>
</div>
</div>
</div>

View File

@ -507,11 +507,9 @@ a.user_editinfo{border-top:1px solid #e5e5e5; height:30px; line-height:30px; tex
/*oschina授权页*/
.authTop{width: 100%;position: fixed;left: 0px;top:0px;background-color: #51B7EC;height: 58px;color: #fff;}
.authmain{width: 1200px;margin:0px auto;display: block!important;}
.l-f-login{padding: 20px 40px;border-right: 1px solid #eaeaea;text-align: center;width: 30%; margin-left: 143px;box-sizing: border-box}
.auth-login-input{width: 100%;height: 35px;border-radius: 2px;outline: none;padding: 5px;box-sizing: border-box;display: block;margin-bottom: 10px;}
.auth-login-btn{width: 100%;height: 32px;line-height: 32px;margin-top:20px;margin-bottom:20px;text-align: center;color: #fff!important;font-size: 14px;display: block;background-color: #4CACFF;border-radius: 2px;}
.l-r-trustie{padding:50px;}
.l-r-trustie p{line-height: 40px;border-bottom: 1px dashed #eaeaea;font-size: 15px;}
.l-r-trustie p:last-child{border-bottom: none;}
.authmain{width: 1000px;margin:0px auto;display: block!important;}
.auth-login-btn{width: 100px;height: 32px;line-height: 32px;margin-top:20px;margin-bottom:20px;text-align: center;color: #fff!important;font-size: 14px;display: inline-block;background-color: #4CACFF;border-radius: 2px;}
.auth-cancel-btn{width: 100px;height: 32px;line-height: 32px;margin-top:20px;margin-bottom:20px;text-align: center;color: #666!important;font-size: 14px;display: inline-block;background-color: #fff;border-radius: 2px;border:1px solid #eaeaea;}
.l-r-trustie{padding:50px;width: 350px;margin:100px auto;}
.l-r-trustie p{line-height: 40px;font-size: 15px;}
.checked-choose{margin-right: 5px;margin-top: 13px;float: left}