shang/yfs
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

赏品记录

Browse Source
This commit is contained in:
18631081161 2025-04-04 14:09:10 +08:00
parent 674cbf2157
commit 65b56c725c
3 changed files with 158 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
pages.json
View File

@ -459,6 +459,13 @@
"style": {
"navigationStyle": "custom"
}
},
{
"path" : "pages/infinite/reward_records",
"style" :
{
"navigationStyle": "custom"
}
}
],
"subPackages": [{

6
pages/infinite/bonus_house.vue
View File

@ -119,10 +119,10 @@
<view class="row center" style="margin-top: 20rpx;">
<view class="center" style="width: 220rpx; height: 72rpx; background-color: #333333; border-radius: 16rpx;">
<text style="font-size: 24rpx; color: #D8FD24;">我的卡券</text>
<text style="font-size: 24rpx; color: #D8FD24; font-weight: 500;">我的卡券</text>
</view>
<view class="center" style="width: 220rpx; height: 72rpx; background-color: #D8FD24; border-radius: 16rpx; margin-left: 38rpx;">
<text style="font-size: 24rpx; color: #333333;">赏品记录</text>
<view class="center" @click="$c.to({url: '/pages/infinite/reward_records'})" style="width: 220rpx; height: 72rpx; background-color: #D8FD24; border-radius: 16rpx; margin-left: 38rpx;">
<text style="font-size: 24rpx; color: #333333; font-weight: 600;">赏品记录</text>
</view>
</view>

148
pages/infinite/reward_records.vue Normal file
View File

@ -0,0 +1,148 @@
<template>
<view class="content">
<view class="navLeft align-center" :style="{top:$sys().statusBarHeight+'px'}" @tap="$c.back(1)">
<uni-icons type="left" color="#000000"></uni-icons>
</view>
<view class="title1">赏品记录</view>
<view class="" style="height: 200rpx;"></view>
<view class="tab">
<view class="tab-item center relative" v-for="(item, i) in tabList" :key="i"
:class="tabCur == i?'act':'unact'" @click="tabChange(i)">
<text>{{item}}</text>
</view>
</view>
<scroll-view scroll-y="true" style="width: 100%; margin-top: 24rpx;">
<view v-for="(item,index) in dataList" class=""
style="width: 680rpx; height: 88rpx; background-color: #F8F8F8; margin: 0 auto 24rpx;">
<view class="flex row align-center" style="width: 100%; height: 100%; justify-content: space-between;">
<view class="flex column" style="margin-left: 24rpx;">
<text style="font-size: 16rpx; color: #999999;">{{item.Title}}</text>
<text style="font-size: 16rpx; color: #999999; margin-top: 8rpx;">{{item.Time}}</text>
</view>
<text style="font-size: 20rpx; color: #999999; margin-right: 24rpx;">{{item.Content}}</text>
</view>
</view>
</scroll-view>
</view>
</template>
<script>
export default {
data() {
return {
tabCur: 0,
tabList: [
"赏品记录", "参与记录",
],
dataList: [{
Title: "参与时间",
Time: "2025-03-10 14:00",
Content: "晶体*1500"
}, {
Title: "参与时间",
Time: "2025-03-10 14:00",
Content: "晶体*1500"
}, {
Title: "参与时间",
Time: "2025-03-10 14:00",
Content: "晶体*1500"
}, {
Title: "参与时间",
Time: "2025-03-10 14:00",
Content: "晶体*1500"
}, ]
}
},
methods: {
tabChange(i) {
this.tabCur = i
switch (i) {
case 0:
this.subTabChange(this.subTabCur)
break
default:
this.listData = []
this.mescroll.resetUpScroll()
this.mescroll.scrollTo(0, 0)
break
}
},
}
}
</script>
<style lang="scss">
.content {
width: 100vw;
min-height: 100vh;
box-sizing: border-box;
background: #FFFFFF;
}
.navLeft {
position: fixed;
left: 30rpx;
height: 44px;
z-index: 100;
>view {
font-weight: 400;
font-size: 50rpx;
color: #FFFFFF;
}
}
.title1 {
width: 100%;
top: 108rpx;
position: absolute;
display: flex;
align-items: center;
font-size: 34rpx;
justify-content: center;
color: black;
z-index: 50;
}
.tab {
display: flex;
padding: 10rpx 32rpx;
.tab-item {
width: 114rpx;
height: 50rpx;
position: relative;
margin-right: 25rpx;
border-radius: 8rpx;
font-size: 20rpx;
&.act {
font-weight: 500;
color: #333333;
background-color: #D8FD24;
}
&.unact {
font-weight: 500;
}
}
}
</style>