在 APP 的日常开放过程中，我们经常可以看到上拉刷新、下拉刷新、左滑、右滑、触底加载等效果，那其中的原理是如何呢，又是如何实现的呢，下面就一探究竟。这篇文章主要是讲述自定义滑动触摸组件的方放，兼容网页 H5 端、微信小程序端和 App 端。 目录 准备工作 原理分析 组件实现 实战演练 案例展示 准备工作 在`compone ...

这篇文章主要是讲述自定义分享组件的方放，兼容网页 H5 端、微信小程序端和 App 端。 目录 准备工作 原理分析 组件实现 H5 和 App 小程序 案例展示 准备工作 首先我们从图标图库网站上面找一些常用的分享图标并下载下来； 在components新建一个q-share文件夹，并新建一个`q-shar ...

有时候一个页面请求接口需要加载很长时间，这时候就需要一个加载页面来告知用户内容正在请求加载中，下面就写一个简单的自定义加载组件。 目录 准备工作 逻辑思路 实战演练 效果预览 准备工作 在之前的全局组件目录components下新建一个组件文件夹，命名为q-loading，组件为q-loading.vue。 再找几个效 ...

之前自定义了顶部和底部导航栏，那接下来就写一个简单的二级页面，这个是出了导航页面之外经常用到的。 目录 结构 模板 样式 方法 示例 结构 一个普通页面的结构应该是如下所示： `html 列表内容 </t ...

本篇主要讲述如何自定义顶部导航栏，有时候默认导航栏不足以满足我们的需求，这时候就需要自定义导航栏来解决这个问题。 目录 默认导航 修改配置 自定义顶部 默认导航 自带的默认顶部导航设置的内容有限，不容易扩展修改，因此如果有更加个性化的需求，则需要自定义顶部导航。 配置如下： `json "globalStyle": { ...

在底部导航栏这个模块，很多时候默认的样式不符合我们的设计规范和需求，因此需要自定义底部导航栏，这样可以满足我们的需求，也可以更加个性化，增加用户体验，下面就介绍如何自定义底部导航栏。 目录 准备导航素材 配置页面导航 自定义导航栏 准备导航素材 要自定义底部导航栏，我们需要到 iconfont 上面找一些常用的图标，然后保存成图片，存到本地图 ...

这篇文章主要介绍如何安装和使用一个插件市场的插件的方法。 目录 查找插件 安装插件 使用插件 查找插件 打开插件市场：https://ext.dcloud.net.cn/ 例如我们项目中要用到富文本渲染的内容，可以查找一下富文本； 在结果页可以选一款适合自己的插件，我觉得 ...

上一篇讲解了如何创建一个新的 uniapp 项目，这篇来讲解以下如何注册和使用全局的公共组件，全局样式和全局方法。 目录 目录结构 公共组件 公共样式 公共方法 目录结构 创建好项目以后，可以先初始化一下目录，下面是我自己的习惯。 `txt ┌─components ├─hybrid │ ├─html │ │ ...

导语：本篇文章主要是项目方面的技术开发总结，新建一个项目可以选择使用可视化界面，也可以使用命令行搭建。 目录 可视化界面 命令行搭建 安卓开发环境 苹果开发环境 可视化界面 安装软件 使用官方推荐的 HbuilderX 软件，开发方式比较简单，内置相关环境以及终端，无需配置 node。 下载地址: [hbuild ...

导语：最近开发了一个基于 uniapp 框架的项目，有一些感触和体会，所以想记录以下一些技术和经验，在这里做一个系列总结，算是对自己做一个交代吧。 目录 简介 全局文件 全局组件 常用 API 条件编译 插件开发 简介 uniapp 是 DCloud 公司于 2015 年开发的一款基于 vue 的跨端框架，编写一套代码就可以 ...