完成我的信息接口调试
This commit is contained in:
@@ -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>
|
Reference in New Issue
Block a user