44 lines
731 B
Vue
44 lines
731 B
Vue
<template>
|
|
<view class="headInfo">
|
|
<view class="info">
|
|
<image class="toux" src="@/static/images/theme/toux.png" mode="widthFix"></image>
|
|
<text>wchenp</text>
|
|
<uni-icons type="gear" size="21"/>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
</script>
|
|
|
|
<style>
|
|
.headInfo {
|
|
width: 100%;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
background-color: #fff;
|
|
border-bottom: 1px solid #999999;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
|
|
.info {
|
|
width: 120px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
|
|
.toux {
|
|
margin-top: 10rpx;
|
|
width: 26px;
|
|
height: 26px;
|
|
border-radius: 30px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
text {
|
|
display: in;
|
|
}
|
|
}
|
|
}
|
|
</style>
|