27 lines
1.4 KiB
Vue
27 lines
1.4 KiB
Vue
<template>
|
||
<div class="box-border w-auto border border-[#EEEEEE] rounded-6px border-solid bg-[#FFFFFF] px-30px py-21px mt-10px">
|
||
<div class="flex flex-col justify-center text-[14px] text-[#333333] font-normal">
|
||
<div class="mt-[6px] flex items-center">
|
||
<img src="~/assets/images/qq-v2.png" alt="" srcset="" class="h-[35px] w-[34px]" />
|
||
<div class="ml-[19px] w-50px">手机号</div>
|
||
<div class="ml-[100px] flex items-center"><div class="w-[90px]">手机号码：</div><div class="w-[180px]">xxx</div></div>
|
||
<div class="btn">绑定</div>
|
||
</div>
|
||
<div class="mt-[30px] flex items-center">
|
||
<img src="~/assets/images/qq-v2.png" alt="" srcset="" class="h-[35px] w-[34px]" />
|
||
<div class="ml-[19px] w-50px">QQ</div>
|
||
<div class="ml-[100px] flex items-center"><div class="w-[90px]">QQ昵称：</div><div class="w-[180px]">xxx</div></div>
|
||
<div class="btn">绑定</div>
|
||
</div>
|
||
<div class="mt-[30px] flex items-center">
|
||
<img src="~/assets/images/weixin-v2.png" alt="" srcset="" class="h-[35px] w-[34px]" />
|
||
<div class="ml-[19px] w-50px">微信</div>
|
||
<div class="ml-[95px] flex items-center"><div class="w-[90px]">微信昵称：</div><div class="w-[180px]">xxx</div></div>
|
||
<div class="btn">绑定</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts"></script>
|