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

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;