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) => {
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="content">{{ notice.noticeContent }}</view>
<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"/>
</view>
</view>
@@ -180,8 +180,8 @@ page {
white-space: nowrap;
}
.dot {
width: 12rpx;
height: 12rpx;
width: 16rpx;
height: 16rpx;
background: red;
border-radius: 50%;
}
@@ -191,8 +191,8 @@ page {
margin: 10rpx 0;
}
.content {
color: #666;
font-size: 28rpx;
color: #222;
font-size: 24rpx;
line-height: 1.5;
margin: 20rpx 0;
background-color: #f9f9f9;

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

@@ -234,7 +234,7 @@
justify-content: center;
// margin-bottom: 12px;
color: #666;
font-size: 16px;
font-size: 24rpx;
margin: 0 30rpx;
.notice-author {
@@ -271,12 +271,10 @@
padding: 20px;
color: #333333;
line-height: 1.8;
font-size: 16px;
font-size: 28rpx;
.articleimg{
width: 100%;
height: 249rpx;
height: 330rpx;
}
.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="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>
</view>
<!-- 标签 -->
<view class="item-tags" v-if="item.maintenanceItemName">
<text class="tag" v-if="item.maintenanceItemName">{{ item.maintenanceItemName }}</text>
<view class="item-tags" v-if="item.projectTypeStr">
<text class="tag" v-if="item.projectTypeStr">{{item.projectTypeStr}}</text>
<text class="tag">{{ item.maintenanceItemName }}</text>
</view>
<!-- 内容 -->
@@ -316,13 +317,17 @@ onUnload(() =>{
/* padding: 0 15px; */
}
.status-tab {
flex: 1;
text-align: left;
height: 40px;
line-height: 40px;
font-size: 15px;
color: #666;
position: relative;
/* flex: 1; */
display: flex;
justify-content: flex-start;
margin-right: 40rpx;
padding: 0 20rpx;
text-align: left;
height: 40px;
line-height: 40px;
font-size: 15px;
color: #666;
position: relative;
}
.status-tab.active {
color: #2F77FD;
@@ -332,7 +337,7 @@ onUnload(() =>{
content: '';
position: absolute;
bottom: 0;
left: 20%;
left: 50%;
transform: translateX(-50%);
width: 45px;
height: 4px;
@@ -397,12 +402,11 @@ onUnload(() =>{
/* 标签 */
.item-tags {
/* display: flex; */
/* gap: 8px; */
display: flex;
gap: 2px;
margin-bottom: 10px;
}
.tag {
/* background-color: #e3f2fd; */
color: #999999;
font-size: 12px;
padding: 2px 8px;
@@ -462,6 +466,6 @@ onUnload(() =>{
color: #999;
}
.detail-btn {
color: #1E88E5;
color:#2F77FD;
}
</style>

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

@@ -423,9 +423,9 @@ const submitForm = async () => {
justify-content: space-between;
}
.time-value {
/* .time-value {
color: #000;
}
} */
.input, .textarea {
flex: 1;
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 */
/* 激活的步骤标题 + 描述 强制蓝色 */
::v-deep .u-text__value .u-text__value--main {
::v-deep .u-text__value .u-text__value--main {
color: #007aff !important;
}
::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>
</view>
</up-col>
<up-col span="8">
<up-col span="8">
<view class="demo-layout bg-purple-light titleLeft">
<text style="color: #fff;font-size: 18px;font-weight: 700;">便民服务</text>
<view style="color: #fff;font-size: 16px;">邻里便民服务 全新上线</view>
<text style="color: #fff;font-size: 40rpx;font-weight: 700;">便民服务</text>
<view style="color: #fff;font-size: 28rpx;">邻里便民服务 全新上线</view>
</view>
</up-col>
@@ -176,7 +176,8 @@ const activityList = ref([]) // 活动列表数据
const currentCommunity = ref('请认证小区')
const currentVillageId = 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('暂无公告')
@@ -446,13 +447,13 @@ const moreClick = () =>{
}
.bannarClass{
position: relative;
top: 110px;
top: 112px;
left: 0;
padding: 40rpx;
padding: 20rpx 40rpx;
}
.noticeClass{
position: relative;
top: 160rpx;
top: 184rpx;
left: 0;
padding: 40rpx 36rpx;
}
@@ -470,7 +471,7 @@ const moreClick = () =>{
}
.bg-card-open{
position: relative;
top: 98rpx;
top: 110rpx;
left: 0;
padding: 20rpx;
background-color: #fff;
@@ -508,7 +509,7 @@ const moreClick = () =>{
// margin-top: 30rpx;
border-radius: 28rpx;
position: relative;
top:45px;
top:49px;
left: 0;
.titleLeft{
text-align: left;
@@ -534,13 +535,13 @@ const moreClick = () =>{
margin: 18px !important;
}
.eventListClass{
margin: 20rpx;
margin: 10rpx 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.activity-name{
font-size: 16px;
font-size: 32rpx;
font-weight: 600;
color: #222;
@@ -571,25 +572,31 @@ const moreClick = () =>{
// background-color: #333333;
}
.activity-title{
font-size: 16px;
font-size: 32rpx;
font-weight: bold;
color: #333;
margin-bottom: 12px;
line-height: 1.4;
}
.activity-time,
.activity-organizer {
.activity-time{
display: flex;
align-items: center;
font-size: 14px;
font-size: 22rpx;
color: #999999;
margin-bottom: 8px;
}
.activity-organizer{
font-size: 28rpx;
display: flex;
align-items: center;
color: #999999;
margin-bottom: 8px;
}
.activity-enrollment{
display: flex;
align-items: center;
font-size: 15px;
font-size: 28rpx;
margin-top: 20rpx;
color: #666666;
}
@@ -609,9 +616,9 @@ const moreClick = () =>{
margin-bottom: 10rpx;
}
.look-more-title{
color: #3E8EFF;
font-size: 14px;
}
color: #3E8EFF;
font-size: 28rpx;
}
}

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

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