基于Wepy开发的微信小程序Loading加载组件正式发布 - 憧憬点滴记忆

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

6,629次阅读

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

发表于：JavaScript

2018-03-24

# wepy # wepy-com-loadings # 小程序 # 微信

复制链接

6

版权声明：本站原创文章，由憧憬Licoy2018-03-23发表，共计568字。

转载提示：除特殊说明外本站文章皆由CC-4.0协议发布，转载请注明出处。

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

JavaScript之基础语法案例展示

Pjax无刷新加载页面基础示例

SpringBoot下使用Shiro+Freemaker报错：org.apache.shiro.UnavailableSecurityManagerException

使用PIL中Image.rotate()之后将回转后的非图像区域变成白色

评论（24条评论）

zuimozhiya 评论达人 LV.1

2018-12-20 10:51:20 回复

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

憧憬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包入口文件。目前我只有创建这个包

憧憬Licoy 博主

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
求解，谢谢。。。

憧憬Licoy 博主

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

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

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包入口文件

憧憬Licoy 博主

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

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

网站建设评论达人 LV.2

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

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

憧憬Licoy 博主

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

应用志评论达人 LV.1

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

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

憧憬Licoy 博主

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

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

轩陌评论达人 LV.1

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

大佬请收下我的膝盖

憧憬Licoy 博主

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

@轩陌你才是大佬

godaddy 评论达人 LV.1

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

朋友交换链接吗

憧憬Licoy 博主

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

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

咖喱gaigai 评论达人 LV.1

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

博客做的好看。嗯

憧憬Licoy 博主

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

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

咖喱gaigai 评论达人 LV.1

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

@憧憬Licoy 知更鸟主题?

憧憬Licoy 博主

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

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

闲鱼评论达人 LV.2

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

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

憧憬Licoy 博主

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

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

米粒博客评论达人 LV.3

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

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

憧憬Licoy 博主

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

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

公告

Puock是一款基于WordPress开发的高颜值自适应开源主题，支持白天与黑夜模式、无刷新加载等功能。

立即去Github获取本站主题

文章搜索

今日一言

热门文章

SpringCloud使用Zuul出现“Forwarding error”错误解决方法

Chatroulette-全世界随机视频聊天网站

IntelliJ IDEA下将JavaWeb打包成war包并发布到tomcat步骤说明

LiRecord留言板系统V2.0正式版发布

SpringBoot打包成war包并放置在tomcat运行

SpringBoot+Shiro整合进行登录验证与权限控制

最新评论

amiisk 博主你好，卡片模式显示有问题啊，文章页样式不显示，首页显示wp-includes\script-loader.php on line 2652 错误信息

666 66666

哈哈你好啊

才子佳人你好，请问一下，评论防刷验证应该怎么配置呢

才子佳人很棒的内容！保持良好的工作！

zg2888 报个错，导航栏显示登录入口，开启后，登录的图片无法显示，

才子佳人不知道是不是我移动网的问题

才子佳人怎么更换Gravatar加载源呢，主题上的节点都不能用了

lgn 你好大佬我想问下 wordpress搭建怎么适配手机端啊

拿奖金好像电视剧叫《福贵》，哮天犬陈创演的吧。一家人全死光了，好惨！

促销代码很棒的内容！保持良好的工作！

社长到此一游

热评文章

Go日常食用之N种字符串拼接方式及性能测试

Go日常食用之读取yml配置文件

岛屿数量计算中的DFS和BFS的应用

Go日常食用之将Excel转换为CSV

读者墙

去看你博客

今日新鲜事

八点半博客