欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

uni-app学习(六)好用的插件4

程序员文章站 2022-07-09 21:11:35
1. uni app学习(六)好用的插件4 1.1. QQ音乐模板 1. 点击 "这里" 2. 示例 1.2. 画廊(ynGallery)组件 1. 点击 "这里" 2. 看起来不错的 3. 示例 1.3. 评价模板 1. 学到个动画用法 2. "地址" 3. 示例 1.4. 围棋棋盘组件 1. 点 ......

1. uni-app学习(六)好用的插件4

1.1. qq音乐模板

  1. 点击
  2. 示例

uni-app学习(六)好用的插件4

1.2. 画廊(yngallery)组件

  1. 点击
  2. 看起来不错的
  3. 示例

uni-app学习(六)好用的插件4

1.3. 评价模板

  1. 学到个动画用法
image.active{
    animation: star_move ease-in 1 1s,star_rotate ease 1.5s infinite 1s;
}

@keyframes star_move{
        from{
            width: 50upx;
            height: 50upx;
            transform: rotate(180deg)
        }
        to{
            width: 32upx;
            height: 32upx;
            transform: rotate(0)
        }
    }
    @keyframes star_rotate{
        0%{
            transform: rotatey(360deg)
        }
        100%{
            transform: rotatey(180deg)
        }
    }
  1. 示例

uni-app学习(六)好用的插件4

1.4. 围棋棋盘组件

  1. 点击
  2. 围棋算法源码实现,感兴趣的可以看下
  3. 示例

uni-app学习(六)好用的插件4

1.5. qswiper组件引导页

  1. 对swiper的优化,添加了动画效果
  2. 点击
  3. 示例

uni-app学习(六)好用的插件4

1.6. 6foo-percent波浪进度条

  1. 点击
  2. 示例

uni-app学习(六)好用的插件4

1.7. datepicker 多时间粒度选择器组件

  1. 点击
  2. 示例

uni-app学习(六)好用的插件4

  1. 比如只需要选择到分的情况,可以使用这组件

1.8. cmd-person个人中心模板

  1. 点击
  2. 示例

uni-app学习(六)好用的插件4

1.9. 底部导航栏凸起按钮

  1. 示例

uni-app学习(六)好用的插件4

1.10. 优惠券小组件

  1. 点击
  2. 图片示例

uni-app学习(六)好用的插件4

1.11. 商品飞入购物车抛物线动画

  1. 点击
  2. 示例

uni-app学习(六)好用的插件4

1.12. 仿支付宝-蚂蚁森林浇水动画

  1. 示例

uni-app学习(六)好用的插件4

1.13. 图片验证码

  1. 示例

uni-app学习(六)好用的插件4

1.14. 6位数字支付密码插件

  1. 示例

uni-app学习(六)好用的插件4

1.15. 一个3d的炫酷的图片轮播展示组件

  1. 点击
  2. 示例

uni-app学习(六)好用的插件4

ps:暂时结束了~