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;
	}
}
相关推荐
百锦再3 小时前
React编程高级主题:测试代码
android·前端·javascript·react.js·前端框架·reactjs
2501_916008894 小时前
全面介绍Fiddler、Wireshark、HttpWatch、SmartSniff和firebug抓包工具功能与使用
android·ios·小程序·https·uni-app·iphone·webview
webYin4 小时前
解决 Uni-App 运行到微信小程序时 “Socket合法域名校验出错” 问题
微信小程序·小程序·uni-app
玉梅小洋5 小时前
Windows 10 Android 构建配置指南
android·windows
Libraeking6 小时前
视觉篇:Canvas 自定义绘图与高级动画的华丽圆舞曲
android·经验分享·android jetpack
Fushize7 小时前
多模块架构下的依赖治理:如何避免 Gradle 依赖地狱
android·架构·kotlin
Jomurphys7 小时前
Kotlin - 类型别名 typealias
android·kotlin
Haha_bj8 小时前
Flutter ——flutter_screenutil 屏幕适配
android·ios
Haha_bj8 小时前
Flutter ——device_info_plus详解
android·flutter·ios
前端小伙计8 小时前
Android/Flutter 项目统一构建配置最佳实践
android·flutter