3 changed files with 24 additions and 129 deletions
@ -1,134 +1,20 @@ |
|||||
<template> |
<template> |
||||
<view class="container"> |
<view class="box"> |
||||
image src="https://p3.douyinpic.com/aweme/100x100/aweme-avatar/tos-cn-avt-0015_20775b0106374a94013d7b6f3896d94a.jpeg?from=4010531038" mode=""></image> |
<image class="img" src="/static/contact/contact.jpg" mode=""></image> |
||||
</view> |
</view> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
export default { |
|
||||
data() { |
|
||||
return { |
|
||||
list:[{ |
|
||||
url: '/pages-userInfo/about/about', |
|
||||
title: '关于节点', |
|
||||
img: '' |
|
||||
},{ |
|
||||
url: '/pages-userInfo/contact/contact', |
|
||||
title: '联系我们', |
|
||||
img: '' |
|
||||
},{ |
|
||||
url: '/pages-userInfo/extends/extends', |
|
||||
title: '邀请他人', |
|
||||
img: '' |
|
||||
},{ |
|
||||
url: '/pages-userInfo/inviteLog/inviteLog', |
|
||||
title: '邀请记录', |
|
||||
img: '' |
|
||||
},{ |
|
||||
url: '/pages-userInfo/notice/notice', |
|
||||
title: '通知公告', |
|
||||
img: '' |
|
||||
},{ |
|
||||
url: '/pages-userInfo/withdraw/withdraw', |
|
||||
title: '提现记录', |
|
||||
img: '' |
|
||||
}], |
|
||||
pageUrl: '', |
|
||||
userInfo: {} |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
this.userInfo = uni.getStorageSync('userInfo') |
|
||||
console.log('this.userInfo',this.userInfo) |
|
||||
}, |
|
||||
methods: { |
|
||||
change(e) { |
|
||||
let { |
|
||||
index |
|
||||
} = e.detail |
|
||||
this.pageUrl = this.list[index].url |
|
||||
console.log('this.pageUrl',this.pageUrl) |
|
||||
/** 跳转指定页面*/ |
|
||||
uni.navigateTo({ |
|
||||
url: this.pageUrl |
|
||||
}); |
|
||||
}, |
|
||||
}, |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="less"> |
|
||||
.container { |
|
||||
.top { |
|
||||
width: 100vw; |
|
||||
|
|
||||
image { |
|
||||
width: 100vw; |
|
||||
height: 400rpx; |
|
||||
} |
|
||||
|
|
||||
.uni-searchbar { |
|
||||
border: 1px solid #11A8FD; |
|
||||
margin: 0 40rpx; |
|
||||
border-radius: 16rpx; |
|
||||
padding: 0; |
|
||||
|
|
||||
.uni-searchbar__box { |
|
||||
padding: 0; |
|
||||
border-radius: 16rpx !important; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
>text { |
|
||||
font-weight: bold; |
|
||||
font-size: 14px; |
|
||||
display: block; |
|
||||
text-align: center; |
|
||||
padding-top: 40rpx; |
|
||||
padding-bottom: 20rpx; |
|
||||
} |
|
||||
|
|
||||
.user-list { |
</script> |
||||
display: flex; |
|
||||
justify-content: flex-start; |
|
||||
align-items: center; |
|
||||
overflow-x: auto; |
|
||||
|
|
||||
.user-list-box { |
|
||||
width: 140rpx; |
|
||||
padding: 20rpx; |
|
||||
text-align: center; |
|
||||
|
|
||||
image { |
|
||||
width: 100rpx; |
|
||||
height: 100rpx; |
|
||||
border-radius: 100rpx; |
|
||||
} |
|
||||
|
|
||||
text { |
|
||||
font-size: 24rpx; |
|
||||
color: #1E1E1E; |
|
||||
text-align: center; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.middle { |
|
||||
text-align: center; |
|
||||
height: calc(100vh - 248rpx); |
|
||||
padding-top: 40rpx; |
|
||||
|
|
||||
text { |
|
||||
font-weight: bold; |
|
||||
font-size: 14px; |
|
||||
display: block; |
|
||||
} |
|
||||
|
|
||||
image { |
<style> |
||||
width: 40rpx; |
.box{ |
||||
height: 40rpx; |
display: flex; |
||||
} |
flex: 1; |
||||
} |
} |
||||
} |
.img{ |
||||
|
width: 100%; |
||||
|
height: 600px; |
||||
|
} |
||||
</style> |
</style> |
||||
|
|||||
|
After Width: | Height: | Size: 146 KiB |
Loading…
Reference in new issue