123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- <!DOCTYPE html>
- <html class="">
- <!--STATUS OK-->
- <head>
- <meta name="referrer" content="always" />
- <meta charset='utf-8' />
- <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
- <meta http-equiv="x-dns-prefetch-control" content="on">
- <meta name="description" content="">
- <meta name="format-detection" content="telephone=no" />
- <link rel="stylesheet" type="text/css" href="css/vant-ui.css" />
- <link rel="stylesheet" type="text/css" href="css/iconfont.css">
- <link rel="stylesheet" type="text/css" href="css/main.css" />
- <script src="js/vue.js"></script>
- <script src="js/vant-ui.js"></script>
- <script src="js/main.js"></script>
- <title></title>
- </head>
- <style>
- .ress-body {
- display: flex;
- justify-content: center;
- }
- .ress-card {
- width: 7rem;
- background: rgba(255, 255, 255, 1);
- box-shadow: 0px 14px 8px 2px rgba(73, 87, 238, 0.08);
- opacity: 0.95;
- border-radius: .2rem;
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- color: #0096DF;
- }
- .ress-info {
- display: flex;
- flex-direction: column;
- padding: .2rem 0 .2rem .2rem;
- }
- .ress-info-top {
- display: flex;
- align-items: center;
- }
- .ress-info-name {
- font-size: .4rem;
- width: 1.2rem;
- }
- .ress-info-tel {
- font-size: .3rem;
- padding-top: .1rem
- }
- .ress-adress {
- font-size: .3rem;
- width: 5rem;
- }
- .ress-edit {
- font-size: .3rem;
- padding: .1rem .4rem;
- border-left: 1px solid rgba(0, 147, 220, 1);
- }
- </style>
- <style scoped>
- .login {
- padding-top: .3rem !important
- }
- </style>
- <body>
- <div id="app">
- <div class="login">
- <div class="ress-body">
- <div class="ress-card">
- <div class="ress-info">
- <div class="ress-info-top">
- <div class="ress-info-name">
- 张三
- </div>
- <div class="ress-info-tel">
- 13434136446
- </div>
- </div>
- <div class="ress-adress">
- 山东省 青岛市 市北区 某某路街道 某某小区几号楼几单元
- </div>
- </div>
- <div class="ress-edit" v-on:click="openWin('addressList')">
- 编辑
- </div>
- </div>
- </div>
- </div>
- </div>
- </body>
- <script type="text/javascript" src="../script/api.js"></script>
- <script type="text/javascript" src="../script/httpRequest.js"></script>
- <script type="text/javascript" src="../script/vue_plugins.js"></script>
- <script>
- new Vue({
- el: '#app',
- data: {
- current: 1,
- size: 10
- },
- mounted: function() {
- this.userId = $api.getStorage('loginid');
- this.getAddlist();
- },
- methods: {
- openWin: function(src) {
- this.goWin(src, src + '_win.html', '');
- },
- getAddlist: function() {
- var _this = this,
- data = {
- userLonginId: this.userId,
- current: current,
- size: size
- }
- this.$post("getAddress", data, function(ret) {
- if (ret.code == 0) {
- }
- });
- },
- },
- })
- </script>
- </html>
|