This commit is contained in:
xvv 2024-09-21 17:37:21 +08:00
parent 774f328ea6
commit 862e4925d4
5 changed files with 218 additions and 51 deletions

View File

@ -238,6 +238,13 @@
"navigationStyle": "custom"
}
},
{
"path": "signIn/index",
"style": {
"navigationBarTitleText": "每日签到"
}
},
{
"path": "Coupons/Coupons",
"style": {

View File

@ -6,115 +6,164 @@
</view>
<!-- 顶部区域 -->
<view class="my-top">
<view class="dis-box">
<view class="dis-box" v-if="userinfo">
<view class="dis">
<view class="touxiang" @click="goSetup">
<image src="./icon/newmy.png" mode="aspectFit"></image>
<image src="@/static/icon/icon/newmy.png" mode="aspectFit" style="margin-right: 10px;">
</image>
</view>
<view class="">
<view class="user-tel">点击登录</view>
<view class="user-name">手机号: --</view>
</view>
</view>
</view>
<view class="dis-box" v-else>
<view class="dis">
<view class="touxiang" @click="goSetup">
<image src="@/static/icon/icon/newmy.png" mode="aspectFit" style="margin-right: 10px;">
</image>
</view>
<view class="">
<view class="user-tel">用户昵称</view>
<view class="user-name">手机号: xxxxxxxxxxxx</view>
</view>
</view>
<view class="">
<image src="@/static/icon/erwm.png" style="width: 25px; height: 25px; "></image>
</view>
</view>
</view>
<view class="my-top-box" style="margin-top: 45px;">
<view class="jg-box" @click="goMony()">
<view class="jg-box-title">储值余额</view>
<view class="jg-box-title">储值余额</view>
<view class="jg-box-nmb">{{cardBalance || 0 }}</view>
</view>
<text style="color: #999999;">|</text>
<view class="jg-box" @click="goOil()">
<view class="jg-box-title">锁价次数</view>
<view class="jg-box-title">囤油卡升</view>
<view class="jg-box-nmb">{{countList.length || 0 }}</view>
</view>
<text style="color: #999999;">|</text>
<view class="jg-box" @click="toCoupons">
<view class="jg-box-title"></view>
<view class="jg-box-title">优惠</view>
<view class="jg-box-nmb">{{cardsList.length || 0 }}</view>
</view>
<text style="color: #999999;">|</text>
<view class="jg-box" style="border: none;" @click="goIntegral()">
<view class="jg-box-title">我的积分</view>
<view class="jg-box-title">积分</view>
<view class="jg-box-nmb">{{myPoints || 0 }}</view>
</view>
</view>
<view class="center_ban">
<image src="@/static/icon/icon/newmyc.png" mode=""></image>
</view>
<view class="box-centenr">
<view class="wrap-box">
<view class="centenr-sx" @click="goReder">
<view class="centenr-sx">
<view class="centenr-img">
<image src="../../static/my/lpk.png"></image>
<image src="@/static/icon/icon/newmy1.png"></image>
</view>
<view class="centenr-size">
礼品卡
每日签到
</view>
</view>
<view class="centenr-sx" @click="goToDaby">
<view class="centenr-sx">
<view class="centenr-img">
<image src="../../static/my/jryj.png" mode="aspectFit"></image>
<image src="@/static/icon/icon/newmy2.png"></image>
</view>
<view class="centenr-size">
今日油价
消费记录
</view>
</view>
<view class="centenr-sx" @click="goWriteoff()">
<view class="centenr-sx">
<view class="centenr-img">
<image src="../../static/my/jl.png" mode="aspectFit"></image>
<image src="@/static/icon/icon/newmy3.png"></image>
</view>
<view class="centenr-size">
核销记录
</view>
</view>
<view class="centenr-sx" @click="goRecharge()">
<view class="centenr-img">
<image src="../../static/my/chongzhi.png" style="width: 30px;height: 30px; "></image>
</view>
<view class="centenr-size">
充值记录
我的订单
</view>
</view>
<view class="centenr-sx" @click="goInvte()">
<view class="centenr-sx">
<view class="centenr-img">
<image src="../../static/my/lp.png" style="width: 30px;height: 30px; "></image>
</view>
<view class="centenr-size">
邀请有礼
</view>
</view>
<view class="centenr-sx" @click="goPoints()">
<view class="centenr-img">
<image src="../../static/my/jfsc.png" style="width: 30px;height: 30px; "></image>
<image src="@/static/icon/icon/newmy4.png"></image>
</view>
<view class="centenr-size">
积分商城
</view>
</view>
<view class="centenr-sx" @click="goCard()">
<view class="centenr-sx">
<view class="centenr-img">
<image src="../../static/my/kb.png"></image>
<image src="@/static/icon/icon/newmy5.png"></image>
</view>
<view class="centenr-size">
子卡管理
个人资料
</view>
</view>
<view class="centenr-sx" @click="goFeedback()">
<view class="centenr-sx">
<view class="centenr-img">
<image src="../../static/my/yj.png"></image>
<image src="@/static/icon/icon/newmy6.png"></image>
</view>
<view class="centenr-size">
邀请有礼
</view>
</view>
<view class="centenr-sx">
<view class="centenr-img">
<image src="@/static/icon/icon/newmy7.png"></image>
</view>
<view class="centenr-size">
车牌管理
</view>
</view>
<view class="centenr-sx">
<view class="centenr-img">
<image src="@/static/icon/icon/newmy8.png"></image>
</view>
<view class="centenr-size">
成长值记录
</view>
</view>
<view class="centenr-sx">
<view class="centenr-img">
<image src="@/static/icon/icon/newmy9.png"></image>
</view>
<view class="centenr-size">
礼品卡
</view>
</view>
<view class="centenr-sx">
<view class="centenr-img">
<image src="@/static/icon/icon/newmy10.png"></image>
</view>
<view class="centenr-size">
副卡管理
</view>
</view>
<view class="centenr-sx">
<view class="centenr-img">
<image src="@/static/icon/icon/newmy11.png"></image>
</view>
<view class="centenr-size">
我的奖品
</view>
</view>
<view class="centenr-sx">
<view class="centenr-img">
<image src="@/static/icon/icon/newmy12.png"></image>
</view>
<view class="centenr-size">
意见反馈
</view>
</view>
</view>
</view>
<u-divider text="来个油惠" :hairline="true"></u-divider>
<tabbar :msg="msg"></tabbar>
</view>
</view>
@ -153,6 +202,7 @@
baseUrl: this.$baseUrl,
user: {},
store: {},
userinfo: false,
}
},
@ -416,15 +466,16 @@
.user-tel {
font-weight: bold;
font-size: 20px;
font-size: 16px;
margin-left: 10px;
margin-bottom: 5px;
}
.user-name {
font-size: 12px;
color: #c1c1ff;
color: #333;
margin-left: 10px;
}
.vipnber {
@ -450,8 +501,8 @@
}
.jg-box-title {
font-size: 16px;
color: #999999;
font-size: 12px;
color: #333333;
margin-bottom: 5px;
}
@ -461,6 +512,7 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #FF9655;
}
@ -507,12 +559,23 @@
margin: 2px auto;
image {
width: 32px;
height: 32px;
width: 50px;
height: 50px;
}
}
.centenr-size {
font-size: 14px;
}
</style>
.center_ban {
width: 90%;
height: 90px;
margin: 10px auto;
image {
width: 100%;
height: 100%;
}
}
</style>

