最近项目中有DrawerUI需求,看来Element的组件发现并不太适合自己的项目,于是就自己动手写了一个,有需要的小伙伴直接拿源码研究。
Extends Composite A drawer that can be swiped in from the left edge of the screen. There’s only a single instance that can be accessed via tabris.ui.drawer. The drawer is locked by default. To use it
1.7.0 新增 抽屉,主要用来需要大范围层级进行选择的场景,一般情况下应该是满屏状态。 注: 组件依赖父容器相对定位或者绝对定位,因为 Drawer 是绝对定位的。 示例 默认配置使用 <cube-button @click="showDrawer">Show Drawer</cube-button> <cube-drawer ref="drawer" title="请选择" :da
Drawer 是一个 jQuery 插件,用来创建响应式、支持触摸屏以及具有动画效果的边栏抽屉型菜单。
Drawer-Behavior Drawer behavior is a library use Android DrawerLayout Support library as Parent Class [Easy to migrate], that provide an extra behavior on drawer, such as, move view or scaling view's
自定义UIToolBar的颜色、样式。可以在屏幕四个角加上工具栏,工具栏可以收起、打开。用户点击三角按钮,工具栏便会收起或者打开。 [Code4App.com]
Top Drawer 是一个 jQuery 插件,实现了页面的抽屉效果,很酷哦。 试试吧:http://www.jordanm.co.uk/lab/topdrawer
仿照天猫软件实现的抽屉界面效果,效果图如下:
安装 import { Drawer } from 'vux' export default { components: { Drawer } } // 在入口文件全局引入 import Vue from 'vue' import { Drawer } from 'vux' Vue.component('drawer', Drawer) 当前组件 forked 自 http