Browse Source

分享界面样式修改

hy 7 years ago
parent
commit
6c0445917e

+ 4 - 1
frontend/saas-portal-web/src/pages/invitation_mobile_join/invitation_mobile_join.html

@@ -26,6 +26,9 @@
                 if(hostname.indexOf('saas-dev')>-1){
                     api = 'https://saas-api-dev.usoftchina.com:5443'
                 }
+                if(hostname.indexOf('saas-test')>-1){
+                    api = 'https://saas-api-test.usoftchina.com:5443'
+                }
                 $( "#dialog-message" ).dialog({
                     autoOpen : false, 
                     modal: true,
@@ -200,7 +203,7 @@
                 <button style="position: absolute;" class="btn-check" type="button" id="checkBtn" onclick="getCode()">获取验证码</button>
                 <input class="input_style" id="selectName" type="text" placeholder="请输入姓名"></input>
                 <select class="input_style " id="selectJob" placeholder="请选择岗位(必填)"></select>
-                <button style="position: absolute;" class="expand_icon" type="button" ></button>
+                <!-- <button style="position: absolute;" class="expand_icon" type="button" ></button> -->
                 <button class="btn-submit" style="border-radius: 30px;width: 80%;      margin-top: 40px;   font-size: 18px; height: 47px;" type="button" id="joinBtn" onclick="join();">提 交</button>
             </div>
             <div class="x-join-bottom" style=" display:table-cell;font-size:12px;font-height:14px;vertical-align:middle;text-align:center;   height: 50px;">

+ 10 - 3
frontend/saas-portal-web/static/css/invitation_mobile_join.css

@@ -3,7 +3,13 @@
 	padding: 0;
 	box-sizing: border-box
 }
-body, html {
+select{
+    /* 解决select下拉箭头在ios上不兼容的问题 */
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    background-origin: content-box;
+    background: url(../img/assets/expand.png) no-repeat scroll right center transparent;
 }
 body {
     background-repeat: no-repeat;
@@ -18,9 +24,10 @@ body {
 	color:#333;	
 }
 .x-join-bottom {
+    right: 0;
+    position: fixed;
     bottom: 0;
     width: 100%;
-    position: absolute;
     height: 55px;
 	text-align: center;
 	background-color: #fff;
@@ -102,6 +109,7 @@ body {
 	margin: 15px 5px 0 30px;
 }
 .input_style{
+    padding-right: 13px;
     border-radius: 30px;
     opacity: 0.8;
     border: 1px solid #bdbdbd;
@@ -116,7 +124,6 @@ body {
     display: block;
     color: #555;
     background-color: #fff;
-    background-image: none;
     border: 1px solid #656565;
 }
 .expand_icon{