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

修改首页、公告样式、在线报修字段回显等

Browse Source
This commit is contained in:
zhouyanli
2026-05-07 18:05:36 +08:00
parent 0fb361ad64
commit b68766791d
8 changed files with 60 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
property-uniapp-project/pageSubPack/api/api.js
View File

@@ -137,5 +137,5 @@ export const uploadImage = () => {
} }
// 上传单张图片 // 上传单张图片
export const uploadFile = (filePath) => { export const uploadFile = (filePath) => {
return upload(filePath, '/common/upload'); return upload(filePath, '');
} }

10
property-uniapp-project/pageSubPack/notice-list/noticeList.vue
View File

@@ -36,7 +36,7 @@
<view class="info">{{ notice.author }} · {{ notice.publishTime }}</view> <view class="info">{{ notice.author }} · {{ notice.publishTime }}</view>
<view class="content">{{ notice.noticeContent }}</view> <view class="content">{{ notice.noticeContent }}</view>
<view class="detail" @click="goToDetail(notice)"> <view class="detail" @click="goToDetail(notice)">
<text style="color:#2F77FD">详情</text> <text style="color:#2F77FD;font-size: 24rpx;">详情</text>
<uni-icons type="right" size="13" color="#007AFF"/> <uni-icons type="right" size="13" color="#007AFF"/>
</view> </view>
</view> </view>
@@ -180,8 +180,8 @@ page {
white-space: nowrap; white-space: nowrap;
} }
.dot { .dot {
width: 12rpx; width: 16rpx;
height: 12rpx; height: 16rpx;
background: red; background: red;
border-radius: 50%; border-radius: 50%;
} }
@@ -191,8 +191,8 @@ page {
margin: 10rpx 0; margin: 10rpx 0;
} }
.content { .content {
color: #666; color: #222;
font-size: 28rpx; font-size: 24rpx;
line-height: 1.5; line-height: 1.5;
margin: 20rpx 0; margin: 20rpx 0;
background-color: #f9f9f9; background-color: #f9f9f9;

8
property-uniapp-project/pageSubPack/notice-list/noticeListDetails.vue
View File

@@ -234,7 +234,7 @@
justify-content: center; justify-content: center;
// margin-bottom: 12px; // margin-bottom: 12px;
color: #666; color: #666;
font-size: 16px; font-size: 24rpx;
margin: 0 30rpx; margin: 0 30rpx;
.notice-author { .notice-author {
@@ -271,12 +271,10 @@
padding: 20px; padding: 20px;
color: #333333; color: #333333;
line-height: 1.8; line-height: 1.8;
font-size: 16px; font-size: 28rpx;
.articleimg{ .articleimg{
width: 100%; width: 100%;
height: 249rpx; height: 330rpx;
} }
.paragraph { .paragraph {

34
property-uniapp-project/pageSubPack/online-repair/onlineRepair.vue
View File

@@ -68,13 +68,14 @@
<view class="repair-item" v-for="(item, index) in repairList" :key="index"> <view class="repair-item" v-for="(item, index) in repairList" :key="index">
<!-- 标题和状态 --> <!-- 标题和状态 -->
<view class="item-header"> <view class="item-header">
<text class="item-title">{{ item.houseName || '报修' }}</text> <text class="item-title">{{ item.item || '暂无标题' }}</text>
<text class="item-status" :class="item.statusClass">{{ item.status }}</text> <text class="item-status" :class="item.statusClass">{{ item.status }}</text>
</view> </view>
<!-- 标签 --> <!-- 标签 -->
<view class="item-tags" v-if="item.maintenanceItemName"> <view class="item-tags" v-if="item.projectTypeStr">
<text class="tag" v-if="item.maintenanceItemName">{{ item.maintenanceItemName }}</text> <text class="tag" v-if="item.projectTypeStr">{{item.projectTypeStr}}</text>
<text class="tag">{{ item.maintenanceItemName }}</text>
</view> </view>
<!-- 内容 --> <!-- 内容 -->
@@ -316,13 +317,17 @@ onUnload(() =>{
/* padding: 0 15px; */ /* padding: 0 15px; */
} }
.status-tab { .status-tab {
flex: 1; /* flex: 1; */
text-align: left; display: flex;
height: 40px; justify-content: flex-start;
line-height: 40px; margin-right: 40rpx;
font-size: 15px; padding: 0 20rpx;
color: #666; text-align: left;
position: relative; height: 40px;
line-height: 40px;
font-size: 15px;
color: #666;
position: relative;
} }
.status-tab.active { .status-tab.active {
color: #2F77FD; color: #2F77FD;
@@ -332,7 +337,7 @@ onUnload(() =>{
content: ''; content: '';
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 20%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
width: 45px; width: 45px;
height: 4px; height: 4px;
@@ -397,12 +402,11 @@ onUnload(() =>{
/* 标签 */ /* 标签 */
.item-tags { .item-tags {
/* display: flex; */ display: flex;
/* gap: 8px; */ gap: 2px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.tag { .tag {
/* background-color: #e3f2fd; */
color: #999999; color: #999999;
font-size: 12px; font-size: 12px;
padding: 2px 8px; padding: 2px 8px;
@@ -462,6 +466,6 @@ onUnload(() =>{
color: #999; color: #999;
} }
.detail-btn { .detail-btn {
color: #1E88E5; color:#2F77FD;
} }
</style> </style>

4
property-uniapp-project/pageSubPack/online-repair/personalRepair.vue
View File

@@ -423,9 +423,9 @@ const submitForm = async () => {
justify-content: space-between; justify-content: space-between;
} }
.time-value { /* .time-value {
color: #000; color: #000;
} } */
.input, .textarea { .input, .textarea {
flex: 1; flex: 1;
padding: 20rpx; padding: 20rpx;

2
property-uniapp-project/pageSubPack/online-repair/repairDetail.vue
View File

@@ -294,7 +294,7 @@ const previewImage = (url) => {
/* ========== 颜色的代码 ========== */ /* ========== 颜色的代码 ========== */
/* u-text__value u-text__value--main */ /* u-text__value u-text__value--main */
/* 激活的步骤标题 + 描述 强制蓝色 */ /* 激活的步骤标题 + 描述 强制蓝色 */
::v-deep .u-text__value .u-text__value--main { ::v-deep .u-text__value .u-text__value--main {
color: #007aff !important; color: #007aff !important;
} }
::v-deep .up-steps-item--active .up-steps-item__desc { ::v-deep .up-steps-item--active .up-steps-item__desc {

47
property-uniapp-project/pages/index/index.vue
View File

@@ -91,10 +91,10 @@
<image src="http://47.104.199.163:9090/images/home/ad1.png" mode="" style="width: 100%;height: 100%;"></image> <image src="http://47.104.199.163:9090/images/home/ad1.png" mode="" style="width: 100%;height: 100%;"></image>
</view> </view>
</up-col> </up-col>
<up-col span="8"> <up-col span="8">
<view class="demo-layout bg-purple-light titleLeft"> <view class="demo-layout bg-purple-light titleLeft">
<text style="color: #fff;font-size: 18px;font-weight: 700;">便民服务</text> <text style="color: #fff;font-size: 40rpx;font-weight: 700;">便民服务</text>
<view style="color: #fff;font-size: 16px;">邻里便民服务 全新上线</view> <view style="color: #fff;font-size: 28rpx;">邻里便民服务 全新上线</view>
</view> </view>
</up-col> </up-col>
@@ -176,7 +176,8 @@ const activityList = ref([]) // 活动列表数据
const currentCommunity = ref('请认证小区') const currentCommunity = ref('请认证小区')
const currentVillageId = ref('') const currentVillageId = ref('')
const bannerList = ref([ const bannerList = ref([
'http://47.104.199.163:9090/images/home/banner.png', // 'http://47.104.199.163:9090/images/home/banner.png',
"http://47.104.199.163:9090/images/propertyImgs/serviceImg2.png"
]) ])
const noticeText = ref('暂无公告') const noticeText = ref('暂无公告')
@@ -446,13 +447,13 @@ const moreClick = () =>{
} }
.bannarClass{ .bannarClass{
position: relative; position: relative;
top: 110px; top: 112px;
left: 0; left: 0;
padding: 40rpx; padding: 20rpx 40rpx;
} }
.noticeClass{ .noticeClass{
position: relative; position: relative;
top: 160rpx; top: 184rpx;
left: 0; left: 0;
padding: 40rpx 36rpx; padding: 40rpx 36rpx;
} }
@@ -470,7 +471,7 @@ const moreClick = () =>{
} }
.bg-card-open{ .bg-card-open{
position: relative; position: relative;
top: 98rpx; top: 110rpx;
left: 0; left: 0;
padding: 20rpx; padding: 20rpx;
background-color: #fff; background-color: #fff;
@@ -508,7 +509,7 @@ const moreClick = () =>{
// margin-top: 30rpx; // margin-top: 30rpx;
border-radius: 28rpx; border-radius: 28rpx;
position: relative; position: relative;
top:45px; top:49px;
left: 0; left: 0;
.titleLeft{ .titleLeft{
text-align: left; text-align: left;
@@ -534,13 +535,13 @@ const moreClick = () =>{
margin: 18px !important; margin: 18px !important;
} }
.eventListClass{ .eventListClass{
margin: 20rpx; margin: 10rpx 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.activity-name{ .activity-name{
font-size: 16px; font-size: 32rpx;
font-weight: 600; font-weight: 600;
color: #222; color: #222;
@@ -571,25 +572,31 @@ const moreClick = () =>{
// background-color: #333333; // background-color: #333333;
} }
.activity-title{ .activity-title{
font-size: 16px; font-size: 32rpx;
font-weight: bold; font-weight: bold;
color: #333; color: #333;
margin-bottom: 12px; margin-bottom: 12px;
line-height: 1.4; line-height: 1.4;
} }
.activity-time,
.activity-organizer { .activity-time{
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 14px; font-size: 22rpx;
color: #999999; color: #999999;
margin-bottom: 8px; margin-bottom: 8px;
}
.activity-organizer{
font-size: 28rpx;
display: flex;
align-items: center;
color: #999999;
margin-bottom: 8px;
} }
.activity-enrollment{ .activity-enrollment{
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 15px; font-size: 28rpx;
margin-top: 20rpx; margin-top: 20rpx;
color: #666666; color: #666666;
} }
@@ -609,9 +616,9 @@ const moreClick = () =>{
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.look-more-title{ .look-more-title{
color: #3E8EFF; color: #3E8EFF;
font-size: 14px; font-size: 28rpx;
} }
} }

4
property-uniapp-project/pages/navigation/navigation.vue
View File

@@ -116,10 +116,10 @@ const handleBtnClick = () => {
box-sizing: border-box; box-sizing: border-box;
} }
.status_bar { .status_bar {
height: 115px; height: 148px;
width: 100%; width: 100%;
} }
/* 滑动容器 */ /* 滑动容器 */
.guide-swiper { .guide-swiper {
flex: 1; flex: 1;
width: 100%; width: 100%;