65 lines
1.0 KiB
Vue
65 lines
1.0 KiB
Vue
|
<template>
|
|||
|
|
<div class="box_info mh_liti">
|
|||
|
|
<div class="box_inline box_inline_l">
|
|||
|
|
<image :src="url" class="mh_liti profile"></image>
|
|||
|
|
</div>
|
|||
|
|
<div class="box_inline box_inline_r" >
|
|||
|
|
<p>Q Q ：{{qq}}</p>
|
|||
|
|
<p>手机：{{tel}}</p>
|
|||
|
|
<p>归 属 地：{{address}}</p>
|
|||
|
|
<p>微 博 ID：{{wb}}</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
props:{
|
|||
|
|
qq:String,
|
|||
|
|
vQQProfile:String,
|
|||
|
|
tel:String,
|
|||
|
|
address:String,
|
|||
|
|
wb:String,
|
|||
|
|
url:String
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
// console.log(this.url)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style>
|
|||
|
|
.profile {
|
|||
|
|
/* height: 250rpx; */
|
|||
|
|
/* width: 250rpx; */
|
|||
|
|
width: 100px;
|
|||
|
|
height: 100px;
|
|||
|
|
/* margin-top: 50rpx;
|
|||
|
|
margin-left: auto;
|
|||
|
|
margin-right: auto;
|
|||
|
|
margin-bottom: 25rpx; */
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.box_info{
|
|||
|
|
margin: 1em;
|
|||
|
|
max-width: 350px;
|
|||
|
|
display: flex;
|
|||
|
|
text-align: left;
|
|||
|
|
padding: 10px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
.box_inline{
|
|||
|
|
margin-top: 10rpx;
|
|||
|
|
margin-bottom: 10rpx;
|
|||
|
|
}
|
|||
|
|
.box_inline_l{
|
|||
|
|
width: 100px;
|
|||
|
|
}
|
|||
|
|
.box_inline_r{
|
|||
|
|
margin-left: 1em;
|
|||
|
|
}
|
|||
|
|
</style>
|