Browse Source

css improve for register and login page

master
filesite 7 months ago
parent
commit
c8f5547a9a
  1. 4
      themes/tajian/views/layout/main.php
  2. 2
      themes/tajian/views/site/login.php
  3. 2
      themes/tajian/views/site/new.php
  4. 4
      themes/tajian/views/site/register.php
  5. 9
      www/css/tajian.css

4
themes/tajian/views/layout/main.php

@ -29,7 +29,7 @@ if (!empty(FSC::$app['config']['multipleUserUriParse']) && !empty(FSC::$app['use
<div class="search hide_movi_xs hide"> <div class="search hide_movi_xs hide">
<form id="search_form" class="search_form" action="" method="GET"> <form id="search_form" class="search_form" action="" method="GET">
<div class="input_sf"> <div class="input_sf">
<input class="input_sf_JS" type="search" placeholder="搜索" /> <input class="input_sf_JS" type="search" placeholder="搜索" name="keyword">
</div> </div>
<button class="input_sm jsbtn" aria-label="搜索"><img src="/img/search.svg" alt="图片" /></button> <button class="input_sm jsbtn" aria-label="搜索"><img src="/img/search.svg" alt="图片" /></button>
</form> </form>
@ -103,7 +103,7 @@ if (!empty($viewFile) && file_exists($viewFile)) {
<img class="icon svgimg verMiddle" src="/img/clos.svg" alt="关闭" title="关闭" /> <img class="icon svgimg verMiddle" src="/img/clos.svg" alt="关闭" title="关闭" />
</a> </a>
<div class="input_sf"> <div class="input_sf">
<input class="ms_input_js" type="search" placeholder="搜索" /> <input class="ms_input_js" type="search" placeholder="搜索" name="keyword">
</div> </div>
<button class="input_sm jsbtn" aria-label="搜索"><img src="/img/search.svg" alt="图片" /></button> <button class="input_sm jsbtn" aria-label="搜索"><img src="/img/search.svg" alt="图片" /></button>
</form> </form>

2
themes/tajian/views/site/login.php

@ -7,7 +7,7 @@
<div class="mb-3 twocol"> <div class="mb-3 twocol">
<label for="text_input_sm" class="form-label">验证码</label> <label for="text_input_sm" class="form-label">验证码</label>
<input id="text_input_sm" name="smscode" placeholder="输入收到的短信验证码"> <input id="text_input_sm" name="smscode" placeholder="输入收到的短信验证码">
<button disabled="disabled" class="bt_sms_JS">发送验证码</button> <button disabled="disabled" class="smsbtn bt_sms_JS">发送验证码</button>
</div> </div>
<div class="avform_bt vercenter"> <div class="avform_bt vercenter">
<button class="jsbtn" aria-label="注册" type="button"> <button class="jsbtn" aria-label="注册" type="button">

2
themes/tajian/views/site/new.php

@ -5,7 +5,7 @@
<textarea rows="5" id="text_input_link" name="share_content" placeholder="请粘贴分享网址/内容"></textarea> <textarea rows="5" id="text_input_link" name="share_content" placeholder="请粘贴分享网址/内容"></textarea>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label for="text_input_title" class="form-label">选分类(可选)</label> <label class="form-label">选分类(可选)</label>
<select name="tag"> <select name="tag">
<option value="">选分类</option> <option value="">选分类</option>
<?php <?php

4
themes/tajian/views/site/register.php

@ -3,7 +3,7 @@
<div class="mb-3 pt20 twocol"> <div class="mb-3 pt20 twocol">
<label for="text_input_code" class="form-label">邀请码</label> <label for="text_input_code" class="form-label">邀请码</label>
<input id="text_input_code" name="friendscode" placeholder="邀请者手机号末 6 位"> <input id="text_input_code" name="friendscode" placeholder="邀请者手机号末 6 位">
<button class="bt_kf_JS" type="button" data-hide="隐藏客服微信">加客服索要</button> <button class="smsbtn bt_kf_JS" type="button" data-hide="隐藏客服微信">加客服索要</button>
<p class="mt10 hide kf_wx_JS"> <p class="mt10 hide kf_wx_JS">
<img src="/tajian/wx_jialuoma.jpeg" alt="Ta荐客服微信二维码" width="200" class="kfwx"> <img src="/tajian/wx_jialuoma.jpeg" alt="Ta荐客服微信二维码" width="200" class="kfwx">
</p> </p>
@ -15,7 +15,7 @@
<div class="mb-3 twocol"> <div class="mb-3 twocol">
<label for="text_input_sm" class="form-label">验证码</label> <label for="text_input_sm" class="form-label">验证码</label>
<input id="text_input_sm" name="smscode" placeholder="输入收到的短信验证码"> <input id="text_input_sm" name="smscode" placeholder="输入收到的短信验证码">
<button disabled="disabled" type="button" class="bt_sms_JS">发送验证码</button> <button disabled="disabled" type="button" class="smsbtn bt_sms_JS">发送验证码</button>
</div> </div>
<div class="avform_bt vercenter"> <div class="avform_bt vercenter">
<button class="jsbtn" aria-label="注册" type="button"> <button class="jsbtn" aria-label="注册" type="button">

9
www/css/tajian.css

@ -93,7 +93,7 @@ a:link{text-decoration:none;}
/* 联系我们 */ /* 联系我们 */
.svgimg{width:2em;height:2em;vertical-align:middle;fill: currentColor;overflow: hidden;} .svgimg{width:2em;height:2em;vertical-align:middle;fill: currentColor;overflow: hidden;}
.blank_cover{transition: all 0.5s ease;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, .7);opacity:0;z-index: 1199} .blank_cover{transition: all 0.5s ease;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, .7);opacity:0;z-index: 1199}
.right_sidebox{padding:15px 10px 15px 18px;opacity:0;transform:translateX(101%);background-color:#FFF;position:fixed;right:0;top:0;bottom:0;color:#333;width:396px;overflow-y:auto;max-width:100%;z-index:1200;} .right_sidebox{padding:15px 10px 15px 18px;opacity:0;transform:translateX(101%);background-color:#FFF;position:fixed;right:0;top:0;bottom:0;color:#333;width:396px;overflow-y:auto;max-width:92%;z-index:1200;}
.right_sidebox>h5{display:flex;padding:15px 0 10px 0;border-bottom:solid 1px #e9e2e2;margin-bottom:20px;} .right_sidebox>h5{display:flex;padding:15px 0 10px 0;border-bottom:solid 1px #e9e2e2;margin-bottom:20px;}
.right_sidebox>h5 span{font-size:20px;font-weight:bold;flex: 1;} .right_sidebox>h5 span{font-size:20px;font-weight:bold;flex: 1;}
.right_sidebox .link{text-decoration: underline;color:#457fc1;} .right_sidebox .link{text-decoration: underline;color:#457fc1;}
@ -246,8 +246,7 @@ a:link{text-decoration:none;}
/* 注册 */ /* 注册 */
.twocol label{display:block} .twocol label{display:block}
.twocol input{width:62%} .twocol input{width:62%}
.twocol button{margin-left:4px;padding:6px 4px;border-radius:4px;border-width:1px;cursor:pointer} .twocol button{margin-left:4px}
.twocol button:hover{background-color:lightblue}
/* layout index */ /* layout index */
body.layout_index{background-color:#e5f1f3} body.layout_index{background-color:#e5f1f3}
@ -260,6 +259,10 @@ body.layout_index{background-color:#e5f1f3}
.layout_index .pl20{padding-left:20px} .layout_index .pl20{padding-left:20px}
.layout_index .pt20{padding-top:20px} .layout_index .pt20{padding-top:20px}
.layout_index .lh18{line-height:1.8} .layout_index .lh18{line-height:1.8}
.layout_index .smsbtn{border:1px solid #999;background-color:#e5f1f3;color:#333;padding:8px;border-radius:4px;cursor:pointer}
.layout_index .smsbtn:hover{background-color:lightblue}
.layout_index .smsbtn:disabled,.layout_index .smsbtn[disabled]{background-color:#CCC;cursor:not-allowed}
.layout_index .g_main_lay{min-height:374px}
@media screen and (max-width:480px) { @media screen and (max-width:480px) {
.layout_index .top_nav{padding-left:22px;padding-right:22px} .layout_index .top_nav{padding-left:22px;padding-right:22px}

Loading…
Cancel
Save