通讯录页面html,微信通讯录页面.html

content="width=device-width,minimum-scale=1.0,

maximum-scale=1.0,user-scalable=no">

*{

padding:0px;

margin:0px;

}

body{background:#efefef;}

.h1{

margin-right:5px;

margin-top:15px;

margin-bottom:15px;

width:100%;

display:flex;

}

.toptxt{

width:56%;

text-align: right;

font-weight:bold;

margin-bottom:5px;

padding-top:5px;

}

.topimg{

width:44%;

text-align:right;

}

.h2{

display:flex;

align-items: center;

background:white;

padding:5px;

border-radius:5px;

margin:0px 5px;

}

.ss{

width:48%;

text-align:right;

}

.sstxt{

font-size:10px;

}

.list_item{

display:flex;

justify-content: space-between;

align-items: center;

background:white;

padding:10px;

position:relative;

}

.pictxt{

display: flex;

align-items: center;

}

.pictxt img{

margin-left:20px;

}

.list .txt{

margin-left:20px;

}

.line{

width:95%;

height:1px;

background:#efefef;

position:absolute;

right:0px;

bottom:0px;

}

.list{

margin-top:10px;

margin-bottom:10px;

}

.zm{

align-items:center;

font-size:15px;

}

.wz{

text-align:center;

}

.tabbar{

position:fixed;

width:100%;

left:0px;

bottom:0px;

display:flex;background:white;padding-top:5px;}

.tab{padding-bottom:5px;width:25%;font-size:12px;text-align:center;position:relative;}

.tabbar .txt{margin-top:2px;}

.notice1{position:absolute;left:55%;top:-4px;width:20px;height:20px;line-height:20px;text-align:center;color:white;font-size:12px;background:red;border-radius:50%;font-family:黑体;font-weight:bold;}

.notice3{position:absolute;left:59%;top:-3px;width:10px;height:10px;line-height:10px;text-align:center;background:red;border-radius:50%;}

通讯录

搜索

新的朋友

群聊

标签

公众号

A

阿明

B

白明

博明

贝贝

4位朋友及联系人

微信

5

通讯录

发现

我