uniapp:公告上下轮播

html 复制代码
<view class="notice df-aic-jusb" @click="$go(2,'/pages/index/messageList')">
	<view class="df-aic">
		<image src="../../static/newimg/3.png" mode="" class="icon-40"></image>
		<swiper class="notice-box" :autoplay="true" :vertical="true" :disable-touch="true" :circular="true">
			<swiper-item v-for="(item,index) in noticesList" :key="index">
				<view class="fsz-26 u-line-1 color-f">{{item.title}}</view>
			</swiper-item>
		</swiper>
	</view>
	<image src="../../static/newimg/4.png" mode="" class="icon-34"></image>
</view>
css 复制代码
.notice{
	height: 80rpx;
	background: #1866F2;
	padding: 0 30rpx;
	.icon-40{
		width: 40rpx;
		height: 40rpx;
	}
	.icon-34{
		width: 34rpx;
		height: 34rpx;
	}
	.notice-box{
		width: 520rpx;
		height: 80rpx;
		line-height: 80rpx;
		margin-left: 20rpx;
	}
}
相关推荐
anyup2 小时前
uView Pro X 1.0.0 发布:全面支持 uni-app x 蒸汽模式,80+ 组件
前端·uni-app·ai编程
TimeFine4 小时前
AI 编码工作流的设计
android·ai编程
骑着蜗牛撵大象3275 小时前
C++20 协程 × 屏障:手写一个 co_await 版 Barrier,让等待不再钉死线程
android·c++20·协程·并发编程·co_await·屏障同步
zhongben123_6 小时前
从零开发一个打车APP:技术选型、系统架构与成本评估指南
大数据·运维·ios·系统架构·uni-app·web app
山东孙燕姿7 小时前
设备台账重构:从一张表到三层模型
android·java·网络·低代码·重构·rxjava
蒸鱼Yuzheng8 小时前
移动端 CPU 调度分析:线程亲和性、大小核迁移与卡顿
android·perfetto·性能分析·线程优化·cpu调度
booboosui8 小时前
安卓唤醒词:12 维 MFCC 加 DTW,阈值 1.8
android
传奇开心果8 小时前
Compose Multiplatform 共享边界实战:架构契约、互操作同步与可回退设计
android·kotlin
事圆则缓8 小时前
从开机到首帧:Android 系统与应用启动流程源码分析
android
AI吃大瓜8 小时前
指针压力表读数4:Android实现指针压力表读数(可实时检测)
android·指针读数·指针压力表·压力表·压力表读数