方法一:wepy框架使用第三方组件
运行项目
npm install wepy-cli -g
wepy build --watch
安装组件
npm install wepy-notice-bar --save
使用
//普通通告栏
<template>
<view class="container">
<view class='cell-ctn'>
<text>普通通告栏</text>
<NoticeBar
:text.sync='text'
leftIcon='../images/close.png'
/>
</view>
</view>
</template>
import NoticeBar from 'wepy-notice-bar'
export default class Index extends wepy.page {
components = {
NoticeBar,
}
data = {
text: '这是一个左右滚动公告栏的测试'
}
onLoad () {
this.$invoke('NoticeBar', 'animate')
}
}
方法二:纯样式展示
css
@keyframes remi