测试

mTest/css/index.css

@@ -1191,6 +1191,9 @@
   font-size: 0.35rem;
   height: 1.2rem;
   text-indent: 0.55rem;
+  position: absolute;
+  top: 0;
+  left: 0;
 }
 .revise-send-btn {
   width: 8.8rem;
@@ -1256,7 +1259,7 @@
   background: #FDEBF9;
   display: none;
   height: 0.7rem;
-  width: 5rem;
+  width: 2.3rem;
   line-height: 0.7rem;
   font-size: 0.35rem;
   color: #EE2781;
@@ -1266,3 +1269,95 @@
   right: 0.3rem;
   top: 0.25rem;
 }
+.sex-select {
+  width: 2rem;
+  height: 0.7rem;
+  text-indent: 0.5rem;
+  position: absolute;
+  top: 0.25rem;
+  left: 0.3rem;
+  background: #fff;
+  border-radius: 0.1rem;
+  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
+}
+.sex-tips {
+  line-height: 1.2rem;
+  height: 1.2rem;
+  font-size: 0.35rem;
+  position: absolute;
+  left: 2.8rem;
+}
+.revise-input-box3 {
+  font-size: 0.3rem;
+  line-height: 1.2rem;
+  text-indent: 0.35rem;
+}
+.revise-input-box3 select {
+  height: 0.55rem;
+}
+.revise-input-box4 {
+  line-height: 1.2rem;
+  font-size: 0.35rem;
+  text-indent: 0.3rem;
+  position: relative;
+}
+.revise-input-box4 .height-select {
+  height: 0.6rem;
+  width: 2rem;
+  margin-left: 0.2rem;
+  text-indent: 0.25rem;
+}
+.revise-input-box5 {
+  line-height: 1.2rem;
+  font-size: 0.35rem;
+  text-indent: 0.3rem;
+  position: relative;
+}
+.revise-input-box5 .weight-select {
+  height: 0.6rem;
+  width: 2rem;
+  margin-left: 0.2rem;
+  text-indent: 0.25rem;
+}
+.revise-input-box6 {
+  line-height: 1.2rem;
+  font-size: 0.35rem;
+  text-indent: 0.3rem;
+  position: relative;
+}
+.revise-input-box6 .education-select {
+  height: 0.6rem;
+  width: 2rem;
+  margin-left: 0.2rem;
+  text-indent: 0.25rem;
+}
+.revise-input-box7 {
+  line-height: 1.2rem;
+  font-size: 0.35rem;
+  text-indent: 0.3rem;
+  position: relative;
+}
+.revise-input-box7 .revise-input2 {
+  width: 10rem;
+  font-size: 0.35rem;
+  height: 1.2rem;
+  text-indent: 0.55rem;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.revise-input-box8 {
+  line-height: 1.2rem;
+  font-size: 0.35rem;
+  text-indent: 0.3rem;
+  position: relative;
+}
+.revise-input-box8 .revise-input3 {
+  width: 10rem;
+  font-size: 0.35rem;
+  height: 1.2rem;
+  text-indent: 0.55rem;
+  position: absolute;
+  top: 0;
+  left: 0;
+}

mTest/css/index.less

@@ -1224,6 +1224,9 @@
   font-size: 0.35rem;
   height: 1.2rem;
   text-indent: 0.55rem;
+  position: absolute;
+  top: 0;
+  left: 0;
 }
 .revise-send-btn{
   width: 8.8rem;
@@ -1291,7 +1294,7 @@
   background: #FDEBF9;
   display: none;
   height: 0.7rem;
-  width: 5rem;
+  width: 2.3rem;
   line-height: 0.7rem;
   font-size: 0.35rem;
   color: #EE2781;
@@ -1301,3 +1304,95 @@
   right: 0.3rem;
   top: 0.25rem;
 }
