基于Wepy开发的微信小程序Loading加载组件正式发布

10,656次阅读
24 条评论

共计 568 个字符,预计需要花费 2 分钟才能阅读完成。

前言

前几天在做微信小程序的时候,由于项目中部分地方需要让用户等待一段时间,如果是要为了用户体验,在其页面加上一段 loading 的动画会是一个不错的选择,不过无奈于使用的是 wepy 开发的,而这个在网上也没有找到合适的加载动画组件,于是就自己写了一个,现在将此 loading 动画加载组件分享给大家。
基于 Wepy 开发的微信小程序 Loading 加载组件正式发布

使用说明

安装

npm i wepy-com-loadings

引入使用

<template>
  <view>
    <Loadings1 type="1"/>
    <Loadings2 type="2"/>
  </view>
</template>
import wepy from 'wepy'
import Loadings from "wepy-com-loadings"
export default class Index extends wepy.page {
  components = {
    Loadings1:Loadings,
    Loadings2:Loadings
  }
}

属性值

属性 默认值 类型 必填 说明
type 1 String 1-10 个 loading 动画 ID 依次类推

展示

基于 Wepy 开发的微信小程序 Loading 加载组件正式发布

项目地址

Github:https://github.com/Licoy/wepy-com-loadings

后记

欢迎大家使用此组件进行开发,如果可能您可以提交你的想法或建议,博主都会第一时间回复您的,再次感谢您的支持,记得给个小小的 star。

正文完
使用官方微信小程序体验更多功能
post-qrcode
 6
憧憬Licoy
版权声明:本站原创文章,由 憧憬Licoy 于2018-03-23发表,共计568字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(24 条评论)
zuimozhiya 评论达人 LV.1
2018-12-20 10:51:20 回复

构建npm时报错:node_modules\wepy-com-loadings\loadings.wpy.js: 未找到npm包入口文件

 Windows  Chrome  中国福建省厦门市电信
    憧憬Licoy 博主
    2018-12-25 20:45:29 回复

    @zuimozhiya 我目前项目中也用到了,并没有发生您说的这个问题

     Windows  Chrome
      小星 评论达人 LV.1
      2019-01-16 10:32:50 回复

      @憧憬Licoy 我也遇到这个问题,构建npm时报错:node_modules\wepy-com-loadings\loadings.wpy.js: 未找到npm包入口文件。目前我只有创建这个包

       Windows  Chrome  中国浙江省杭州市电信
siye 评论达人 LV.1
2018-04-26 18:31:21 回复

引入后报错:thirdScriptError
sdk uncaught third Error
module “npm/wepy-com-loadings/src/loadings.js” is not defined
Error: module “npm/wepy-com-loadings/src/loadings.js” is not defined
at require (http://127.0.0.1:58212/appservice/__dev__/WAService.js:14:15890)
at http://127.0.0.1:58212/appservice/__dev__/WAService.js:14:15745
at http://127.0.0.1:58212/appservice/pages/list/index.js:40:24
at require (http://127.0.0.1:58212/appservice/__dev__/WAService.js:14:15996)
at http://127.0.0.1:58212/appservice/appservice:1219:9
求解,谢谢。。。

 Macintosh  Chrome  中国上海上海市电信
    憧憬Licoy 博主
    2018-04-26 20:03:16 回复

    @siye 已收到,我调试一下。

     Windows  Chrome
      zuimozhiya 评论达人 LV.1
      2018-12-20 13:58:46 回复

      @憧憬Licoy 工具-构建npm报错:E:\project\WexinApp\wx-fund-zz\node_modules\wepy-com-loadings\loadings.wpy.js: 未找到npm包入口文件

       Windows  Chrome  中国福建省厦门市电信
网站建设 评论达人 LV.2
2018-04-25 10:28:01 回复

没有做过微信小程序,默默给赞

 Windows  Chrome  中国广东省广州市电信
应用志 评论达人 LV.1
2018-04-24 19:11:02 回复

小程序好火啊,是应该研究一下了

 Windows  Chrome  中国广东省珠海市电信
轩陌 评论达人 LV.1
2018-04-20 13:31:59 回复

大佬请收下我的膝盖

 Macintosh  Chrome  中国河北省石家庄市电信
godaddy 评论达人 LV.1
2018-04-11 10:30:43 回复

朋友 交换链接吗

 Windows  Chrome  中国江苏省苏州市电信
咖喱gaigai 评论达人 LV.1
2018-04-06 19:15:27 回复

博客做的好看。

 Android  Chrome  中国四川省南充市电信
闲鱼 评论达人 LV.2
2018-04-02 12:35:52 回复

微信小程序现在真的太火了。又方便又实用,羡慕博主这种技术,赞

 Windows  Chrome  中国湖南省常德市电信
    憧憬Licoy 博主
    2018-04-02 13:01:30 回复

    @闲鱼 但是小程序的限制还是比较多的,不像原生的APP那个样子,而且还必须要经过官方的审核才可以进行上架,真的是有点麻烦的

     Windows  Chrome
米粒博客 评论达人 LV.3
2018-03-28 09:13:22 回复

一直没整明白小程序算不算一个app呢,运行在手机上,比单独一个app节省资源?

 Windows  Chrome  中国广东省东莞市电信