Skip to content

BlueSky-07/Poker-UI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Poker-UI:一个可翻转的扑克牌组件样式

https://es6.ihint.me/poker/

预览

实现方式

BSXml / BSComponent

随机牌背,点击翻牌,重力感应翻牌

https://es6.ihint.me/poker/BSXml/index.html

  1. 可以按需要实例化 Card 类来自定义扑克牌的花色、点数、卡背样式

  2. 兼容性:参考 Can I Use: module

基于 ES 6 的 Module 设计,如需向下兼容可使用 babel 转换

有关 BSComponent 的介绍可查看:https://pages.ihint.me/?BSXml-Component


Web Component

全部扑克的排列,随机牌背,点击翻牌

https://es6.ihint.me/poker/WebComponent/index.html

  1. 兼容性:参考 Can I Use: Web Component

基于 Web Component 标准的设计,如需向下兼容可使用 Web Component Polyfill

有关 Web Component 的介绍可查看:https://developer.mozilla.org/zh-CN/docs/Web/Web_Components

由于 Chrome 80 开始移除了 HTML Imports 支持,所以第二个实现已经看不到效果了,参考信息:

Can I use web component ? HTML Imports (removed)

About

🎴 Poker 样式 | 基于 Web Component / BSComponent

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published