Browse Source

feature:1.0:完成通告展示页面,联系我们页面

feature-1.0
Penny 3 years ago
parent
commit
e93dbd42f0
  1. 138
      pages-userInfo/contact/contact.vue
  2. 15
      pages-userInfo/notice/noticeDetail.vue
  3. BIN
      static/contact/contact.jpg

138
pages-userInfo/contact/contact.vue

@ -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>

15
pages-userInfo/notice/noticeDetail.vue

@ -1,10 +1,17 @@
<template>
<view>
<view>id:{{noticeDetail.id}}</view>
<!-- <view>id:{{noticeDetail.id}}</view>
<view>标题:{{noticeDetail.title}}</view>
<view>内容:{{noticeDetail.content}}</view>
<view>图片:{{noticeDetail.img}}</view>
<view>创建时间:{{noticeDetail.createTime}}</view>
<view>创建时间:{{noticeDetail.createTime}}</view> -->
<uni-card v-bind:title="noticeDetail.title">
<text class="uni-body">{{noticeDetail.content}}</text></br>
<view class="bottom">
<text>成都次元节点网络科技有限公司</text></br>
<text class="uni-body">{{noticeDetail.createTime}}</text>
</view>
</uni-card>
</view>
</template>
@ -49,5 +56,7 @@
</script>
<style>
.bottom{
margin-top:20px;
}
</style>

BIN
static/contact/contact.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 146 KiB

Loading…
Cancel
Save