(function() {
	Vue.component('change-phone', {
		template: `<div id="phone" class="pl30 hidden">
						<div class="pb10 c-border-b c-f20">
							更改安全手机
						</div>
						<form id="phoneForm" class="" onsubmit="return false">
							<div class="w3-row mt25 form-group">
								<div class="w3-col c-f16 m5 c-t-right c-909090" style="width:80px;">手机号码</div>
								<div class="w3-rest pl15">
									<input type="text" class="form-control" style="width:310px;" name="phone" autocomplete="off">
								</div>
							</div>
							<div class="c-t-center mt50">
								<button type="submit" class="btn btn-theme c-f16" style="width:144px;height: 50px;" @click="changePhone()">确 定</button>
								<button type="button" class="btn btn-default c-f16 ml20" style="width:144px;height: 50px;" @click="gotosetting()">取 消</button>
							</div>
						</form>
					</div>`,
		props: [],
		data: function() {
			return {
				
			}
		},
		mounted: function() {

		},
		methods: {
			gotosetting: function() {
				$("#phone").addClass("hidden")
				$("#security").removeClass("hidden")
			},
			changePhone:function(){
				
			}
		},
	})

})()