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;
	}
}
相关推荐
郑州光合科技余经理8 小时前
技术架构:上门服务APP海外版源码部署
java·大数据·开发语言·前端·架构·uni-app·php
王家视频教程图书馆8 小时前
android java播放器依赖
android
robotx11 小时前
安卓16屏保中的启用时机,选项不正确
android
JulyYu11 小时前
【Android】第三方库依赖引发的异常情况排查
android·android studio
HashTang11 小时前
【AI 编程实战】第 6 篇:告别复制粘贴 - 设计一个优雅的 HTTP 模块
前端·uni-app·ai编程
iOS阿玮12 小时前
苹果开发者账号申请的痛点,包含新限制说明!
uni-app·app·apple
QING61814 小时前
简单说下Kotlin 作用域函数中 apply 和 also 为什么不能空安全调用?
android·kotlin·android jetpack
城东米粉儿14 小时前
着色器 (Shader) 的基本概念和 GLSL 语法 笔记
android
儿歌八万首16 小时前
Jetpack Compose :封装 MVVM 框架
android·kotlin·compose
2501_9159214316 小时前
iOS App 中 SSL Pinning 场景下代理抓包失效的原因
android·网络协议·ios·小程序·uni-app·iphone·ssl