nvue页面代码
<template>
<view class="index-nav-view">
<view class="status-view" :style="{height: statusHeight+'px'}"></view>
<view class="nav">
<image class="user-avatar" src="../../../static/image/assets/default_head.png" mode="aspectFit" @click="toSetting" @error="imageLoaderror"></image>
<text class="btn-posi" @click="toRecord">交易记录</text>
</view>
</view>
</template>
<script>
export default {
data () {
return {
statusHeight: 20
}
},
onLoad() {
this.statusHeight = uni.getSystemInfoSync().statusBarHeight
},
mounted() {
}
}
</script>
<style>
.index-nav-view {
background-color: #fff;
}
.nav {
height: 80rpx;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.user-avatar {
width: 60rpx;
height: 60rpx;
margin-left: 30rpx;
border-radius: 100rpx;
}
</style>
