gooey

3D 方块 如何在 CSS 中创建立体的方块呢？用以下的 SCSS mixin 即可 方块的长度、高度、深度都可以通过 CSS 变量自由调节 @mixin cube($width, $height, $depth) { &__front { @include cube-front($width, $height, $depth); } &__back { @include cube-back($width, $height, $depth); } &__right { @include cube-right($width, $height, $depth); } &__left { @include cube-left($width, $height, $depth); } &__top { @include cube-top($width, $height, $depth); } &__bottom { @include cube-bottom($width, $height, $depth); } .face { position: absolute; } } @mixin cube-front($width, $height, $depth) { width: var($width); height: var($height); transform-origin:

老 孟 一枚 有态度 的程序员 注意：无特殊说明，Flutter版本及Dart版本如下： Flutter版本：1.12.13+hotfix.5 Dart版本：2.7.0 基础用法 PageView控件可以实现一个“图片轮播”的效果，PageView不仅可以水平滑动也可以垂直滑动，简单用法如下： PageView( children: < Widget > [ MyPage1(), MyPage2(), MyPage3(), ], ) PageView滚动方向默认是水平，可以设置其为垂直方向： PageView ( scrollDirection : Axis .vertical , ... ) PageView配合PageController可以实现非常酷炫的效果，控制每一个Page不占满， PageView( controller : PageController( viewportFraction : 0.9， ), ... ) PageController中属性 initialPage 表示当前加载第几页,默认第一页。 onPageChanged 属性是页面发生变化时的回调，用法如下： PageView( onPageChanged: ( int index ){ }, ... ) 无限滚动 PageView滚动到最后时希望滚动到第一个页面