dexteryy
commented
11 years ago CardKit 是专门用来生成针对移动设备（目前不包含平板）的webapp，界面和交互都是针对移动环境的，对于桌面浏览器比如chrome/safari，为了方便开发者访问和调试，做了简单的兼容（比如momo会自动把touch事件换成mouse事件），并不保证外观和行为总是跟移动浏览器一致（所以强烈推荐多用iOS模拟器+safari web inspector测试）
要支持桌面环境，CardKit 提供一种类似响应式开发的方法，将普通网页『转换成』移动web app：
直接写普通的桌面网页，在直接包含内容的html标签中增加ckd-前缀的classname来描述语义，通过后端模板将这些内容包裹到ck-row容器里，输出到移动网页上，然后 CardKit 的自定义标签（比如ckd-box-unit、ckd-list-unit、ckcfg-card-actions）通过data-source属性关联到相应的内容上，自动『抓取』内容生成移动界面。
这种模式类似Web Componets里的Shadow DOM，之后可能会做幻灯片来说明，目前有简单的例子，比如这个页面里的各种列表（ck-list-unit）都只包含配置信息，不包含内容，它们的内容都来自<div class="ck-raw" id="rawData1">里带ckd-前缀的html
baoliang
dianzan.rebaojie.net 在chrome看正常 safari下面就有一个条。我百思不得其解到底是啥。每个dom的css都详细看了。我要晕死了。。。
Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.