Skip to content

公告 ​

支持横向公告和纵向文本轮播。

完整信封 ​

ts
{
    component: 'v2.notice', text: '公告', type: '3-6', active: true,
    props: {
        direction: 'row', noticeText: '今日上新', link: { httpType: 10, http: '/pages/new' }, textList: [], isLeftIcon: true,
        style: { height: 72, pageMargin: 10, backgroundColor: 'rgb(234, 241, 255)', textColor: 'rgb(45, 87, 231)' }
    }
}

Props ​

字段类型默认值说明
direction'row' | 'column''row'横向或纵向
noticeTextstring提示文本横向内容
linkCmsV2Link空内链横向点击链接
textListCmsV2TextItem[][]纵向轮播项
isLeftIconbooleantrue左侧公告图标
style.heightnumber72高度,rpx
style.pageMarginnumber10左右边距,rpx
style.backgroundColorstringrgb(234,241,255)背景颜色
style.textColorstringrgb(45,87,231)文本颜色

横向或文本项点击依赖 link service。

为 uni-app 商城与 CMS 场景设计