部分样式修复/缴费记录/水电费明细样式修改完成

This commit is contained in:
2025-12-31 11:23:28 +08:00
parent 293e8f1139
commit 036eb3a206
14 changed files with 648 additions and 556 deletions

View File

@@ -1,16 +1,8 @@
<template>
<view class="user-center">
<customNavbar
title="个人中心"
ref="navbar"
:is-transparent="navbarStyle.isTransparent"
:bg-color="navbarStyle.bgColor"
:text-color="navbarStyle.textColor"
:opacity="navbarStyle.opacity"
:extra-icons="navbarStyle.extraIcons"
:show-home="false"
:show-back="false"
/>
<customNavbar title="个人中心" ref="navbar" :is-transparent="navbarStyle.isTransparent"
:bg-color="navbarStyle.bgColor" :text-color="navbarStyle.textColor" :opacity="navbarStyle.opacity"
:extra-icons="navbarStyle.extraIcons" :show-home="false" :show-back="false" />
<!-- 顶部用户信息 -->
<view class="user-header">
<u-avatar :src="avatar" size="133"></u-avatar>
@@ -31,32 +23,32 @@
<view class="contract-view">
<!-- 我的合同和我的预约 -->
<view class="contract-appointment">
<view class="card" @click="clickNav('pages/center/contract')">
<view class="card-title">我的合同</view>
<view class="card-main">
<view class="card-content">
<view class="card-number">5</view>
<view class="card-type">份合同</view>
<view class="contract-appointment">
<view class="card" @click="clickNav('pages/center/contract')">
<view class="card-title">我的合同</view>
<view class="card-main">
<view class="card-content">
<view class="card-number">5</view>
<view class="card-type">份合同</view>
</view>
<view class="card-icon">
<image src="/static/icon/sign.png" mode="widthFix"></image>
</view>
</view>
<view class="card-icon">
<image src="/static/icon/sign.png" mode="widthFix"></image>
</view>
<view class="card" @click="clickNav('pages/reserve/reserveRecords')">
<view class="card-title">我的预约</view>
<view class="card-main">
<view class="card-content">
<view class="card-number">3</view>
<view class="card-type">个预约</view>
</view>
<view class="card-icon">
<image src="/static/icon/sign.png" mode="widthFix"></image>
</view>
</view>
</view>
</view>
<view class="card" @click="clickNav('pages/reserve/reserveRecords')">
<view class="card-title">我的预约</view>
<view class="card-main">
<view class="card-content">
<view class="card-number">3</view>
<view class="card-type">个预约</view>
</view>
<view class="card-icon">
<image src="/static/icon/sign.png" mode="widthFix"></image>
</view>
</view>
</view>
</view>
<!-- 我的服务 -->
<view class="my-service">
@@ -134,8 +126,8 @@
user, // user 信息放这里即可
show: true,
showGetProfile: false,
userType:'',
oaAuth:'',
userType: '',
oaAuth: '',
gridList: [{
name: "我的合同",
icon: "/static/icon/sign.png",
@@ -220,7 +212,7 @@
onShow() {
// this.checkToken();
},
methods: {
@@ -262,7 +254,9 @@
})
}
let url = "/login/checkExpiration";
this.$u.get(url, {}, {'WT': token}).then(obj => {
this.$u.get(url, {}, {
'WT': token
}).then(obj => {
if (obj.data) {
uni.reLaunch({
url: '../login/login'
@@ -319,7 +313,9 @@
let life = uni.getStorageSync('lifeData') || {}
let token = life.vuex_token
let url = "/login/userOtherInfo";
this.$u.get(url, {}, {'WT': token}).then(obj => {
this.$u.get(url, {}, {
'WT': token
}).then(obj => {
this.userType = obj.data.userType;
this.oaAuth = obj.data.oaAuth;
});
@@ -331,11 +327,11 @@
<style lang="scss" scoped>
.user-center {
padding-top: 120rpx;
background-image: url(https://eyidu.ydszw.cn/static/img/test/my-bg.png);
background-color: #fff;
background-repeat: space;
background-size: 750rpx 731rpx;
min-height: 100vh;
background-image: url("https://eyidu.ydszw.cn/static/img/test/my-bg.png");//只支持网络图片,请自行上传至图片服务器并替换
background-color: #fff;
background-repeat: no-repeat;
background-size: 750rpx 731rpx;
min-height: 100vh;
}
/* 用户信息头 */
@@ -379,11 +375,11 @@
display: flex;
gap: 20rpx;
}
.contract-view{
.contract-view {
width: 96%;
margin: 0 auto;
background-image: url("https://eyidu.ydszw.cn/static/img/test/my-bg2.png");//只支持网络图片,请自行上传至图片服务器
background-image: url("https://eyidu.ydszw.cn/static/img/test/my-bg2.png"); //只支持网络图片,请自行上传至图片服务器并替换
background-repeat: round;
border-radius: 10rpx;
}