Jul092018
Uni-app中的第三方库与插件集成
在Uni-app开发中,我们经常会需要使用一些第三方库和插件来扩展应用的功能和特性。本文将介绍如何在Uni-app中集成第三方库和插件,并展示一些常见的实例。
Uni-app中的第三方库集成
1. 安装第三方库
首先,我们需要在项目中安装所需的第三方库。可以使用npm或yarn等包管理工具来安装库。例如,要安装一个名为”axios”的库,可以使用以下命令:
npm install axios
安装完成后...阅读全文
抢沙发
Apr082018
Uniapp实现在线PDF文件预览
简介
在移动应用开发中,我们经常有需要将PDF文件在应用内进行预览的需求。本篇博客将介绍如何使用Uniapp框架来实现在线预览PDF文件的功能。
步骤
集成Pdf.js
在Uniapp项目中,我们可以通过引入Pdf.js来实现PDF文件的预览功能。首先,我们需要将Pdf.js的相关文件下载到本地,然后在项目的源码中引入这些文件。
创建PDF预览组件
在Uniapp中创建一个新的Vue组件,用于实现PDF文件的预览...阅读全文
Apr052018
May092017
UniApp微信登录注意事项(App端)
介绍
UniApp是一种基于Vue.js开发多平台应用的前端框架,可以同时打包成iOS和Android两个平台的应用程序。微信登录是UniApp中常见且常用的功能之一,本文将介绍在App端使用UniApp实现微信登录时需要注意的事项。
准备工作
在开始使用UniApp实现微信登录之前,您需要先进行以下准备工作:
在微信开放平台上创建一个应用,并获取到对应的AppID和AppSecret。
在UniApp项目中安装uni-login插...阅读全文
Mar132017
Uniapp Vue3 基础知识点附带实例
什么是Uniapp?
Uniapp是一个基于Vue.js的跨平台开发框架,能够快速地在多个平台(包括iOS、Android、H5、小程序等)上开发应用。Uniapp支持使用Vue的语法和开发方式,并且提供了一些特殊的API以适配不同的平台。
Vue3新特性
Vue3相比于Vue2有很多的改进和新特性,主要包括:
Composition API:Vue3引入了新的Composition API,可以将相关代码组织在一起,让代码更加容易理解和维护。
更...阅读全文
Jan012017
UniApp Vue3 日历:可签到、跳转、内容丰富
在移动应用程序开发中,日历是一个常见的功能需求。UniApp和Vue3的组合为我们提供了一种高效的方式来创建一个功能丰富的日历应用。本文将介绍如何使用UniApp和Vue3来创建一个日历应用,并且增加了可签到和内容跳转功能。
步骤一:创建项目
首先,我们需要安装UniApp和Vue3。可以在命令行中使用以下命令:
npm install -g @vue/cli
vue create uni-calendar
然后选择Vue3作为默认的Vue版...阅读全文
Sep272016
uniapp中UView中u-form表单在v-for循环下如何进行表单校验
引言
在uniapp开发中,UView是一个非常流行的UI组件库,其中的u-form组件非常方便用于表单的构建和校验。但是,当我们需要在v-for循环中动态生成表单时,如何进行表单校验却是一个比较复杂的问题。本文将介绍如何在uniapp中UView的u-form组件下,通过v-for循环动态生成表单,并进行表单校验。
准备工作
在开始之前,确保你已经安装好了UView组件库,并且在uniapp项目中引入了相关组件。如...阅读全文
Aug192016
Uniapp App实现QQ登录和微信登录
介绍
Uniapp是一款跨平台开发框架,可以同时生成iOS、Android、H5、小程序等多端应用。本文将介绍如何在Uniapp中实现QQ登录和微信登录功能。
QQ登录
准备工作
在开始之前,我们需要先去QQ开放平台注册一个应用,获取到App ID和App Key。
实现步骤
在Uniapp项目中,安装uni-login插件,该插件提供了QQ登录的功能。
在manifest.json文件中声明插件:
{
"mp-weixin": {
"plugins": ...阅读全文
Jun222016
Uniapp Render.js:实现丰富多样的内容渲染
引言
在开发 Uniapp 应用时,我们经常需要进行内容渲染,包括但不限于列表渲染、条件渲染、循环渲染等。Uniapp 提供了 Render.js,一个强大的工具,用于实现丰富多样的内容渲染。本文将详细介绍 Render.js 的使用方法,并分享一些实用技巧。
渲染列表
首先,我们来看如何使用 Render.js 渲染一个列表。
<template>
<view>
<ul>
<li v-for="(item, index...阅读全文
Jun142016
uni-app实现PDF预览功能
简介
在移动应用开发中,实现PDF文件的预览功能是一项非常常见且实用的需求。uni-app作为一款跨平台的开发框架,可以通过调用原生插件,实现PDF文件的预览功能。本文将介绍如何在uni-app中实现PDF预览功能,并提供相应的代码示例。
实现步骤
引入插件
在uni-app项目的manifest.json文件中,添加对uni-app原生插件pdf-viewer的引用。可以通过以下代码实现:
"plugins": {
"pdf-viewe...阅读全文