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

6,706次阅读
24条评论

前言

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

发表于：JavaScript
2018-03-24
# wepy# wepy-com-loadings# 小程序# 微信
复制链接
6
憧憬Licoy
版权声明：本站原创文章，由憧憬Licoy2018-03-23发表，共计568字。
转载提示：除特殊说明外本站文章皆由CC-4.0协议发布，转载请注明出处。
Pjax无刷新加载页面基础示例
基于Wepy开发的微信小程序Loading加载组件正式发布
JavaScript之基础语法案例展示
评论（24条评论）
 QQ登录
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包入口文件。目前我只有创建这个包

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

网站建设 评论达人 LV.2
2018-04-25 10:28:01 回复

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

应用志 评论达人 LV.1
2018-04-24 19:11:02 回复

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

轩陌 评论达人 LV.1
2018-04-20 13:31:59 回复

大佬请收下我的膝盖

godaddy 评论达人 LV.1
2018-04-11 10:30:43 回复

朋友 交换链接吗

咖喱gaigai 评论达人 LV.1
2018-04-06 19:15:27 回复

博客做的好看。嗯

闲鱼 评论达人 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节省资源？

公告
Puock是一款基于WordPress开发的高颜值自适应开源主题，支持白天与黑夜模式、无刷新加载等功能。
 立即去Github获取本站主题
文章搜索
憧憬点滴记忆
憧憬点滴记忆
Licoy's Blog关注互联网及软件IT技术的个人博客
阅读量
1237883
评论数
3194
今日一言
-「」
热门文章

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

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

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

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

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

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

最新评论
阿灿 阿灿 第一眼看到这个模板我就感觉不错 简约而且功能齐全,以后后端的傻小子正在学前端,用了之后还能慢慢折腾这个模板 :naughty:
cklx cklx 另外，你这个提交评论的验证，能不能换换，实在太难了，要搞好多次才行。
cklx cklx https://www.licoy.cn/puock-doc.html 打不开，从github上过来的，提示资源不存在。 现在还是打不开哈
cklx cklx 文档看不了了呢？打不开了
Pkbill.Com Pkbill.Com :naughty: ，感谢。
柠檬 柠檬 作者我想问一下为啥我的网站加载不出来头像嘞
panda panda 为什么用了主题，我主页右侧没有公告和搜索
再回首 再回首 原来的读书网站导航没了吗？可不可以用篇文章留存一下啊，
amiisk amiisk 博主你好，卡片模式显示有问题啊，文章页样式不显示，首页显示wp-includes\script-loader.php on line 2652 错误信息
666 666 66666
哈哈 哈哈 你好啊
才子佳人 才子佳人 你好，请问一下，评论防刷验证应该怎么配置呢
热评文章

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

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

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

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

读者墙
去看你博客 去看你博客
今日新鲜事 今日新鲜事
酷趣谈 酷趣谈
　 　
八点半博客 八点半博客
麦杰机械 麦杰机械
热搜 热搜
111 111
才子佳人 才子佳人
出去玩玩吧 出去玩玩吧