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;
	}
}
相关推荐
恋猫de小郭1 小时前
CPF-Flutter 社区提出折叠场景分栏(平行视界) 方案
android·前端·flutter
事圆则缓1 小时前
Java 常用 API 如何建模 Android 订单业务
android
Railshiqian2 小时前
android16单手模式代码走读
android·多屏·单手模式
程序员-珍2 小时前
Android studio 突然打不开
android·java
郑州光合科技余经理11 小时前
国际版外卖系统:税率字段怎么和订单主流程解耦
android·java·开发语言·前端·后端·php·ai编程
andyweike16 小时前
Android Automotive
android
又见情义16 小时前
记一次 RK3568 Android 13 蓝牙反复重启问题的排查与修复
android
hai_android16 小时前
Kotlin Flow combine 源码剖析:一个 Channel 如何优雅合并多条流
android·java·kotlin
敲代码的瓦龙18 小时前
Jetpack?ViewModel!!!
android·开发语言·kotlin·android-studio
Godikov18 小时前
Android 工控终端实战:从秒级卡顿到毫秒响应,SQLite/LitePal 性能优化全记录
android