65 lines
1006 B
Vue
65 lines
1006 B
Vue
<template>
|
|
<view class="app">
|
|
<view class="topbanner">
|
|
<view class="title">
|
|
我的
|
|
</view>
|
|
<image src="../../static/pages/userbanner.png" mode="" class="userbanner"></image>
|
|
<image src="../../static/pages/headsculpture.png" mode="" class="headsculpture"></image>
|
|
<view class="name">
|
|
张三
|
|
</view>
|
|
<view class="signing">
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
};
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.app {
|
|
.topbanner {
|
|
width: 100%;
|
|
height: 450rpx;
|
|
position: relative;
|
|
|
|
.title {
|
|
position: absolute;
|
|
top: 20%;
|
|
left: 0%;
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 34rpx;
|
|
font-weight: 600;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.headsculpture {
|
|
position: absolute;
|
|
top: 40%;
|
|
left: 8%;
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
}
|
|
|
|
.userbanner {
|
|
position: absolute;
|
|
top: 0%;
|
|
left: 0%;
|
|
z-index: -1;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
</style> |