uniapp 项目实践总结(八)自定义加载组件

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

uniapp 项目实践总结(七)编写一个简单的应用页面

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

uniapp 项目实践总结(六)自定义顶部导航栏

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

uniapp 项目实践总结(五)自定义底部导航栏

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

uniapp 项目实践总结(四)安装和使用一个插件市场的插件

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