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-04-20 11:48:17 +08:00
parent fc7ef36a93
commit 05307a5d58
3 changed files with 30 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -36,11 +36,12 @@
<view class="bannarClass">
<up-swiper :list="bannerList" indicator indicatorMode="dot" ></up-swiper>
</view>
<view class="noticeClass">
<image src="/static/首页/公告.png" style="width: 38px;height: 38px;position: absolute;top: 21px;left: 23px;"></image>
<view class="noticeClass" @click="getNoticeMore">
<image src="/static/首页/公告.png" style="width: 38px;height: 38px;position: absolute;top: 21px;left: 17px;"></image>
<uni-notice-bar show-icon :text="noticeText" type="line"
:showIcon="true" show-get-more scrollable color="#000" background-color="#fff" moreColor="#000" @getmore="getNoticeMore"/>
<!-- <up-notice-bar class="notice-bar" :text="noticeText" mode="link" speed="100" bgColor="#FFF" color="#000" url="pages/notice-list/noticeList"></up-notice-bar> -->
:showIcon="false" show-get-more scrollable color="#000" background-color="#fff" moreColor="#000">
</uni-notice-bar>
</view>
<!-- 一键开门 -->
<view class="u-demo-block__content bg-card-open">
@@ -334,6 +335,10 @@ const moreClick = () =>{
left: 0;
padding: 40rpx 36rpx;
}
// 修改通知栏样式
::v-deep .uni-noticebar__content-wrapper--scrollable{
left: 20px;
}
.noticeClass.uni-noticebar{
padding: 10px 15px 10px 45px;
}

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

@@ -13,7 +13,9 @@
<!-- 便捷服务 -->
<swiper-item>
<view class="guide-item">
<image class="guide-img" src="/static/引导1.png" ></image>
<view class="guide-img">
<image class="" src="/static/引导1.png" style="width: 100%;height: 100%;"></image>
</view>
<view style="height: 200rpx;width: 100%;"></view>
<view class="guide-title">便捷服务</view>
<view class="guide-subtitle">报修、缴费、预约</view>
@@ -23,7 +25,10 @@
<!-- 高效管理 -->
<swiper-item>
<view class="guide-item">
<image class="guide-img" src="/static/引导2.png" ></image>
<view class="guide-img">
<image src="/static/引导2.png" style="width: 100%;height: 100%;"></image>
</view>
<view style="height: 200rpx;width: 100%;"></view>
<view class="guide-title">高效管理</view>
<view class="guide-subtitle">自动化流程和智能设备</view>
</view>
@@ -32,7 +37,10 @@
<!--安全保障 -->
<swiper-item>
<view class="guide-item">
<image class="guide-img" src="/static/引导3.png"></image>
<view class="guide-img">
<image src="/static/引导3.png" style="width: 100%;height: 100%;"></image>
</view>
<view style="height: 200rpx;width: 100%;"></view>
<view class="guide-title">安全保障</view>
<view class="guide-subtitle">智能巡检和智慧访客</view>
</view>
@@ -120,7 +128,7 @@ const handleBtnClick = () => {
/* 单个引导项 */
.guide-item {
width: 360px;
height: 360px;
height: 480px;
display: flex;
flex-direction: column;
align-items: center;
@@ -130,13 +138,13 @@ const handleBtnClick = () => {
.guide-img {
width: 100%;
height: 100%;
height: 50%;
margin-bottom: 80rpx;
}
/* 引导标题 */
.guide-title {
font-size: 48rpx;
font-size: 56rpx;
font-weight: 600;
color: #333;
margin-bottom: 20rpx;

12
property-uniapp-project/pages/online-repair/onlineRepair.vue
View File

@@ -16,6 +16,7 @@
class="type-tab"
:class="{ active: activeType === 'public' }"
@click="publicClick"
style="margin-right: 20rpx;"
>
<image src="/static/在线报修/公共报修.png" style="width: 100%;height: 100%;"></image>
<!-- <uni-icons type="staff" size="24" color="#fff"></uni-icons> -->
@@ -80,7 +81,7 @@
{{ item.content }}
</view>
<!-- 图片占位（可替换为图片组件） -->
<!-- 图片占位 -->
<view class="item-imgs">
<view class="img-placeholder" v-for="i in 3" :key="i">
<!-- <uni-icons type="image" size="20" color="#ccc"></uni-icons> -->
@@ -229,7 +230,6 @@ const goDetail = (item) => {
border-radius: 8px;
color: #fff;
font-size: 14px;
margin-right: 20rpx;
}
.type-tab.active {
background: linear-gradient(135deg, #1E88E5 0%, #64B5F6 100%);
@@ -334,8 +334,8 @@ const goDetail = (item) => {
/* 标签 */
.item-tags {
display: flex;
gap: 8px;
/* display: flex; */
/* gap: 8px; */
margin-bottom: 10px;
}
.tag {
@@ -345,6 +345,7 @@ const goDetail = (item) => {
padding: 2px 8px;
border-radius: 4px;
border: 1px solid #999999;
margin-right: 8px;
}
/* 内容 */
@@ -359,7 +360,7 @@ const goDetail = (item) => {
/* 图片占位 */
.item-imgs {
display: flex;
gap: 12px;
/* gap: 12px; */
margin-bottom: 10px;
}
.img-placeholder {
@@ -370,6 +371,7 @@ const goDetail = (item) => {
display: flex;
align-items: center;
justify-content: center;
margin-right: 8px;
}
/* 底部时间和详情 */