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

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

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>

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;

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 {