Browse Source

身份选择样式

luyanan 8 years ago
parent
commit
cd76e4b473
2 changed files with 7 additions and 0 deletions
  1. 1 0
      app/css/app.css
  2. 6 0
      app/html/fillinfo-select.html

+ 1 - 0
app/css/app.css

@ -979,6 +979,7 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
979 979
.selectSortBox .mui-grid-view.mui-grid-9 .mui-table-view-cell{border-color:transparent;}
980 980
.selectSortBox .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{margin-top:10px}
981 981
.selectSortBox .mui-table-view.mui-grid-view .mui-table-view-cell.selectNow{background: #E5E5E5;}
982
.selectSortBox .mui-table-view.mui-grid-view .mui-table-view-cell .iconfont{display:inline-block;position:absolute; bottom:36px;right:28px;color:#ff9900;}
982 983
.selectSort{display: inline-block;width: 74px;height: 74px;background-repeat:no-repeat;background-position: center;background-size: cover;}
983 984
.selectSort.sort-pro{background-image: url(../images/login_icon_keyan_nor@3x.png);}
984 985
.selectSort.sort-mana{background-image: url(../images/login_icon_qiyegaoguan_nor@3x.png);}

+ 6 - 0
app/html/fillinfo-select.html

@ -6,6 +6,7 @@
6 6
		<title>完善个人信息</title>
7 7
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 8
		<link href="../css/mui.min.css" rel="stylesheet" />
9
		<link href="../css/iconfont.css" rel="stylesheet" />
9 10
		<link href="../css/app.css" rel="stylesheet" />
10 11
	</head>
11 12
@ -51,6 +52,7 @@
51 52
				<li class="mui-table-view-cell mui-media mui-col-xs-4 selectNow">
52 53
				    <span class="selectSort sort-user"></span>
53 54
			        <div class="mui-media-body">普通用户</div>
55
			        <span class="iconfont icon-yuanxingxuanzhongfill"></span>
54 56
				</li>
55 57
			</ul>
56 58
			<div class="mui-content-padded frmboxNew">
@ -62,12 +64,16 @@
62 64
		<script type="text/javascript">
63 65
			mui(".selectSortBox").on("tap","li",function(){
64 66
				var liAll = document.getElementsByTagName('li');
67
				var slescted =document.createElement("span")
68
				slescted.className = "iconfont icon-yuanxingxuanzhongfill";
65 69
				for(var i = 0;i <liAll.length;i++){
66 70
					if(liAll[i].classList.contains("selectNow")){
67 71
						liAll[i].classList.remove("selectNow");
72
						liAll[i].removeChild(liAll[i].getElementsByTagName("span")[1]);
68 73
					}
69 74
				}
70 75
				this.classList.add("selectNow");
76
				this.appendChild(slescted);
71 77
			})
72 78
		</script>
73 79
	</body>