筱筱看博客（简易的 loading 封装）
今日分享
- 今日我使用 uni-app 封装了两个简易的 button 按钮和 loading 加载的组件，需要注意的有引入字体图标时，在main.js中的全局引入，有时会没有效果。需要在App.vue中去引入。
APP.vue 组件
<script>export default {onLaunch: function() {// 默认垂直排序plus.screen.lockOrientation('portrait-primary');console.log('App Launch')},onShow: function() {console.log('App Show')},onHide: function() {console.log('App Hide')}}
</script><style>/*每个页面公共css */@import url('./common/css/main.css');
</style>
loading 组件
<template><text ref="es" class="alifont" :style="{ fontSize: size + 'rpx', color }"></text>
</template><script>const animation = weex.requireModule('animation');export default {props: { // 定义 props 属性size: { // 字体大小设置type: Number,default: 45},color: { // 颜色设置type: String,default: "#346946"}},data() {return {current: 0 // 旋转角度为 0}},onUnload() {},methods: {// 动画loading() {animation.transition(this.$refs.es, {styles: {transform: 'rotate(' + this.current + 'deg)', // 旋转一圈transformOrigin: 'center center', // 定义变化过程的中心点},duration: 2000, // mstimingFunction: 'linear', // 匀速的过渡}, () => {this.current += 360; // 每次递加 360 度this.loading(); // 重新调用一次动画数据})}},mounted() {// 调用动画this.loading();}}
</script><style>
</style>还需要注意 style 这个不能删除，没有这个的话有时全局样式会有报错。
还使用 uni-app 布局了一个简易的登录页，基本功能有：登录验证、跳转到注册登录、手机号注册，三种注册方式。登录成功之后向后台发送请求，获取到首页的数据。再跳转到首页。
写的太差，还望见谅。
筱筱看博客（简易的 loading 封装）相关推荐
- 看博客不回是小狗『博客运营随笔11.20』
博友甲:小废物,我很失望. 小废物:怎么啦,谁欺负你了,叫豪客打他! 博友甲:我的博客很冷清呀. 小废物:还好啊,一天几百个点击,知足吧!想当年,我在新浪写博客攒了半年才几百个点击.(其实不是&quo ...
- 用SQL看博客、新闻
SQLHUB发布1.060901版本,全面支持RSS阅读,可以看博客,看新闻 http://www.hgsql.com 下面是创建CSDN博客的SQL语句: create schema csdnblo ...
- JavaScript自动评论，记下你看博客的时间
参考:https://www.w3school.com.cn/js/js_date_methods.asp 代码: // ==UserScript== // @name 自动评论旧版本CSDN // ...
- 如何启动 WordPress 博客 – 简易指南 – 创建博客(2021)
您想以正确的方式创建 WordPress 博客吗?我们知道,特别是当您不是技术极客时,创建博客可能是一个复杂的想法.在帮助许多用户创建博客后,我们决定创建最全面的指南,介绍如何在没有任何技术知识的情况 ...
- hexo+github个人博客简易快速上手
在这个过程中无论任何报错和失误都不要怕,面向百度可以解决一切问题,百度不能解决的都是自己没查到位的,hexo+github搭建博客已经相对完善,解决方法也相对成熟,跟着前辈走总会有肉吃. 1.部署环境 ...
- 私人博客定制---服务器接口封装
实现服务器接口 我们用一个http服务器作为底层,但是c++中并没有先成的http服务器,所以我在GitHub上找到一个牛人写的http服务器,拿来直接用,节省本项目开发的时间 这是服务器的链接地址 ...
- 筱筱看博客（git 冲突解决）
解决冲突 一. 模拟冲突产生 1. 首先模拟产生冲突,同事在下班之后修改了线上仓库的代码 注意:此时我本地仓库的内容与线上不一致. 2. 第二天上班时,我没有做 git pull 操作,而是直接修改了 ...
- 筱筱看博客（微信小程序、Lin-ui组件、vant Weapp）
今日分享 1.微信小程序 我是使用微信开发者工具做的小demo.首先呢!我写了一个简单的for.点击事件. for 循环.点击的事件小demo. for 循环的案列,如下: 点击事件的案列,如下: 2 ...
- 筱筱看博客（函数柯里化、节流防抖）
今日分享内容 1.颗粒化: 把固定的东西我们可以使用颗粒化单个传值的方式,以实现像继承的这种东西. // 颗粒化function skin(skin) {return function (countr ...
最新文章
- 怎么在html中写当前时间,当前时间（Javascript）在HTML
- 极大似然估计_干货|一文理解极大似然估计
- labview如何进行串口通讯（转）
- 一次非常有意思的sql优化经历
- 【ABAP】SAP供应商自定义决裁生成实现
- 《移动项目实践》实验报告——Android网络通信
- wait(3) - Linux man page
- Windows Server 2003成员服务器基准用户权限分配策略
- 事实上，在你不知道的地方，还有一个世界杯！
- entity framework 调用 oracle 序列_Weblogic T3 反序列化漏洞（CVE20192890 ）分析
- 地上有一个m行和n列的方格。一个机器人从坐标0,0的格子开始移动，每一次只能向左，右，上，下四个方向移动一格，但是不能进入行坐标和列坐标的数位之和大于k的格子。
- CISC 332*/CMPE 332* –Database Management Systems
- java numberformat_NumberFormat（数字格式化类）
- 看完这篇HTTP，跟面试官扯皮就没问题了
- word文档如何在方框内打钩
- JAVA实现UTC时间转换成北京时间
- JavaEE | 集合之HashMap与ConcurrentHashMap（看完多线程后补充）
- es6中的静态属性和方法
- 海尔笔记本X3超级本拆机增加内存图文教程（解决后盖开不了问题）
- tpc服务器做系统,什么是TPC-C，它为什么会退出历史舞台？
热门文章