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

6,603次阅读
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协议发布，转载请注明出处。
JavaScript之基础语法案例展示
基于Wepy开发的微信小程序Loading加载组件正式发布
Pjax无刷新加载页面基础示例
评论（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技术的个人博客
阅读量
1199868
评论数
3137
今日一言
-「」
热门文章

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

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

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

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

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

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

最新评论
沧笙踏歌प 沧笙踏歌प 希望作者能给cms风格也添加像博客风格那样的文章文字列表（指您博客首页底下的“折腾不止”等版块）
今日新闻 今日新闻 文章不错支持一下吧
新闻头条 新闻头条 文章不错非常喜欢
轩陌 轩陌 老哥，我记得我加了你QQ的啊，我咋找不到了
lc lc 用了很久来感谢一下作者，主题很好用~
　 　 提醒一下博主，v2ex这两天又被1墙了，建议博主换成sb.sb的
劉文 劉文 交个朋友
奇闻志 奇闻志 感谢站长分享
星火 星火 怎么实现只在首页显示广告
　 　 我直接重新上传安装了，不用改数据库，懒得改，之前设置重新调就行
喝不玩、的酒 喝不玩、的酒 请问Puock主题可以用于商业用途吗？
　 　 现在貌似好了
热评文章

面包多WordPress插件 – 把你的文章变成付费版

git reset —hard后暂存区代码跑哪儿去了？

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

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

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

读者墙
去看你博客 去看你博客
今日新鲜事 今日新鲜事
酷趣谈 酷趣谈
　 　
八点半博客 八点半博客
麦杰机械 麦杰机械
热搜 热搜
PacificRack PacificRack
出去玩玩吧 出去玩玩吧
哈逗 哈逗