View File

@ -0,0 +1,97 @@
<template>
<view class='container'>
<view class="top_banner">
<image src="../../static/imgs/qdmr.png" mode=""></image>
</view>
</view>
</template>
<script>
import request from '../../utils/request';
export default {
data() {
return {
}
},
onLoad() {
},
onPullDownRefresh() {
//
this.resetting() //
this.getList() //
uni.stopPullDownRefresh()
},
onReachBottom() {
//
if (this.pageNo >= this.totalPage) {
uni.showToast({
title: '没有下一页数据',
icon: 'none'
})
} else {
this.pageNo++
this.getList()
}
},
components: {
},
methods: {
//
resetting() {
this.pageNo = 1
this.pageSize = 10
this.totalPage = ''
this.List = []
},
//
async getList() {
uni.showLoading({
title: '加载中'
});
let res = await request({
url: '网络请求',
method: 'get',
data: {
pageNo: this.pageNo,
pageSize: this.pageSize,
}
})
if (res.code == 200) {
uni.hideLoading(); //
if (this.pageNo != 1) {
this.List = this.ruleList.concat(res.result.records)
} else {
this.List = res.result.records
}
this.totalPage = res.result.pages
}
},
goback() {
uni.navigateBack()
}
}
}
</script>
<style scoped lang="scss">
.container {
width: 100%;
box-sizing: border-box;
}
.top_banner {
width: 100%;
height: 200px;
image {
width: 100%;
height: 100%;
}
}
</style>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB