82 lines
1.7 KiB
Vue
82 lines
1.7 KiB
Vue
<template>
|
|
<view>
|
|
<u-cell-group style="width: 95%; margin: 15rpx auto; background-color: #fff;" :border="false">
|
|
<u-cell
|
|
title="头像"
|
|
:isLink="true"
|
|
:border="false"
|
|
>
|
|
<text
|
|
slot="value"
|
|
>
|
|
<view style="width: 80rpx; height: 80rpx; border-radius: 50%; overflow: hidden;">
|
|
<image style="width: 100%; height: 100%;" src="/static/bg3.jpg" mode=""></image>
|
|
</view>
|
|
</text>
|
|
</u-cell>
|
|
<u-cell
|
|
title="用户名"
|
|
:border="false"
|
|
value="张星星"
|
|
>
|
|
</u-cell>
|
|
<u-cell
|
|
title="登录账号"
|
|
:border="false"
|
|
>
|
|
<text
|
|
slot="value"
|
|
>
|
|
<span style="padding-right: 20rpx; color: #606266;">13013332555</span>
|
|
<text @click="changeAccount" style="background-color: #FFE7E7; color: red; box-sizing: border-box; padding: 10rpx 30rpx; border-radius: 15rpx;">换绑</text>
|
|
</text>
|
|
</u-cell>
|
|
<u-cell
|
|
title="用户类型"
|
|
:border="false"
|
|
value="企业用户"
|
|
>
|
|
</u-cell>
|
|
<u-cell
|
|
title="关联企业"
|
|
:border="false"
|
|
>
|
|
<text
|
|
slot="value"
|
|
>
|
|
<span style="padding-right: 20rpx; color: #606266;">安徽博诺思</span>
|
|
<text @click="changeComp" style="background-color: #FFE7E7; color: red; box-sizing: border-box; padding: 10rpx 30rpx; border-radius: 15rpx;">换绑</text>
|
|
</text>
|
|
</u-cell>
|
|
<u-cell
|
|
title="联系电话"
|
|
:border="false"
|
|
value="13844665522"
|
|
>
|
|
</u-cell>
|
|
</u-cell-group>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
changeAccount () {
|
|
console.log('换绑账号');
|
|
},
|
|
changeComp () {
|
|
console.log('换绑企业');
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
|
|
</style>
|