微信小程序实现中奖公告栏滚动轮播效果（测试修正）

最新推荐文章于 2025-02-24 15:54:51 发布

小程序爱情手册

最新推荐文章于 2025-02-24 15:54:51 发布

阅读量1.7k

点赞数 3

分类专栏：小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/qq_37963464/article/details/110825397

版权

本文针对微信小程序实现中奖公告栏滚动轮播的代码进行修正，补充了作者分享时缺失的WXSS代码，使得内容能正常显示。提供完整的效果图、WXML、WXSS和JS代码示例，适合小程序开发初学者参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序实现中奖公告栏滚动轮播效果（测试修正）

概述
一、效果图
二、代码部分
- 2.1 wxml
- 2.2 WXSS
- 2.3 JS
更多

概述

原文地址：https://blog.youkuaiyun.com/AIB_Kasic/article/details/99682428?utm_medium=distribute.pc_relevant.none-task-blog-baidulandingword-6&spm=1001.2101.3001.4242
修正原因：作者分享的代码wxss不完整，测试的时候swiper中的内容无法显示。
调整内容：补全wxss

感谢原作者的分享，本人仅作为初学者和大家交流成长！

一、效果图

小程序公告栏

二、代码部分

2.1 wxml

<view class="notice">
  <view class="notice-contain">
    <view class="notice-containTitle">公告栏</view>
    <view class="line"></view>
      <swiper class="tab-right" vertical="true" autoplay="true" circular="true" interval="5000" display-multiple-items="