【UniApp】uniapp 中使用不同字体

官方文档  uniapp  字体展示效果 : uniapp 多种字体的显示H5网页AndroidIOSuni.loadFontFace({   family: 'Bitstream Vera Serif Bold',   source: 'url("https://sungd.github.io/Pacifico.ttf")', &nb

发表于：2023-12-21 浏览：293 TAG：

【UniApp】uniapp怎么关闭软键盘

在开发移动应用程序时，我们经常需要用户在输入框中输入信息。然而，在某些情况下，软键盘通常会影响到应用程序的用户体验。在使用uniapp框架时，我们常常需要关闭软键盘，以方便应用程序的使用。在本文中，我们将探讨如何在uniapp中关闭软键盘。在uniapp中，我们可以使用原生的方式关闭软键盘。一种方法是在输入框之外的任何位置单击。这将导致键盘被隐藏，并使输入框失去焦点。但是，这种方法可能会在用户意外单击页面上的其他区域时导致数据丢失或者用户体验变得不好。另一种方法是通过JavaScri

发表于：2023-12-17 浏览：562 TAG：

【UniApp】Uniapp中如何实现左右点击滚动功能

uniapp是一款基于Vue.js的跨平台应用框架，可以同时开发iOS、Android、H5、小程序等多个平台的应用程序。其中，滚动操作在Uniapp中是一项很常见的操作，今天我们来讨论在Uniapp中如何实现左右点击滚动。一、背景介绍在Uniapp的实际应用中，我们常常会遇到需要在页面中实现左右滚动操作的需求。例如，移动端的导航菜单或者横向的图片滚动，都需要使用左右点击滚动来实现。那么，在Uniapp中如何实现这种左右点击滚动的效果呢？接下来我们将用详细的步骤来解答这个问题。二、实现

发表于：2023-12-17 浏览：315 TAG：

【UniApp】uniapp路由怎么配置

随着移动应用的普及和需求的增加，越来越多的开发者开始使用跨平台开发技术来构建应用程序。UniApp作为一个跨平台的开发框架在这个趋势下逐渐崭露头角，并且受到越来越多开发者的欢迎。在使用UniApp开发应用程序的过程中，路由是一个非常重要的组成部分，它允许你在不同页面之间进行导航。在UniApp中，路由用于控制应用程序的页面跳转和导航。如果你已经熟悉了Vue.js的路由机制，那么在使用UniApp的路由时，你将会感到非常熟悉。UniApp的路由机制可以很好地兼容Vue.js的路由，并且提

发表于：2023-12-16 浏览：375 TAG：

【UniApp】uniapp怎么引入外部css文件

随着前端技术的持续发展，越来越多的开发者开始使用uni-app进行跨平台开发。而其中一个必不可少的功能就是引入外部的CSS文件，以便更好地定制页面的样式。那么，在uni-app中，我们应该如何引入外部的CSS文件呢？本篇文章将为您一一详细介绍。一、在Vue组件中引入外部CSS文件在uni-app中，我们可以使用Vue组件来构建页面。因此，我们可以直接在Vue组件中引入外部的CSS文件。首先，在项目的根目录下创建一个新的CSS文件，例如styles.css。接着，在需要引入CSS的Vue

发表于：2023-12-16 浏览：393 TAG：

【UniApp】如何在uniapp中实现本地上传音频功能

近年来，随着移动互联网的发展与普及，各种应用程序如雨后春笋般涌现，而其中音频应用程序更是呈现爆发式增长的趋势。像唱吧、麦颂等手持式KTV应用程序已经成为年轻人在休闲娱乐中的重要选择。然而，应用程序中的音频功能大多都需要上传音频文件到服务器，进而实现分享和点播等功能。在此背景下，本文将介绍如何在uniapp中实现本地上传音频功能。uniapp是一个跨平台开发框架，它支持将程序一次性编译为不同平台的应用程序，如iOS、Android、H5等。因此，本文将基于uniapp来介绍如何实现本地上

发表于：2023-12-16 浏览：361 TAG：

【UniApp】如何在uniapp中实现底部导航的隐藏功能

在使用uniapp开发移动应用时，底部导航栏的存在可以帮助用户快速地切换页面和功能，提高用户体验和操作效率。然而，在某些特殊情况下，我们可能需要隐藏掉底部导航栏，本文将介绍如何在uniapp中实现底部导航的隐藏。一、底部导航栏的基本使用uniapp的底部导航栏是在pages.json文件中进行配置的，我们可以在其中设置底部菜单栏的样式、图标和跳转的页面等信息。以下是一个简单的示例代码：{   "pages":[   &nbs

发表于：2023-12-16 浏览：352 TAG：

【UniApp】uniapp全局方法怎么使用

uniapp是一款基于Vue.js框架开发的跨平台开发框架，可以通过编写一套代码，同时在iOS、Android、H5等多个平台上运行。在uniapp中，我们可以使用全局方法来方便地进行公共方法的调用。本文将介绍uniapp全局方法的定义和使用。一、定义全局方法在uniapp中定义全局方法需要用到Vue.prototype.$xxxx = function()这个语法，其中xxxx是方法名称。示例代码如下：Vue.prototype.$formatDate = fun

发表于：2023-12-16 浏览：360 TAG：

【UniApp】uniapp 没有document怎么办

Uniapp是一种跨平台开发框架，可以将代码一次性打包为多个平台运行。然而，与传统的网页开发不同，它并没有像浏览器一样的document对象。许多开发者会发现，在Uniapp开发中，没有了document对象，我们该如何编写代码呢？首先，我们需要了解Uniapp不使用浏览器，而是使用了自己的渲染引擎，名为UniView。UniView的使用方式与浏览器类似，也是使用HTML、CSS、JavaScript进行开发，但是其内部实现与浏览器的实现方式有一些不同，其中最明显的一个不同就是缺少了

发表于：2023-12-16 浏览：347 TAG：

【UniApp】uniapp怎么跳转页面？两种方式介绍

uni-app 是一个基于Vue.js的跨平台开发框架，我们可以用它来开发基于H5、小程序、Android/iOS等多平台的应用程序。其中，页面跳转是一个非常关键的功能，本文将会介绍uni-app中常见的两种页面跳转方式，分别是路由跳转和页面间事件通信。一、路由跳转路由跳转是指在uni-app中通过改变页面url的方式来跳转到不同的页面。uni-app提供了一套路由跳转的API，包括：uni.navigateTo()使用 uni.navigateTo() 可以跳转到应用的非底部导航栏页

发表于：2023-12-16 浏览：345 TAG：