npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

weex-lyric

v0.0.6

Published

weex-lyric extend for weex

Downloads

17

Readme

weex-lyric

weex-lyric是一个weex插件,可以通过weexpack快速集成,可以丰富weex功能

支持的weexpack版本: >= 0.2.0 支持的WeexSDK版本: >= 0.10.0

image

功能

可显示歌词View, 从原天天动听TTPod音乐播放器中抽取而来,当前支持部分常用属性。

首先通过lyricFile属性设置歌词文件路径,playStatus可以控制是否开始滚动显示

highlightColor、normalColor控制普通行、高亮行文本颜色

kalaOK属性控制高亮文字是否渐渐的从左到右出现高亮效果

textAlign控制文本居左、、居中、居右对齐

slowScroll 控制高亮行是一次滚动到当前行还是平缓滚动,描述不太易理解,测试代码跑起来看看效果就理解了

playTime 可更改当前高亮行显示的时间戳

github example里有测试的vue文件,可看具体用法。

快速使用

  • 通过weexpack初始化一个测试工程 weextest
    weexpack create weextest
  • 添加ios平台
    weexpack platform add ios
  • 添加android平台
    weexpack platform add android
  • 添加插件
    weexpack plugin add weex-lyric

项目地址

github

平台

Android:(趋势)    iOS (待完成)

已有工程集成

安卓集成插件weexlyric

  • 命令行集成

  • weexpack plugin add weex-lyric

  • 手动集成  在相应工程的build.gradle文件的dependencies中添加

    compile 'org.weex.plugin:weexlyric:0.0.1'   Download

iOS集成插件WeexLyric(还没添加iOS支持,待续)

  • 命令行集成
    weexpack plugin add weex-lyric
  • 手动集成 在podfile 中添加
    pod 'WeexLyric'