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;
	}
}
相关推荐
风起云涌~17 分钟前
【Android】浅谈Navigation
android
游戏开发爱好者824 分钟前
iOS 商店上架全流程解析 从工程准备到审核通过的系统化实践指南
android·macos·ios·小程序·uni-app·cocoa·iphone
toooooop81 小时前
Vuex 中 state、mutations 和 actions 的原理和写法
前端·javascript·uni-app
林_xi2 小时前
uniapp使用@uni-ku/root插件实现全局组件
前端·uni-app
计算机毕设定制辅导-无忧学长2 小时前
基于uni-app的“民族风韵”特色购物小程序
uni-app
一个处女座的程序猿O(∩_∩)O2 小时前
UniApp 生命周期全解析:从应用到页面,再到组件的完美协奏曲
前端·uni-app
QuantumLeap丶3 小时前
《Flutter全栈开发实战指南:从零到高级》- 18 -自定义绘制与画布
android·flutter·ios
.豆鲨包3 小时前
【Android】 View事件分发机制源码分析
android·java
花落归零3 小时前
Android 小组件AppWidgetProvider的使用
android
弥巷3 小时前
【Android】常见滑动冲突场景及解决方案
android·java