完成我的信息接口调试

This commit is contained in:
2025-09-12 09:44:44 +08:00
parent 2e58309db4
commit 77cf4aa7b7
11 changed files with 472 additions and 389 deletions

View File

@@ -37,13 +37,14 @@
</view>
</view>
<!-- 滚动资讯条 -->
<view class="news-bar">
<text class="news-label">头条</text>
<scroll-view scroll-x class="news-scroll">
<text v-for="(item, idx) in newsList" :key="idx" class="news-item">{{ item }}</text>
</scroll-view>
<text class="news-arrow"></text>
</view>
<view class="news-bar">
<text class="news-label">公告</text>
<swiper class="news-swiper" vertical autoplay circular interval="3000">
<swiper-item v-for="(item, idx) in newsList" :key="idx">
<text class="news-item">{{ item }}<text class="news-arrow"></text></text>
</swiper-item>
</swiper>
</view>
<!-- 热门活动区 -->
<view class="hot-section">
<view class="hot-title-row">
@@ -83,22 +84,22 @@
],
current: 0,
gridList: [
{
icon: '/static/aaaa_gd.png',
text: '工单',
url:'/pages/sys/workbench/order/order'
},
{
icon: '/static/aaaa_yjcl.png',
text: '预警处理',
url:'/pages/sys/workbench/earlyWarning/earlyWarning'
},
{
icon: '/static/aaaa_jk.png',
text: '监控',
url:'/pages/sys/workbench/monitor/monitors'
},
// {
// icon: '/static/aaaa_gd.png',
// text: '工单',
// url:'/pages/sys/workbench/order/order'
// },
// {
// icon: '/static/aaaa_yjcl.png',
// text: '预警处理',
// url:'/pages/sys/workbench/earlyWarning/earlyWarning'
//
// },
// {
// icon: '/static/aaaa_jk.png',
// text: '监控',
// url:'/pages/sys/workbench/monitor/monitors'
// },
{
icon: '/static/aaaa_bsbx.png',
text: '报事报修',
@@ -486,4 +487,41 @@
border-radius: 8rpx;
padding: 4rpx 12rpx;
}
.news-bar {
display: flex;
align-items: center;
padding: 10rpx 0;
border-top: 1rpx solid #f5f5f5;
margin-top: 10rpx;
height: 60rpx; /* 固定高度 */
overflow: hidden;
}
.news-label {
color: #FF6A00;
font-size: 28rpx;
font-weight: bold;
margin-right: 16rpx;
border: 1rpx solid #FF6A00;
border-radius: 4rpx;
padding: 2rpx 6rpx;
}
.news-swiper {
flex: 1;
height: 100%;
}
.news-item {
display: block;
color: #666;
font-size: 24rpx;
line-height: 40rpx; /* 与容器高度一致 */
}
.news-arrow {
color: #999;
font-size: 32rpx;
margin-left: 10rpx;
}
</style>