Skip to content

libai / footseen-large-website

Go to a project
Commit cc3b2ad0 by libai
Options

测试

parent 53c45d48
Inline Side-by-side
Showing with 320 additions and 11 deletions
mTest/css/index.css
...@@ -1191,6 +1191,9 @@ ...@@ -1191,6 +1191,9 @@
font-size: 0.35rem; font-size: 0.35rem;
height: 1.2rem; height: 1.2rem;
text-indent: 0.55rem; text-indent: 0.55rem;
position: absolute;
top: 0;
left: 0;
} }
.revise-send-btn { .revise-send-btn {
width: 8.8rem; width: 8.8rem;
...@@ -1256,7 +1259,7 @@ ...@@ -1256,7 +1259,7 @@
background: #FDEBF9; background: #FDEBF9;
display: none; display: none;
height: 0.7rem; height: 0.7rem;
width: 5rem; width: 2.3rem;
line-height: 0.7rem; line-height: 0.7rem;
font-size: 0.35rem; font-size: 0.35rem;
color: #EE2781; color: #EE2781;
...@@ -1266,3 +1269,95 @@ ...@@ -1266,3 +1269,95 @@
right: 0.3rem; right: 0.3rem;
top: 0.25rem; 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 @@ ...@@ -1224,6 +1224,9 @@
font-size: 0.35rem; font-size: 0.35rem;
height: 1.2rem; height: 1.2rem;
text-indent: 0.55rem; text-indent: 0.55rem;
position: absolute;
top: 0;
left: 0;
} }
.revise-send-btn{ .revise-send-btn{
width: 8.8rem; width: 8.8rem;
...@@ -1291,7 +1294,7 @@ ...@@ -1291,7 +1294,7 @@
background: #FDEBF9; background: #FDEBF9;
display: none; display: none;
height: 0.7rem; height: 0.7rem;
width: 5rem; width: 2.3rem;
line-height: 0.7rem; line-height: 0.7rem;
font-size: 0.35rem; font-size: 0.35rem;
color: #EE2781; color: #EE2781;
...@@ -1301,3 +1304,95 @@ ...@@ -1301,3 +1304,95 @@
right: 0.3rem; right: 0.3rem;
top: 0.25rem; 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 @@ ...@@ -36,7 +36,7 @@
<script src="lib/fsize.js"></script> <script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css?v=2022112801"> <link rel="stylesheet" href="css/base.css?v=2022112801">
<link rel="stylesheet" href="css/layer.css"> <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="stylesheet" href="css/login.css?v=2022112801">
<link rel="manifest" href="manifest.webmanifest?v=2022112308" /> <link rel="manifest" href="manifest.webmanifest?v=2022112308" />
...@@ -406,6 +406,7 @@ ...@@ -406,6 +406,7 @@
<script> <script>
$(function(){ $(function(){
localStorage.canvasCode='phone'
var ua = window.navigator.userAgent.toLowerCase(); var ua = window.navigator.userAgent.toLowerCase();
var dHeight=$(document).height() var dHeight=$(document).height()
$(".right-nav").css("height",$(document).height()) $(".right-nav").css("height",$(document).height())
......
mTest/lib/select.js 0 → 100644
$.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
mTest/revise.html
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
<script src="lib/fsize.js"></script> <script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css"> <link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/index.css?v=20222801"> <link rel="stylesheet" href="css/index.css?v=20222805">
<link rel="stylesheet" href="css/login.css"> <link rel="stylesheet" href="css/login.css">
<style> <style>
.layui-layer-shade { .layui-layer-shade {
...@@ -102,20 +102,73 @@ ...@@ -102,20 +102,73 @@
<span class="revise-p2">好爸爸<span>></span></span> <span class="revise-p2">好爸爸<span>></span></span>
</div> </div>
</div> </div>
<div style="top: 0vh;" class="revise-layer"> <div style="top: 100vh;" class="revise-layer">
<div class="revise-input-title"><span>&lt;</span> <i style="font-style:normal;">暱稱</i></div> <div class="revise-input-title"><span>&lt;</span> <i style="font-style:normal;">暱稱</i></div>
<div class="revise-input-box"> <div style="display: none;" class="revise-input-box revise-input-box1">
<input class="revise-input" placeholder="請輸入您的暱稱" type="text"> <input class="revise-input" placeholder="請輸入您的暱稱" type="text">
</div> </div>
<div style="display: none;" class="revise-input-box revise-input-box2">
<select name="sex" class="sex-select" disabled="disabled">
<option value="-1">保密</option>
<option value="0" selected="selected">女</option>
<option value="1">男</option>
</select>
<span class="sex-tips">（性別只能更改一次）</span>
</div>
<div style="display: none;" class="revise-input-box revise-input-box3">
生日 :
<select name="year" id="year">
<option value="">选择年份</option>
</select>
<select name="month" id="month">
<option value="">选择月份</option>
</select>
<select id="days" class="day">
<option value="">选择日期</option>
</select>
<span class="birth-tips">（生日只能更改一次）</span>
</div>
<div style="display: none;" class="revise-input-box revise-input-box4">
身高 :
<select name="man-height" class="height-select">
<option value="">保密</option>
<option value="120">120cm</option><option value="121">121cm</option><option value="122">122cm</option><option value="123">123cm</option><option value="124">124cm</option><option value="125">125cm</option><option value="126">126cm</option><option value="127">127cm</option><option value="128">128cm</option><option value="129">129cm</option><option value="130">130cm</option><option value="131">131cm</option><option value="132">132cm</option><option value="133">133cm</option><option value="134">134cm</option><option value="135">135cm</option><option value="136">136cm</option><option value="137">137cm</option><option value="138">138cm</option><option value="139">139cm</option><option value="140">140cm</option><option value="141">141cm</option><option value="142">142cm</option><option value="143">143cm</option><option value="144">144cm</option><option value="145">145cm</option><option value="146">146cm</option><option value="147">147cm</option><option value="148">148cm</option><option value="149">149cm</option><option value="150">150cm</option><option value="151">151cm</option><option value="152">152cm</option><option value="153">153cm</option><option value="154">154cm</option><option value="155">155cm</option><option value="156">156cm</option><option value="157">157cm</option><option value="158">158cm</option><option value="159">159cm</option><option value="160">160cm</option><option value="161">161cm</option><option value="162">162cm</option><option value="163">163cm</option><option value="164">164cm</option><option value="165">165cm</option><option value="166">166cm</option><option value="167">167cm</option><option value="168">168cm</option><option value="169">169cm</option><option value="170">170cm</option><option value="171">171cm</option><option value="172">172cm</option><option value="173">173cm</option><option value="174">174cm</option><option value="175">175cm</option><option value="176">176cm</option><option value="177">177cm</option><option value="178">178cm</option><option value="179">179cm</option><option selected="" value="180">180cm</option><option value="181">181cm</option><option value="182">182cm</option><option value="183">183cm</option><option value="184">184cm</option><option value="185">185cm</option><option value="186">186cm</option><option value="187">187cm</option><option value="188">188cm</option><option value="189">189cm</option><option value="190">190cm</option><option value="191">191cm</option><option value="192">192cm</option><option value="193">193cm</option><option value="194">194cm</option><option value="195">195cm</option><option value="196">196cm</option><option value="197">197cm</option><option value="198">198cm</option><option value="199">199cm</option><option value="200">200cm</option><option value="201">201cm</option><option value="202">202cm</option><option value="203">203cm</option><option value="204">204cm</option><option value="205">205cm</option><option value="206">206cm</option><option value="207">207cm</option><option value="208">208cm</option><option value="209">209cm</option><option value="210">210cm</option><option value="211">211cm</option><option value="212">212cm</option><option value="213">213cm</option><option value="214">214cm</option><option value="215">215cm</option><option value="216">216cm</option><option value="217">217cm</option><option value="218">218cm</option><option value="219">219cm</option><option value="220">220cm</option><option value="221">221cm</option><option value="222">222cm</option><option value="223">223cm</option><option value="224">224cm</option><option value="225">225cm</option><option value="226">226cm</option><option value="227">227cm</option><option value="228">228cm</option><option value="229">229cm</option><option value="230">230cm</option><option value="231">231cm</option><option value="232">232cm</option><option value="233">233cm</option><option value="234">234cm</option><option value="235">235cm</option><option value="236">236cm</option><option value="237">237cm</option><option value="238">238cm</option><option value="239">239cm</option><option value="240">240cm</option><option value="241">241cm</option><option value="242">242cm</option><option value="243">243cm</option><option value="244">244cm</option><option value="245">245cm</option><option value="246">246cm</option><option value="247">247cm</option><option value="248">248cm</option><option value="249">249cm</option><option value="250">250cm</option></select>
</div>
<div style="display: none;" class="revise-input-box revise-input-box5">
體重 :
<select name="man-weight" class="weight-select">
<option value="">保密</option>
<option value="35">35kg</option><option value="36">36kg</option><option value="37">37kg</option><option value="38">38kg</option><option value="39">39kg</option><option value="40">40kg</option><option value="41">41kg</option><option value="42">42kg</option><option value="43">43kg</option><option value="44">44kg</option><option value="45">45kg</option><option value="46">46kg</option><option value="47">47kg</option><option value="48">48kg</option><option value="49">49kg</option><option value="50">50kg</option><option value="51">51kg</option><option value="52">52kg</option><option value="53">53kg</option><option value="54">54kg</option><option value="55">55kg</option><option value="56">56kg</option><option value="57">57kg</option><option value="58">58kg</option><option value="59">59kg</option><option value="60">60kg</option><option value="61">61kg</option><option value="62">62kg</option><option value="63">63kg</option><option value="64">64kg</option><option value="65">65kg</option><option value="66">66kg</option><option value="67">67kg</option><option value="68">68kg</option><option value="69">69kg</option><option selected="" value="70">70kg</option><option value="71">71kg</option><option value="72">72kg</option><option value="73">73kg</option><option value="74">74kg</option><option value="75">75kg</option><option value="76">76kg</option><option value="77">77kg</option><option value="78">78kg</option><option value="79">79kg</option><option value="80">80kg</option><option value="81">81kg</option><option value="82">82kg</option><option value="83">83kg</option><option value="84">84kg</option><option value="85">85kg</option><option value="86">86kg</option><option value="87">87kg</option><option value="88">88kg</option><option value="89">89kg</option><option value="90">90kg</option><option value="91">91kg</option><option value="92">92kg</option><option value="93">93kg</option><option value="94">94kg</option><option value="95">95kg</option><option value="96">96kg</option><option value="97">97kg</option><option value="98">98kg</option><option value="99">99kg</option><option value="100">100kg</option><option value="101">101kg</option><option value="102">102kg</option><option value="103">103kg</option><option value="104">104kg</option><option value="105">105kg</option><option value="106">106kg</option><option value="107">107kg</option><option value="108">108kg</option><option value="109">109kg</option><option value="110">110kg</option><option value="111">111kg</option><option value="112">112kg</option><option value="113">113kg</option><option value="114">114kg</option><option value="115">115kg</option><option value="116">116kg</option><option value="117">117kg</option><option value="118">118kg</option><option value="119">119kg</option><option value="120">120kg</option></select>
</div>
<div style="display: none;" class="revise-input-box revise-input-box6">
<li>學歷 :
<select name="man-education" class="education-select">
<option value="">保密</option>
<option value="101">國小</option><option value="102">國中</option><option value="103">高中</option><option value="104">五專</option><option value="105">高職</option><option selected="" value="106">本科</option><option value="107">碩士</option><option value="108">博士</option></select>
</li>
</div>
<div style="display: none;" class="revise-input-box revise-input-box7">
<li>
<input class="revise-input2" placeholder="請輸入您的職業" type="text">
</li>
</div>
<div style="display: none;" class="revise-input-box revise-input-box8">
<li>
<input class="revise-input3" placeholder="請輸入您的簽名" type="text">
</li>
</div>
<div class="revise-send-btn">保存</div> <div class="revise-send-btn">保存</div>
</div> </div>
</body> </body>
<script src="layer-v3.1.0/layer/layer.js"></script> <script src="layer-v3.1.0/layer/layer.js"></script>
<!-- <script src="lib/fingerprint2.js"></script> --> <!-- <script src="lib/fingerprint2.js"></script> -->
<script src="lib/login.js"></script> <script src="lib/login.js"></script>
<script src="lib/select.js"></script>
<script> <script>
$(function(){ $(function(){
var year=0
var month=0
var day=0
$.ajax({ $.ajax({
url:$ip+'room/enterRoom', url:$ip+'room/enterRoom',
data:{ data:{
...@@ -142,24 +195,28 @@ $(function(){ ...@@ -142,24 +195,28 @@ $(function(){
else html+='<span class="revise-p2">女<span>></span></span>'; else html+='<span class="revise-p2">女<span>></span></span>';
html+='</div>'; html+='</div>';
html+='<div data-type="3">'; html+='<div data-type="3">';
html+='<span class="revise-p1">生日</span>';
html+='<span class="revise-p2">+'+data.roomBaseInfo.birth+'<span>&gt;</span></span>';
html+='</div>';
html+='<div data-type="4">';
html+='<span class="revise-p1">身高</span>'; html+='<span class="revise-p1">身高</span>';
if(data.roomBaseInfo.height=='')html+='<span class="revise-p2">秘密<span>></span></span>'; if(data.roomBaseInfo.height=='')html+='<span class="revise-p2">秘密<span>></span></span>';
else html+='<span class="revise-p2">' + data.roomBaseInfo.height + 'cm<span>></span></span>'; else html+='<span class="revise-p2">' + data.roomBaseInfo.height + 'cm<span>></span></span>';
html+='</div>'; html+='</div>';
html+='<div data-type="4">'; html+='<div data-type="5">';
html+='<span class="revise-p1">體重</span>'; html+='<span class="revise-p1">體重</span>';
if(data.roomBaseInfo.weight=='')html+='<span class="revise-p2">秘密<span>></span></span>'; if(data.roomBaseInfo.weight=='')html+='<span class="revise-p2">秘密<span>></span></span>';
else html+='<span class="revise-p2">'+data.roomBaseInfo.weight+'<span>></span></span>'; else html+='<span class="revise-p2">'+data.roomBaseInfo.weight+'<span>></span></span>';
html+='</div>'; html+='</div>';
html+='<div data-type="5">'; html+='<div data-type="6">';
html+='<span class="revise-p1">學歷</span>'; html+='<span class="revise-p1">學歷</span>';
html+='<span class="revise-p2">' + data.roomBaseInfo.culture + '<span>></span></span>'; html+='<span class="revise-p2">' + data.roomBaseInfo.culture + '<span>></span></span>';
html+='</div>'; html+='</div>';
html+='<div data-type="6">'; html+='<div data-type="7">';
html+='<span class="revise-p1">職業</span>'; html+='<span class="revise-p1">職業</span>';
html+='<span class="revise-p2">' + data.roomBaseInfo.work + '<span>></span></span>'; html+='<span class="revise-p2">' + data.roomBaseInfo.work + '<span>></span></span>';
html+='</div>'; html+='</div>';
html+='<div data-type="7">'; html+='<div data-type="8">';
html+='<span class="revise-p1">簽名</span>'; html+='<span class="revise-p1">簽名</span>';
html+='<span class="revise-p2">'+data.roomBaseInfo.sign.replace("Firefly Live","Footseen")+'<span>></span></span>'; html+='<span class="revise-p2">'+data.roomBaseInfo.sign.replace("Firefly Live","Footseen")+'<span>></span></span>';
html+='</div>'; html+='</div>';
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment