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>
|