zhouyanli/property-resident-side
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

4/18 样式修改，缴费部分页面按照ui重做

Browse Source
This commit is contained in:
wangyuxin
2026-04-18 16:24:20 +08:00
parent 72ec4017e8
commit 452bf0b84d
36 changed files with 975 additions and 973 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
property-uniapp-project/pages/myIndex/myIndex.vue
View File

@@ -7,11 +7,11 @@
<view class="topBox">
<view class="name">
<image src="/static/propertyImgs/touxiang.jpg" class="img" />
<span style="padding: 5rpx 5rpx;display: flex;flex-direction: column;line-height: 30px;">
<span style="font-size: 18px;font-weight: 600;">
<span style="padding: 5rpx 5rpx;display: flex;flex-direction: column;line-height: 60rpx;">
<span style="font-size: 36rpx;font-weight: 600;">
{{loginName}}
</span>
<span style="font-size: 13px;color:#666666;">
<span style="font-size: 26rpx;color:#666666;">
{{phoneNum}}
</span>
</span>
@@ -25,7 +25,7 @@
<view class="item-content">
<text class="item-title">{{ item.title }}</text>
<span class="item-desc" v-if="item.desc"><span
style="align-self: flex-end;font-size: 12px;vertical-align: baseline;">{{ item.desc }}</span></span>
style="align-self: flex-end;font-size: 24rpx;vertical-align: baseline;">{{ item.desc }}</span></span>
</view>
<view class="item-arrow"></view>
<!-- <image src="/static/propertyImgs/arrow-right.png" class="arrow-icon" /> -->
@@ -151,11 +151,11 @@
.contentStyle {
display: flex;
flex-direction: column;
height: calc(100vh - 50px);
height: calc(100vh - 100rpx);
.topBox {
width: 100%;
padding: 10px 0px;
padding: 20rpx 0px;
position: relative;
// background-color: #1A75FF;
@@ -165,16 +165,16 @@
position: relative;
.title {
font-size: 18px;
line-height: 40px;
font-size: 36rpx;
line-height: 80rpx;
text-align: center;
font-weight: 500;
}
.settingImg {
width: 24px;
height: 24px;
top: 8px;
width: 48rpx;
height: 48rpx;
top:16rpx;
right: 0px;
}
@@ -189,8 +189,8 @@
.name {
bottom: 15px;
left: 15px;
bottom: 30rpx;
left: 30rpx;
display: flex;
align-items: center;
@@ -211,7 +211,7 @@
.page {
flex: 1;
overflow-y: auto;
padding: 0px 20px;
padding: 0px 40rpx;
box-sizing: border-box;
}
</style>
@@ -227,15 +227,15 @@
display: flex;
align-items: center;
/* background: #fff; */
padding: 10px 3px;
padding: 20rpx 6rpx;
border-radius: 8rpx;
/* border-bottom: 1px solid #f2f2f2; */
/* border-bottom:2rpx solid #f2f2f2; */
/* margin-bottom: 10rpx; */
}
.item-icon {
width: 42px;
height: 42px;
width: 84rpx;
height: 84rpx;
/* margin-right: 20rpx; */
}
@@ -247,15 +247,15 @@
}
.item-title {
font-size: 16px;
font-size: 32rpx;
/* color: #333; */
font-weight: 400;
margin: 5px 10px;
margin:10rpx 20rpx;
/* margin-bottom: 6rpx; */
}
.item-desc {
font-size: 12px;
font-size: 24rpx;
color: #b5b5b5;
white-space: nowrap;
/* 强制不换行 */
@@ -267,11 +267,11 @@
}
.item-arrow {
width: 8px;
height: 8px;
width:16rpx;
height:16rpx;
border-right: 3rpx solid #999999;
border-bottom: 3rpx solid #999999;
transform: rotate(-45deg);
margin-right: 5px;
margin-right:10rpx;
}
</style>