refresher

APICloud AVM多端开发 | 企业app开发解析:案例展示、加盟申请功能源码

一世执手 提交于 2021-01-09 17:00:41
本项目中前端采用 APICloud AVM 多端开发技术进行企业app开发,要点包括 TabLayout 布局、swiper 轮播图、rich-text 富文本、scroll-view 滚动视图、下拉刷新等。 项目后端则是使用的 APICloud 数据云 3.0 自定义云函数来构建的。 使用APICloud 多端技术进行企业app开发,实现一套代码多端运行,支持编译成 Android & iOS App 以及微信小程序。项目源码在 https://github.com/apicloudcom/company-display 仓库的 widget 目录下。 使用步骤: 使用 APICloud Studio 3 作为开发工具。 下载本项目源码。 在开发工具中新建项目,并将本源码导入新建的项目中,注意更新,config.xml 中的 appid 为你项目的 appid。 使用 AppLoader 进行真机同步调试预览。 或者提交项目源码,并为当前项目云编译自定义 Loader 进行真机同步调试预览。 云编译 生成 Android & iOS App以及微信小程序源码包。 如果之前未接触过 APICloud 开发,建议先了解一个简单项目的初始化、预览、调试和打包等操作,请参考 APICloud 多端开发快速上手教程 。 网络请求接口封装 在 utils/model.js 中

微信小程序长列表组件 recycle-view 修改,使其可以下拉刷新

巧了我就是萌 提交于 2020-10-03 12:05:03
recycle-view修改属性,使其可以下拉刷新 微信长列表组件 recycle-view 修改,使其可以下拉刷新 微信的长列表组件能够很好的解决微信小程序大量数据渲染卡顿的问题 但是对下拉数据刷新的动态展示效果却很差 步骤 1.在小程序对长列表组件 构建npm完成之后,文件目录如下图所示 2.首先打开 recycle-view.js 文件 在组件属性列表对象properties 中添加两个属性 // 以下是自定义组件下拉刷新属性 refresherenabled : Boolean , refreshertriggered : Boolean 3.在 recycle-view.wxml 文件中 给组件 scroll-view 添加属性 refresher-enabled= "{{!!refresherenabled}}" refresher-triggered= "{{!!refreshertriggered}}" refresher-threshold= "{{100}}" bindrefresherrefresh= "_refresherrefresh" 4.在 recycle-view.js 文件中添加对应的方法 5.引用组件 refresherenabled = "{{ispull}}" //ispull 控制是否开启下拉刷新 refreshertriggered =

【微服务】spring cloud config 工作原理源码分析

半世苍凉 提交于 2020-08-15 13:17:39
spring cloud config 工作原理 1. spring cloud config 测试案例 说明:为方便起见,这里使用本地文件(native)作数据后端,Spring cloud config 支持的数据后端参考:EnvironmentRepositoryConfiguration 1.0 spring cloud config server 启动类:ConfigServerApplication // 开启Spring Config Server 功能,主要为引入Server自动化配置开启服务器功能:ConfigServerAutoConfiguration // 对外开放http功能(ConfigServerMvcConfiguration):EnvironmentController、ResourceController @EnableConfigServer @SpringBootApplication public class ConfigServerApplication { public static void main(String[] args) { SpringApplication.run(ConfigServerApplication.class, args); } } 配置服务器配置:bootstrap.yml server: port:

微信小程序开发- 3

走远了吗. 提交于 2020-02-27 15:20:56
微信小程序开发-开发流程和开发基础 - 1 微信小程序开发-2- 生命周期、事件、原生组件 微信小程序开发- 3 - 原生组件(一) 微信小程序开发- 4 - 原生API 微信小程序开发- 5 - 开放功能 微信小程序官方文档地址 https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.html 小程序开发框架 - 组件类型 视图容器 基础内容 表单组件 导航组件 地图组件 媒体组件 开放能力 画布 视图容器 view 容器组件 scroll-view 滚动组件 swiper 轮播组件 swiper-item 仅可放置在swiper组件中,宽高自动设置为100%。 movable-area 可移动区域 movable-view 支持移动和缩放的组件 cover-view 容器组件 与view不同是可以覆盖在原生组件之上,如canvas、video cover-image 覆盖在原生组件之上的图片视图。可覆盖的原生组件同cover-view,支持嵌套在cover-view里。 view组件 属性名 默认值 说明 hover-class node 指定按下去的样式类;值为none,没有点击态效果 hover-stop-propagation false 指定是否阻止本节点的祖先节点出现点击态

Refresh a page in ionic2

筅森魡賤 提交于 2019-11-30 07:10:31
问题 Is there a way to refresh only a page i.e. only one screen in ionic2. I tried : window.location.reload(); and location.reload(); but it rebuilds the app .. is there a way to refresh only that page (particular screen). Also tried: <ion-input *ngIf="no_internet === 1" (click)="refresh($event)"></ion-input> in TypeScript: refresh(refresher) { console.log('Begin async operation', refresher); setTimeout(() => { console.log('Async operation has ended'); refresher.complete(); }, 2000); } 回答1: Try

Refresh a page in ionic2

大兔子大兔子 提交于 2019-11-29 03:42:22
Is there a way to refresh only a page i.e. only one screen in ionic2. I tried : window.location.reload(); and location.reload(); but it rebuilds the app .. is there a way to refresh only that page (particular screen). Also tried: <ion-input *ngIf="no_internet === 1" (click)="refresh($event)"></ion-input> in TypeScript: refresh(refresher) { console.log('Begin async operation', refresher); setTimeout(() => { console.log('Async operation has ended'); refresher.complete(); }, 2000); } Try this code : this.navCtrl.setRoot(this.navCtrl.getActive().component); You could also use the ionic refresher,