WeUI框架的学习

<div class="weui-cells__title">选择</div>
		<div class="weui-cells">
			<div class="weui-cell weui-cell_select">
				<div class="weui-cell__bd">
					<select class="weui-select" name="select1">
						<option selected="" value="1">微信号</option>
						<option value="2">QQ号</option>
						<option value="3">Email</option>
					</select>
				</div>
			</div>
			<div class="weui-cell weui-cell_select weui-cell_select-after">
				<div class="weui-cell__hd">
					<label for="" class="weui-label">国家/地区</label>
				</div>
				<div class="weui-cell__bd">
					<select class="weui-select" name="select2">
						<option value="1">中国</option>
						<option value="2">美国</option>
						<option value="3">英国</option>
					</select>
				</div>
			</div>
		</div>

上面的代码是选择微信，QQ或者email登录和选择国家地区

WeUI的Msg Page代码

<div class="weui-msg">
			<div class="weui-msg__icon-area"><i class="weui-icon-success weui-icon_msg"></i></div>
			<div class="weui-msg__text-area">
				<h2 class="weui-msg__title">操作成功</h2>
				<p class="weui-msg__desc">
                                         内容详情，可根据实际需要安排，如果换行则不超过规定长度，居中展现
					<a href="javascript:void(0);">文字链接</a>
				</p>
			</div>
			<div class="weui-msg__opr-area">
				<p class="weui-btn-area">
				<a href="javascript:history.back();" class="weui-btn weui-btn_primary">
                                    推荐操作
                                </a>
				<a href="javascript:history.back();" class="weui-btn weui-btn_default">
                                    辅助操作
                                </a>
				</p>
			</div>
			<div class="weui-msg__extra-area">
				<div class="weui-footer">
					<p class="weui-footer__links">
						<a href="javascript:void(0);" class="weui-footer__link"
                                                      底部链接文本
                                                 </a>
					</p>
				</div>
			</div>
		</div>