修改引导页首页在线报修样式

property-uniapp-project/pages/index/index.vue

@@ -36,11 +36,12 @@
 		<view class="bannarClass">
 			  <up-swiper :list="bannerList"   indicator indicatorMode="dot"  ></up-swiper>
 		</view>	
-		  <view class="noticeClass">
+		  <view class="noticeClass" @click="getNoticeMore">
-			  <image src="/static/首页/公告.png" style="width: 38px;height: 38px;position: absolute;top: 21px;left: 23px;"></image>
+			  <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"/>
+					:showIcon="false" show-get-more scrollable color="#000" background-color="#fff" moreColor="#000">
-		    <!-- <up-notice-bar class="notice-bar" :text="noticeText" mode="link" speed="100" bgColor="#FFF" color="#000" url="pages/notice-list/noticeList"></up-notice-bar> -->
+			   </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;
 		}

property-uniapp-project/pages/navigation/navigation.vue

@@ -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;

property-uniapp-project/pages/online-repair/onlineRepair.vue

@@ -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;
+  /* display: flex; */
-  gap: 8px;
+  /* 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;
 }
 
 /* 底部时间和详情 */