xinyilu/xinelu-applet-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

行为积分页面

Browse Source
This commit is contained in:
闫晓茹 2023-09-20 14:26:05 +08:00
parent 02405cf3f6
commit 8ab7c44ba5
3 changed files with 117 additions and 111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
pages/myinformation/myinformation.vue
View File

@ -24,7 +24,7 @@
管理家庭成员
</view>
<view class="Threecategories">
<view class="item">
<view class="item" @tap="goBehaviorpoints">
<view class="number">
0
</view>
@ -154,6 +154,11 @@
};
},
methods: {
goBehaviorpoints() {
uni.navigateTo({
url: '/pagesB/Behaviorpoints/Behaviorpoints'
})
},
gomanagefamily() {
uni.navigateTo({
url: '/pagesB/managefamily/managefamily'
@ -175,4 +180,4 @@
<style lang="scss">
@import './myinformation.scss'
</style>
</style>

106
pagesB/Behaviorpoints/Behaviorpoints.scss Normal file
View File

@ -0,0 +1,106 @@
.app {
.bottomitem{
position: relative;
.Establishingarchives{
font-size: 30rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #333333;
line-height: 38rpx;
padding: 8px 10px 5px 18px;
}
.integraltwo{
position: absolute;
top: 72%;
right: 3%;
color: red;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.integral{
position: absolute;
top: 36%;
right: 3%;
color: #26A888;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.timeone{
font-size: 20rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #333333;
line-height: 38rpx;
padding: 0 10px 10px 18px;
border-bottom: 1px solid #E6E6E6;
}
.PointsRecord {
font-size: 30rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #000000;
line-height: 33rpx;
padding: 8px 10px 10px 15px;
}
}
.content {
margin: 10rpx auto;
position: relative;
image {
width: 100%;
height: 319rpx;
}
.Exchangerecords {
width: 180rpx;
height: 54rpx;
background: #FFFFFF;
border-radius: 24rpx;
position: absolute;
top: 60%;
left: 57%;
color: #26A888;
text-align: center;
line-height: 54rpx;
}
.PointsMall {
width: 180rpx;
height: 54rpx;
background: #FFFFFF;
border-radius: 24rpx;
position: absolute;
top: 60%;
left: 19%;
color: #26A888;
text-align: center;
line-height: 54rpx;
}
.number {
font-size: 56rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #FFFFFF;
line-height: 33rpx;
position: absolute;
top: 35%;
left: 40%;
text-overflow: ellipsis;
white-space: nowrap;
}
.name {
width: 119px;
height: 29px;
font-size: 30rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #FFFFFF;
position: absolute;
top: 10%;
left: 5%;
line-height: 33rpx;
}
}
}

113
pagesB/Behaviorpoints/Behaviorpoints.vue
View File

@ -12,7 +12,7 @@
<view class="Exchangerecords">
兑换记录
</view>
</view>
<view class="bottomitem">
<view class="PointsRecord">
@ -31,10 +31,10 @@
兑换商品
</view>
<view class="integraltwo">
-2000
-2000
</view>
<view class="timeone">
2023-03-09 13:23:12
2023-03-09 13:23:12
</view>
</view>
</view>
@ -52,110 +52,5 @@
}
</script>
<style lang="scss">
.app {
.bottomitem{
position: relative;
.Establishingarchives{
font-size: 30rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #333333;
line-height: 38rpx;
padding: 8px 10px 5px 18px;
}
.integraltwo{
position: absolute;
top: 72%;
right: 3%;
color: red;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.integral{
position: absolute;
top: 36%;
right: 3%;
color: #26A888;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.timeone{
font-size: 20rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #333333;
line-height: 38rpx;
padding: 0 10px 10px 18px;
border-bottom: 1px solid #E6E6E6;
}
.PointsRecord {
font-size: 30rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #000000;
line-height: 33rpx;
padding: 8px 10px 10px 15px;
}
}
.content {
margin: 10rpx auto;
position: relative;
image {
width: 100%;
height: 319rpx;
}
.Exchangerecords {
width: 180rpx;
height: 54rpx;
background: #FFFFFF;
border-radius: 24rpx;
position: absolute;
top: 60%;
left: 57%;
color: #26A888;
text-align: center;
line-height: 54rpx;
}
.PointsMall {
width: 180rpx;
height: 54rpx;
background: #FFFFFF;
border-radius: 24rpx;
position: absolute;
top: 60%;
left: 19%;
color: #26A888;
text-align: center;
line-height: 54rpx;
}
.number {
font-size: 56rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #FFFFFF;
line-height: 33rpx;
position: absolute;
top: 35%;
left: 40%;
text-overflow: ellipsis;
white-space: nowrap;
}
.name {
width: 119px;
height: 29px;
font-size: 30rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #FFFFFF;
position: absolute;
top: 10%;
left: 5%;
line-height: 33rpx;
}
}
}
@import './Behaviorpoints.scss'
</style>