+.sex-select{
+  width: 2rem;
+  height: 0.7rem;
+  text-indent: 0.5rem;
+  position: absolute;
+  top: 0.25rem;
+  left: 0.3rem;
+  background: #fff;
+  border-radius: 0.1rem;
+  box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);
+}
+.sex-tips{
+  line-height: 1.2rem;
+  height: 1.2rem;
+  font-size: 0.35rem;
+  position: absolute;
+  left: 2.8rem;
+}
+.revise-input-box3{
+  font-size: 0.3rem;
+  line-height: 1.2rem;
+  text-indent: 0.35rem;
+  select{
+    height: 0.55rem;
+  }
+}
+.revise-input-box4{
+  line-height: 1.2rem;
+  font-size: 0.35rem;
+  text-indent: 0.3rem;
+  position: relative;
+  .height-select{
+    height: 0.6rem;
+    width: 2rem;
+    margin-left: 0.2rem;
+    text-indent: 0.25rem;
+  }
+}
+.revise-input-box5{
+  line-height: 1.2rem;
+  font-size: 0.35rem;
+  text-indent: 0.3rem;
+  position: relative;
+  .weight-select{
+    height: 0.6rem;
+    width: 2rem;
+    margin-left: 0.2rem;
+    text-indent: 0.25rem;
+  }
+}
+.revise-input-box6{
+  line-height: 1.2rem;
+  font-size: 0.35rem;
+  text-indent: 0.3rem;
+  position: relative;
+  .education-select{
+    height: 0.6rem;
+    width: 2rem;
+    margin-left: 0.2rem;
+    text-indent: 0.25rem;
+  }
+}
+.revise-input-box7{
+  line-height: 1.2rem;
+  font-size: 0.35rem;
+  text-indent: 0.3rem;
+  position: relative;
+  .revise-input2{
+    width: 10rem;
+    font-size: 0.35rem;
+    height: 1.2rem;
+    text-indent: 0.55rem;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+}
+.revise-input-box8{
+  line-height: 1.2rem;
+  font-size: 0.35rem;
+  text-indent: 0.3rem;
+  position: relative;
+  .revise-input3{
+    width: 10rem;
+    font-size: 0.35rem;
+    height: 1.2rem;
+    text-indent: 0.55rem;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+}
\ No newline at end of file

mTest/index.html

@@ -36,7 +36,7 @@
     <script src="lib/fsize.js"></script>
     <link rel="stylesheet" href="css/base.css?v=2022112801">
     <link rel="stylesheet" href="css/layer.css">
-    <link rel="stylesheet" href="css/index.css?v=2022112803">
+    <link rel="stylesheet" href="css/index.css?v=2022112804">
     <link rel="stylesheet" href="css/login.css?v=2022112801">
 
     <link rel="manifest" href="manifest.webmanifest?v=2022112308" />
@@ -406,6 +406,7 @@
 
 <script>
 $(function(){
+    localStorage.canvasCode='phone'
     var ua = window.navigator.userAgent.toLowerCase();
     var dHeight=$(document).height()
     $(".right-nav").css("height",$(document).height())

mTest/lib/select.js

+$.fn.selectDate = function(){
+    var minYear = 1900
+    var maxYear = (new Date).getFullYear()
+    var yearSel = document.getElementById('year')
+    var monthSel = document.getElementById('month')
+    var daySel = document.getElementById('days')
+
+    for(var y = maxYear;y >= minYear;y--){
+        var yearOpt = document.createElement('option')
+        yearOpt.value = y
+        yearOpt.innerHTML = y+'年'
+        yearSel.appendChild(yearOpt)
+    }
+
+    $("#year").click(function(event){
+        if(!$("#year option:selected").val()) return;
+        removeOption(monthSel)
+        addOption(12,'月',monthSel)
+        removeOption(daySel)
+    })
+
+    $("#month").click(function(){
+        removeOption(daySel)
+        var year = $("#year option:selected").val()
+        var month = $("#month option:selected").val()
+        if(month==1 || month==3 || month==5 || month==7 || month==8 || month==10 || month==12){
+            addOption(31,'日',daySel)
+        }else if(month==4 || month==6 || month==9 || month==11){
+            addOption(30,'日',daySel)
+        }else if(month==2){
+            if((year%4 == 0 && year%100 != 0 ) || (year%400 == 0)){
+                addOption(29,'日',daySel)
+            }else{	
+                addOption(28,'日',daySel)
+            }
+        }
+    })
+
+    function addOption(num,unit,parent){
+        //num：选项个数
+        //unit：单位（年/月/日）
+        //parent：父对象
+        for(var index=1;index <= num;index++){
+            var opt =document.createElement('option')
+            $(opt).attr('value',index)
+            if(index<10){index = '0'+index}
+            $(opt).html(index+unit)
+            $(parent).append(opt)
+        }
+    }
+    
+    function removeOption(parent){
+        //parent：父对象
+        var options = $(parent).find('option')
+        for(var index = 1;index < options.length;index++){
+            parent.removeChild(options[index])
+        }
+    }
+}
\ No newline at end of file