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

前几天在做微信小程序的时候，由于项目中部分地方需要让用户等待一段时间，如果是要为了用户体验，在其页面加上一段 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 依次类推

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

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

正文结束

wepy wepy-com-loadings 小程序微信

发表至： JavaScript

2018-03-23

评论（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 我目前项目中也用到了，并没有发生您说的这个问题

小星评论达人 LV.1

2019-01-16 10:32:50 回复

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

2019-01-18 15:46:44 回复

@小星您的node版本以及wepy-cli的版本是多少

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

2018-04-26 20:03:16 回复

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

2018-12-20 13:58:46 回复

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

2018-12-25 20:45:50 回复

@zuimozhiya 请检查node_modules是否存在依赖

网站建设评论达人 LV.2

2018-04-25 10:28:01 回复

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

2018-04-25 13:51:44 回复

@网站建设

应用志评论达人 LV.1

2018-04-24 19:11:02 回复

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

2018-04-25 13:51:38 回复

@应用志可以去试试，还是很不错的一个选择

轩陌评论达人 LV.1

2018-04-20 13:31:59 回复

大佬请收下我的膝盖

2018-04-20 21:31:34 回复

@轩陌你才是大佬

godaddy 评论达人 LV.1

2018-04-11 10:30:43 回复

朋友交换链接吗

2018-04-14 15:53:49 回复

@godaddy 不好意思，贵站暂不符合本站友链要求。

咖喱gaigai 评论达人 LV.1

2018-04-06 19:15:27 回复

博客做的好看。嗯

Android Chrome

2018-04-10 20:05:01 回复

@咖喱gaigai 还行，不过你的域名挺不错的

2018-04-10 22:21:20 回复

@憧憬Licoy 知更鸟主题?

2018-04-14 15:48:46 回复

@咖喱gaigai 对，我是使用的知更鸟主题

闲鱼评论达人 LV.2

2018-04-02 12:35:52 回复

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

2018-04-02 13:01:30 回复

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

米粒博客评论达人 LV.3

2018-03-28 09:13:22 回复

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

2018-03-31 19:26:17 回复

@米粒博客内嵌式吧，但是功能上有限制

美梦更新版本之后就有问题之前那个版本没问题，谷歌自动加上去的, 谷歌可能检测到有问题，又自动加到其他地方去

美梦首页，怎么加入谷歌广告，右侧就跑到下面去了？

赴衬您好博主，反馈一下主题bug以及更新建议，文章左侧分享链接-选择复制链接，实际上无法复制文章链接。其次就是你博客的右侧栏的class图标失效了一部分。更新建议：可以把文章内文字排版左右侧间距拉大点吗，手机端浏览基本已经顶边边了，还有这个验证码可不可以调大点或者把验证码字符设置简单点，眼神不好的人有点看不清噢。（重点来了，主题非常好用，感谢分享~）