3 changed files with 24 additions and 129 deletions
@ -1,134 +1,20 @@ |
|||
<template> |
|||
<view class="container"> |
|||
image src="https://p3.douyinpic.com/aweme/100x100/aweme-avatar/tos-cn-avt-0015_20775b0106374a94013d7b6f3896d94a.jpeg?from=4010531038" mode=""></image> |
|||
<view class="box"> |
|||
<image class="img" src="/static/contact/contact.jpg" mode=""></image> |
|||
</view> |
|||
</template> |
|||
|
|||
<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 { |
|||
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; |
|||
} |
|||
</script> |
|||
|
|||
image { |
|||
width: 40rpx; |
|||
height: 40rpx; |
|||
} |
|||
} |
|||
} |
|||
<style> |
|||
.box{ |
|||
display: flex; |
|||
flex: 1; |
|||
} |
|||
.img{ |
|||
width: 100%; |
|||
height: 600px; |
|||
} |
|||
</style> |
|||
|
|||
|
After Width: | Height: | Size: 146 KiB |
Loading…
Reference in new issue