61 lines
1.8 KiB
Vue
61 lines
1.8 KiB
Vue
<template>
|
|
<view>
|
|
<view class="page">
|
|
<view class="w100 h-180 relative">
|
|
<uni-nav-bar left-icon="back" title="我的积分" :border="false" backgroundColor="transparent" class="fw-b" color="#fff" @clickLeft="$tools.goBack()"></uni-nav-bar>
|
|
</view>
|
|
<view class="w100 rows rowsm rowsa mt-20">
|
|
<view class="rows rowsl rowsm">
|
|
<text class="fs-44 fw-b colfff">0</text>
|
|
<text class="fs-26 colfff mt-20">消费积分</text>
|
|
</view>
|
|
<view class="rows rowsl rowsm">
|
|
<text class="fs-44 fw-b colfff">0</text>
|
|
<text class="fs-26 colfff mt-20">分红积分</text>
|
|
</view>
|
|
<view class="rows rowsl rowsm">
|
|
<text class="fs-44 fw-b colfff">0</text>
|
|
<text class="fs-26 colfff mt-20">未释放分红</text>
|
|
</view>
|
|
</view>
|
|
<view class="w100 rows rowsc mt-30">
|
|
<view class="w-702 p-all-20 bgff br-20">
|
|
<view class="fs-30 fw-b w100 mb-20">积分明细</view>
|
|
<scroll-view scroll-y="true" style="height: calc(100vh - 450rpx);">
|
|
<view class="w100 h-154 rows rowsm rowsb" style="border-bottom: 1rpx solid #ccc;" v-for="(item,index) in 13" :key="index">
|
|
<view class="rows rowsl">
|
|
<text class="fw-b fs-28">明细文本</text>
|
|
<text class="fs-24 col666 mt-16">2026/02/04 12:00</text>
|
|
</view>
|
|
<text class="fs-36 fw-b col">+29</text>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.page{
|
|
width: 750rpx;
|
|
height: 416rpx;
|
|
background: linear-gradient( 180deg, #E73232 0%, rgba(231,50,50,0.94) 30.45%, rgba(231,50,50,0.91) 53.88%, rgba(231,50,50,0.8) 69.29%, rgba(231,50,50,0.54) 81.67%, rgba(231,50,50,0.26) 90.37%, rgba(231,50,50,0) 100%);
|
|
}
|
|
page{
|
|
background-color: #F7F6FA;
|
|
}
|
|
</style> |