index.vue 700 Bytes
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
<template>
<view class="mine">
<!-- 我的头像,昵称 -->
<view class="my_information">
<view class="my_avatar">
</view>
<view class="my_nickname">
</view>
</view>
</view>
</template>

<script>
</script>

<style lang="scss" scoped>
.mine{
width: 100%;
height: 100%;
background-color: #F5F5F7;
position: relative;
.my_information{
width: 500rpx;
height: 135rpx;
position: absolute;
left: 38rpx;
top: 140rpx;
display: flex;
justify-content: center;
align-items: center;
.my_avatar{
width: 126rpx;
height: 135rpx;
background-color: pink;
}
.my_nickname{
width: 289rpx;
height: 78rpx;
background-color: red;
}
}
}
</style>