|
|
@@ -1,6 +1,16 @@
|
|
|
<template>
|
|
|
- <view class="flex-common-css">
|
|
|
- <Nav title="我的" :leftShow='true' leftIconColor="#333" titleColor="#333"></Nav>
|
|
|
+ <view class="my-box flex-common-css">
|
|
|
+ <Nav title="我的" :leftShow='false' titleColor="#333" bgckgroundBox='transparent'></Nav>
|
|
|
+ <image class="bg-box" src="@/static/img/my/bg.png" mode=""></image>
|
|
|
+ <view class="user-box align-items-center">
|
|
|
+ <view class="user-img-box mr-24">
|
|
|
+ <image class="user-img" src="@/static/img/my/user-img.png" mode=""></image>
|
|
|
+ <image class="set-iimg" src="@/static/img/my/pen.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <view class="user-name text-overflow-ellipsis-one">
|
|
|
+ {{ name }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<scroll-view :scroll-y="true" class="scroll-view-css" @scrolltolower="scrolltolower">
|
|
|
</scroll-view>
|
|
|
</view>
|
|
|
@@ -10,7 +20,9 @@
|
|
|
export default {
|
|
|
components: {},
|
|
|
data() {
|
|
|
- return {};
|
|
|
+ return {
|
|
|
+ name:'仰看辉煌煌煌煌煌1111煌...仰看辉煌煌煌煌煌1111煌...仰看辉煌煌煌煌煌1111煌...'
|
|
|
+ };
|
|
|
},
|
|
|
onLoad(data) {},
|
|
|
mounted() {},
|
|
|
@@ -23,5 +35,34 @@
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-
|
|
|
+.my-box{}
|
|
|
+.bg-box{
|
|
|
+ width: 100%;
|
|
|
+ height: 476rpx;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ z-index: -1;
|
|
|
+}
|
|
|
+.user-img-box{
|
|
|
+ width: 112rpx;
|
|
|
+ height: 112rpx;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.user-box{
|
|
|
+ padding: 54rpx 32rpx 52rpx;
|
|
|
+}
|
|
|
+.user-img{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+.set-iimg{
|
|
|
+ position: absolute;
|
|
|
+ right: 4rpx;
|
|
|
+ bottom: 0;
|
|
|
+ width: 33rpx;
|
|
|
+ height: 33rpx;
|
|
|
+}
|
|
|
+.user-name{
|
|
|
+ max-width: 388rpx;
|
|
|
+}
|
|
|
</style>
|
