webfront / mianzhongjie · 提交

转到一个项目

作者 王毅
提交 118567644b6c2ee15ca4a1fb4c22e2d719ac1d48 1 个父辈 a3cc167f

个人中心模块

内嵌 并排对比
正在显示 16 个修改的文件 包含 997 行增加 和 3 行删除
... ... @@ -22,6 +22,11 @@ body {
overflow-x: hidden;
}
input,
textarea {
outline: 0
}
a {
text-decoration: none
}
... ... @@ -1179,4 +1184,546 @@ a {
.mineabout_contant {
margin-top: .5rem
}
/* 添加银行卡 */
.minebank_title {
font-size: .24rem;
font-weight: 400;
color: rgba(91, 94, 99, 1);
margin: .26rem 0;
padding-left: .38rem;
box-sizing: border-box
}
.minebank_box {
background: #FDFDFD;
padding: 0 .32rem;
box-sizing: border-box
}
.minebank_one {
padding: .36rem 0;
box-sizing: border-box;
border-bottom: .01rem solid rgba(238, 238, 238, 1);
}
.minebank_left {
width: .84rem;
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
margin-right: .64rem
}
.minebank_right {
font-size: 0
}
.minebank_right input {
font-size: .28rem;
font-weight: 300;
color: rgba(189, 196, 206, 1);
border: none;
outline: 0
}
.minebank_button {
margin-top: .44rem;
padding: 0 .32rem;
box-sizing: border-box
}
.minebank_btn {
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
border-radius: .16rem;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
text-align: center;
padding: .22rem 0;
box-sizing: border-box
}
/* 收支明细 */
.mineincome {
padding: 0 .32rem;
box-sizing: border-box
}
.mineincome_title {
font-size: .32rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
padding-left: .24rem;
margin: .24rem 0 .18rem
}
.mineincome_one {
background: rgba(255, 255, 255, 1);
border-radius: .2rem;
padding: .32rem;
box-sizing: border-box;
margin-bottom: .24rem
}
.mineincome_top_title {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.mineincome_top_word {
font-size: .28rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.mineincome_bottom {
margin-top: .3rem
}
.mineincome_bottom_title {
font-size: .24rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
}
.mineincome_bottom_word {
font-size: .26rem;
font-weight: 400;
color: rgba(93, 141, 238, 1);
}
/* 添加订阅 */
.addsubscribe_box {
background: #FDFDFD;
padding: 0 .32rem;
box-sizing: border-box
}
.addsubscribe_one {
padding: .34rem 0 .36rem;
box-sizing: border-box;
border-bottom: .01rem solid rgba(238, 238, 238, 1);
}
.addsubscribe_left_title {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
width: 1.4rem;
margin-right: .2rem
}
.addsubscribe_left_word {
font-size: 0
}
.addsubscribe_left_word input {
font-size: .24rem;
font-weight: 500;
color: rgba(140, 145, 152, 1);
border: none
}
.addsubscribe_right {
width: .3rem;
height: .3rem;
font-size: 0
}
.addsubscribe_right img {
width: 100%;
height: 100%
}
.addsubscribe_button {
padding: 0 .32rem;
box-sizing: border-box;
position: fixed;
bottom: .4rem;
width: 100%
}
.addsubscribe_btn {
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
border-radius: .16rem;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
padding: .22rem 0;
box-sizing: border-box;
text-align: center
}
/* 查看次数 */
.minelook {
padding: 0 .32rem;
box-sizing: border-box
}
.minelook_box {
background: rgba(255, 255, 255, 1);
border-radius: .16rem;
padding: .48rem .84rem .38rem;
box-sizing: border-box;
margin: .26rem 0 .4rem
}
.minelook_title {
font-size: .28rem;
font-weight: 500;
color: rgba(6, 18, 30, 1);
}
.minelook_num {
margin-top: .22rem;
font-size: .48rem;
font-weight: bold;
color: rgba(255, 90, 78, 1);
}
.minelook_btn {
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
border-radius: .16rem;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
text-align: center;
padding: .22rem 0;
box-sizing: border-box
}
/* 绑定手机 */
.minephone {
padding: 0 .32rem;
box-sizing: border-box
}
.mine_phone_box {
padding: 0 .42rem;
box-sizing: border-box
}
.mine_phone_one {
font-size: 0;
padding: .52rem 0 .2rem;
box-sizing: border-box;
border-bottom: .01rem solid rgba(235, 235, 235, 1);
}
.mine_phone_one input {
border: none;
font-size: .28rem;
font-weight: 300;
color: rgba(91, 94, 99, 1);
}
.mine_phone_left {
font-size: 0
}
.mine_phone_right {
font-size: .28rem;
font-weight: bold;
color: rgba(91, 94, 99, 1);
}
.mine_phone_show {
font-size: .28rem;
font-weight: 300;
color: rgba(91, 94, 99, 1);
text-align: right;
margin-top: .2rem
}
.mine_phone_btn {
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
border-radius: .16rem;
text-align: center;
padding: .22rem 0;
box-sizing: border-box;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
margin-top: .66rem
}
/* 发布详情 */
.detail {
padding: 0 .32rem .98rem;
box-sizing: border-box
}
.detail_top_title {
font-size: .28rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
margin: .26rem 0 .34rem
}
.detail_top_one {
width: 1.8rem;
height: 1.8rem;
font-size: 0;
margin-right: .2rem;
margin-bottom: .18rem;
position: relative
}
.detail_top_one img {
width: 100%;
height: 100%
}
.detail_top_close {
width: .4rem;
height: .4rem;
font-size: 0;
position: absolute;
top: -.1rem;
right: -.08rem
}
.detail_top_close img {
width: 100%;
height: 100%
}
.detail_top_word {
font-size: .24rem;
font-weight: 400;
color: rgba(93, 141, 238, 1);
}
.detail_center {
margin-top: .4rem
}
.detail_center_one {
padding: .28rem 0;
box-sizing: border-box;
border-top: .01rem solid rgba(238, 238, 238, 1);
}
.detail_center_title {
width: 1.32rem;
font-size: .24rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.detail_center_title span {
color: #FF5A4E
}
.detail_center_one_word {
font-size: 0
}
.detail_center_one_word input {
font-size: .24rem;
font-weight: 500;
color: rgba(140, 145, 152, 1);
border: none
}
.detail_center_word {
font-size: .24rem;
font-weight: 500;
color: rgba(140, 145, 152, 1);
}
.detai_center_right_title {
font-size: .24rem;
font-weight: 600;
color: rgba(255, 90, 78, 1);
}
.detai_center_right_icon {
width: .2rem;
height: .2rem;
font-size: 0;
margin-left: .22rem
}
.detai_center_right_icon img {
width: 100%;
height: 100%;
}
.detail_center_right {
width: .3rem;
height: .3rem;
font-size: 0
}
.detail_center_right img {
width: 100%;
height: 100%
}
.detail_center_text {
font-size: 0;
height: 1.78rem;
width: 5.5rem;
}
.detail_center_text textarea {
font-size: .24rem;
width: 5.5rem;
height: 100%;
font-weight: 500;
color: rgba(140, 145, 152, 1);
width: 100%;
border: none;
}
.detail_bottom_title {
font-size: .24rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.detail_bottom_label {
margin-top: .16rem
}
.detail_bottom {
padding: .28rem 0 .62rem;
box-sizing: border-box;
border-top: .01rem solid rgba(238, 238, 238, 1);
}
.detail_bottom_labels {
margin-right: .24rem;
background: #F9FBFE;
font-size: .24rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
padding: .02rem .08rem;
box-sizing: border-box;
margin-bottom: .2rem
}
.detail_bottom_labels_active {
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
color: #fff
}
.detail_fix {
position: fixed;
bottom: 0;
width: 100%
}
.detail_fix_box {
width: 100%;
height: .98rem;
background: rgba(255, 255, 255, 1);
box-shadow: 0 .04rem .12rem rgba(0, 0, 0, 0.16);
}
.detail_fix_left {
width: 1.3rem;
height: 100%;
padding: .12rem 0 .1rem;
box-sizing: border-box
}
.detail_fix_img {
width: .4rem;
height: .4rem;
font-size: 0;
position: relative
}
.detail_fix_img img {
width: 100%;
height: 100%
}
.detail_fix_title {
margin-top: .04rem;
font-size: .22rem;
font-weight: 400;
color: rgba(189, 196, 206, 1);
}
.detail_fix_titles {
margin-top: .04rem;
font-size: .22rem;
font-weight: 400;
color: #06121E;
}
.detail_fix_right {
width: 6.2rem;
height: 100%;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
text-align: center;
line-height: .98rem
}
.detail_fix_two_box {
width: 2.42rem;
height: 100%;
padding: .12rem 0 .1rem;
box-sizing: border-box
}
.detail_fix_two_left {
width: 50%
}
.detail_fix_two_right {
width: 5.08rem;
height: 100%;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
text-align: center;
line-height: .98rem
}
.detail_fix_position {
width: .74rem;
height: .56rem;
font-size: 0;
position: absolute;
top: -.5rem;
right: -.5rem;
}
.detail_fix_position img {
width: 100%;
height: 100%
}
.detail_fix_four {
width: 100%;
height: 100%;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
text-align: center;
line-height: .98rem
}
\ No newline at end of file
... ...

758 字节
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>添加银行卡</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<div class="minebank">
<div class="minebank_title">请绑定持卡本人的银行卡</div>
<div class="minebank_box">
<div class="minebank_one layer_star">
<div class="minebank_left">持卡人</div>
<div class="minebank_right"><input type="text" placeholder="请输入姓名"></div>
</div>
<div class="minebank_one layer_star">
<div class="minebank_left">卡号</div>
<div class="minebank_right"><input type="text" placeholder="请输入银行卡号"></div>
</div>
<div class="minebank_one layer_star">
<div class="minebank_left">开户行</div>
<div class="minebank_right"><input type="text" placeholder="请输入开户行"></div>
</div>
<div class="minebank_one layer_star">
<div class="minebank_left">手机号</div>
<div class="minebank_right"><input type="text" placeholder="请输入手机号"></div>
</div>
</div>
<div class="minebank_button">
<div class="minebank_btn">确认添加</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>添加订阅</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<div class="addsubscribe">
<div class="addsubscribe_box">
<div class="addsubscribe_one layer_between">
<div class="addsubscribe_left layer_star">
<div class="addsubscribe_left_title">房源类型：</div>
<div class="addsubscribe_left_word">
<input type="text" placeholder="请选择房源类型">
</div>
</div>
<div class="addsubscribe_right">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="addsubscribe_one layer_between">
<div class="addsubscribe_left layer_star">
<div class="addsubscribe_left_title">区域：</div>
<div class="addsubscribe_left_word">
<input type="text" placeholder="请选择区域">
</div>
</div>
<div class="addsubscribe_right">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="addsubscribe_one layer_between">
<div class="addsubscribe_left layer_star">
<div class="addsubscribe_left_title">面积：</div>
<div class="addsubscribe_left_word">
<input type="text" placeholder="请选择面积">
</div>
</div>
<div class="addsubscribe_right">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="addsubscribe_one layer_between">
<div class="addsubscribe_left layer_star">
<div class="addsubscribe_left_title">价格：</div>
<div class="addsubscribe_left_word">
<input type="text" placeholder="请选择价格">
</div>
</div>
<div class="addsubscribe_right">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="addsubscribe_button">
<div class="addsubscribe_btn">确认发布</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>发布详情</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
<style>
body {
background: #fff
}
</style>
</head>
<body>
<div class="detail">
<div class="detail_top">
<div class="detail_top_title">上传图片</div>
<div class="detail_top_box layer_star flex-warp">
<div class="detail_top_one">
<img src="./img/detail (1).png" alt="">
<div class="detail_top_close">
<img src="./img/close.png" alt="">
</div>
</div>
<div class="detail_top_one">
<img src="./img/detail (2).png" alt="">
</div>
</div>
<div class="detail_top_word">可批量上传多张房源图片（第一张为封面）</div>
</div>
<div class="detail_center">
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">售价<span>*</span>：</div>
<div class="detail_center_one_word"><input type="text" placeholder="请填写金额，留空为面议"></div>
</div>
<div class="detail_center_one_right layer_star">
<div class="detai_center_right_title">万元</div>
<div class="detai_center_right_icon">
<img src="./img/guanbi.png" alt="">
</div>
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">户型：</div>
<div class="detail_center_word">请选择户型</div>
</div>
<div class="detail_center_right layer_star">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">建筑面积<span>*</span>：</div>
<div class="detail_center_word">请填写建筑面积</div>
</div>
<div class="detail_center_right layer_star">
<!-- <img src="./img/yourow.png" alt=""> -->
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">楼层/类型：</div>
<div class="detail_center_word">请选择楼层/类型</div>
</div>
<div class="detail_center_right layer_star">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">装修：</div>
<div class="detail_center_word">请选择装修情况</div>
</div>
<div class="detail_center_right layer_star">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">区域<span>*</span>：</div>
<div class="detail_center_word">请选择区域</div>
</div>
<div class="detail_center_right layer_star">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">小区：</div>
<div class="detail_center_word">请选择小区/商圈</div>
</div>
<div class="detail_center_right layer_star">
<img src="./img/yourow.png" alt="">
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">详细地址：</div>
<div class="detail_center_word">请输入详细地址</div>
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">联系人<span>*</span>：</div>
<div class="detail_center_word">请输入联系人</div>
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">手机<span>*</span>：</div>
<div class="detail_center_word">请输入联系人手机</div>
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_star">
<div class="detail_center_title">发布标题：</div>
<div class="detail_center_word">请输入标题</div>
</div>
</div>
<div class="detail_center_one layer_between">
<div class="detail_center_left layer_nostar">
<div class="detail_center_title">房源描述：</div>
<div class="detail_center_text">
<textarea name="" placeholder="请输入描述"></textarea>
</div>
</div>
</div>
</div>
<div class="detail_bottom">
<div class="detail_bottom_title">特色标签：最多可选择三个特色标签</div>
<div class="detail_bottom_label layer_star flex-warp">
<div class="detail_bottom_labels ">繁华地段</div>
<div class="detail_bottom_labels">学区房</div>
<div class="detail_bottom_labels">临近地铁</div>
<div class="detail_bottom_labels">临近医院</div>
<div class="detail_bottom_labels">临近医院</div>
</div>
</div>
</div>
<div class="detail_fix">
<div class="detail_fix_box">
<!-- 第一种 -->
<div class="detail_fix_one layer_between" style="display:none">
<div class="detail_fix_left flex_center">
<div class="detail_fix_img">
<img src="./img/shenhe.png" alt="">
</div>
<div class="detail_fix_title">审核中</div>
</div>
<div class="detail_fix_right">确认修改</div>
</div>
<!-- 第二种 -->
<div class="detail_fix_two layer_between" style="display:none">
<div class="detail_fix_two_box layer_center">
<div class="detail_fix_two_left flex_center">
<div class="detail_fix_img">
<img src="./img/shenhe.png" alt="">
</div>
<div class="detail_fix_title">审核中</div>
</div>
<div class="detail_fix_two_left flex_center">
<div class="detail_fix_img">
<img src="./img/zhiding.png" alt="">
</div>
<div class="detail_fix_titles">已置顶</div>
</div>
</div>
<div class="detail_fix_two_right">确认修改</div>
</div>
<!-- 第三种 -->
<div class="detail_fix_three layer_between" style="display:none">
<div class="detail_fix_two_box layer_center">
<div class="detail_fix_two_left flex_center">
<div class="detail_fix_img">
<img src="./img/xiajia.png" alt="">
</div>
<div class="detail_fix_title">审核中</div>
</div>
<div class="detail_fix_two_left flex_center">
<div class="detail_fix_img">
<img src="./img/zhiding (2).png" alt="">
<div class="detail_fix_position">
<img src="./img/sun_73.png" alt="">
</div>
</div>
<div class="detail_fix_title">置顶推广</div>
</div>
</div>
<div class="detail_fix_two_right">确认修改</div>
</div>
<!-- 第四种 -->
<div class="detail_fix_four">
重新上架
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
// 选择标签
$(".detail_bottom_labels").click(function() {
$(this).addClass("detail_bottom_labels_active")
})
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>收支明细</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<div class="mineincome">
<div class="mineincome_title">记录详情</div>
<div class="mineincome_box">
<div class="mineincome_one">
<div class="mineincome_top layer_between">
<div class="mineincome_top_title">提现</div>
<div class="mineincome_top_word"><span>-</span><span>60</span>元</div>
</div>
<div class="mineincome_bottom layer_between">
<div class="mineincome_bottom_title">9月5日 10：00</div>
<div class="mineincome_bottom_word">提现成功</div>
</div>
</div>
<div class="mineincome_one">
<div class="mineincome_top layer_between">
<div class="mineincome_top_title">邀请奖励</div>
<div class="mineincome_top_word"><span>+</span><span>160</span>元</div>
</div>
<div class="mineincome_bottom layer_between">
<div class="mineincome_bottom_title">9月5日 10：00</div>
<div class="mineincome_bottom_word">提现成功</div>
</div>
</div>
<div class="mineincome_one">
<div class="mineincome_top layer_between">
<div class="mineincome_top_title">邀请奖励</div>
<div class="mineincome_top_word"><span>+</span><span>160</span>元</div>
</div>
<div class="mineincome_bottom layer_between">
<div class="mineincome_bottom_title">9月5日 10：00</div>
<div class="mineincome_bottom_word">提现成功</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
</script>
</html>
\ No newline at end of file
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title> 查看次数</title>
<link rel="stylesheet" href="css/mine.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<div class="minelook">
<div class="minelook_box layer_between">
<div class="minelook_one flex_center">
<div class="minelook_title">今日剩余次数</div>
<div class="minelook_num">2次</div>
</div>
<div class="minelook_one flex_center">
<div class="minelook_title">本月已查房源</div>
<div class="minelook_num">84次</div>
</div>
</div>
<div class="minelook_btn">获取更多查看次数</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
</script>
</html>
\ No newline at end of file
... ...
... ... @@ -10,13 +10,28 @@
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/base.js"></script>
<style>
body {
background: #fff
}
</style>
</head>
<body>
<div class="mine_phone_box">
<div class="mine_phone_top">
<input type="text" placeholder="请输入手机号">
<div class="minephone">
<div class="mine_phone_box">
<div class="mine_phone_one">
<input type="text" placeholder="请输入手机号">
</div>
<div class="mine_phone_one layer_between">
<div class="mine_phone_left">
<input type="text" placeholder="请输入短信验证码">
</div>
<div class="mine_phone_right">发送验证码</div>
</div>
<div class="mine_phone_show">重新发送验证码</div>
</div>
<div class="mine_phone_btn">确认</div>
</div>
</body>
... ...