Tagged

UIkit

A collection of 3 posts

UIkit

UIkit Tab 与 Switcher 不在同级 div

默认情况下,二者各为一个 ul 同级并列,无需特殊设置即可直接实现 tab 切换。但当 uk-tab 在一个 div 里面,uk-switcher 在另外一个 div 里面的时候,它们之间就失去联络了。 这时需要在 uk-tab 上添加 uk-switcher="connect: #detail",同时在 uk-switcher 上添加 id="detail",这样就可以实现标签切换了。 <div id="tab" class="uk-position-bottom"> <ul class="uk-flex-center"

frontend

UIkit 官方文档离线部署

毕竟项目官网在国外,网络条件不好的时候,离线文档就显得比较有用了。 克隆仓库 $ git clone https://github.com/uikit/uikit-site.git 满足包依赖 $ cd uikit-site uikit-site $ yarn 编译安装 uikit-site $ yarn setup 在本地跑起来 我喜欢用 Python,所以一个命令就能把本地的离线版本跑起来: uikit-site $ python3 -m http.server 8080 Serving HTTP on 0.0.0.0 port 8080 (http://0.0.0.0:8080/) ... 本地访问 http://0.0.