current location:Home > Technical Articles > Web Front-end > uni-app

  • uniapp fonts and icons are not horizontal
    uniapp fonts and icons are not horizontal
    Recently, when developing a Uniapp application, I encountered a strange problem, that is, the fonts and icons are not displayed horizontally on some devices. This problem bothered me very much because it appeared normal on my device but had problems on other devices. After several days of research and debugging, I finally found the cause and solution. Problem Description First, let's take a look at the performance of this problem. On my development device, as shown in the picture below, the fonts and icons are displayed normally without any problems. ![font_icon_normal.
    uni-app 1148 2023-05-22 09:18:06
  • uniapp settings spanning access
    uniapp settings spanning access
    Uniapp is a cross-platform development framework that allows developers to use a set of code to write applications that run on multiple platforms at the same time. When developing with Uniapp, a common question is how to set up cross-domain access. This article will introduce the cross-domain access setting method and precautions of Uniapp. 1. What is cross-domain access? Cross-domain access refers to the issue of security restrictions when the client requests non-original resources on the server. The so-called non-original request means that at least one of the three elements of protocol, domain name, and port number is different from the current request. example
    uni-app 4375 2023-05-22 09:16:07
  • uniapp cloud packaging cannot request the network
    uniapp cloud packaging cannot request the network
    As a tool for cross-platform development, uniapp has many conveniences in the development process, but when performing cloud packaging, we may encounter problems when requesting the network. Recently, during the development of uniapp, I used uniCloud's cloud functions and the API interface for aggregating data. However, I encountered the problem of being unable to request the network during cloud packaging, which made me very distressed. After many tests and querying relevant documents, I found that this was caused by the sandbox mode being turned on by uniapp cloud packaging by default, and in sandbox mode, network requests were limited.
    uni-app 1701 2023-05-22 09:14:36
  • uniapp modifies array value
    uniapp modifies array value
    Recently, in the process of developing a small program using uniapp, I encountered a problem: how to modify the array value. As a beginner, I didn't read the documentation carefully, so I initially used the native js method to modify the array, but found that it was not successful. So I started looking for a solution. After consulting the official documentation and some developers' experience sharing, I learned that uniapp has its own set of methods for modifying array values. Below I will share with you based on my development experience. First, we need to clarify a concept: arrays in uniapp and native arrays
    uni-app 2737 2023-05-22 09:10:07
  • uniapp change radio button
    uniapp change radio button
    Uniapp is a powerful and easy-to-use cross-platform application development framework that can be used to develop Android, iOS and Web applications. For Uniapp developers, it is very important to know how to change the radio button style. This article will focus on how to change the radio button box in Uniapp. First of all, implementing the function of radio button in Uniapp mainly relies on the uni-radio component. This component can provide the display and selection functions of radio buttons. We can use the uni-radio component to implement the radio button
    uni-app 1803 2023-05-22 09:06:07
  • uniapp compatible with iPhone
    uniapp compatible with iPhone
    In recent years, mobile application development has received widespread attention and use. As a new development framework, Uniapp has gradually gained recognition and favor from a large number of developers in this field. However, the compatibility issue with Apple devices has always been a common difficulty in the Uniapp development process. This article will discuss the aspects of Uniapp’s compatibility with Apple to help readers better understand the advantages and limitations of Uniapp. First of all, it needs to be clear that Uniapp is not a development framework for Apple devices. In fact, Uniapp uses H
    uni-app 1515 2023-05-22 09:05:08
  • uniapp cannot receive offline push
    uniapp cannot receive offline push
    With the rapid development of mobile Internet, mobile applications have become an indispensable part of our lives. As APPs become more and more widely used, the push function becomes more and more important. Offline push is a type of push function that can send notification messages to users when the APP is in the background or closed. However, in the process of using uniapp to develop applications, you may encounter the problem of not receiving offline push. 1. What is uniapp uni-app is a cross-platform development framework based on Vue.js, which allows developers to use a
    uni-app 1992 2023-05-22 09:04:06
  • uniapp removes navigation text
    uniapp removes navigation text
    Navigation is a very important part of the uniapp development process. It can help users better understand the location and functions of the current page. However, in some cases, we may need to remove navigation text. For example, in terms of design style, we need to make the page more concise and pure, and removing navigation text can achieve this goal. So, how to remove navigation text in uniapp? Method 1: Hide navigation text in the page In uniapp, the default navigation text is defined through the routing configuration file. For example, the following code: ``
    uni-app 1190 2023-05-22 09:03:37
  • Swipe up to change the head of uniapp
    Swipe up to change the head of uniapp
    In mobile development, if you need to change the header content (such as title or background color) when the page is scrolled, you can use some techniques to achieve this. In this article, we will introduce how to use event listening and dynamic style changes to achieve this functionality in Uniapp. Uniapp is a framework for developing applications based on Vue.js, which can build multi-platform applications by writing once. It adopts a hierarchical structure and provides support for multi-level page structures for applications. Uniapp also provides a rich set of components and plug-ins for applications, making development
    uni-app 1000 2023-05-21 22:46:37
  • How to import uniapp
    How to import uniapp
    Uniapp is a cross-platform framework based on Vue.js that can be used to quickly develop cross-platform applications. In Uniapp, import is a common way to import modules. Through import, you can import the required modules into Uniapp's code and use the variables and functions therein. In this article, the import syntax in Uniapp will be introduced in detail and how to use import to import modules in Uniapp. ## The import syntax in Uniapp is in Uniap
    uni-app 2098 2023-05-21 22:41:08
  • uniapp does not refresh after modifying the code
    uniapp does not refresh after modifying the code
    If you use Uniapp for mobile application development, you may have encountered a problem: you modified the code, but when you run the application, the code is not refreshed, and it persists even after recompiling and building. This can be frustrating because you need to open the project again or try to clear the cache to update the code. In this article, we will analyze the causes of this problem and provide some possible solutions. ## Cause of the problem In Uniapp, the application is a web application running in the local browser. When you edit code
    uni-app 2076 2023-05-21 22:40:06
  • How uniapp saves code size
    How uniapp saves code size
    With the rapid development of mobile Internet, more and more mobile application development frameworks have been launched. Among them, uniapp is a cross-platform framework based on Vue.js, which has the characteristics of one-time development and multi-terminal deployment. However, in development, code size is often a serious problem. Therefore, this article will introduce how to optimize uniapp to achieve code size savings. 1. Use compression tools. First, you can use compression tools to compress the code to reduce the size of the code. Currently, the more popular compression tools on the market include uglifyjs, te
    uni-app 1666 2023-05-21 22:39:37
  • How to use stomp in uniapp
    How to use stomp in uniapp
    As modern web applications evolve, more and more developers are using WebSocket technology for real-time communication. However, if you need to use a message broker, specifically ActiveMQ or RabbitMQ, then the STOMP protocol is another option worth considering. When developing mobile applications, Uniapp is a development framework worth trying, which can help you develop cross-platform applications in a more efficient way. In this article, we will explore how to use Uniap
    uni-app 1621 2023-05-21 22:34:09
  • After uniapp successfully logs in, jump to other pages and refresh
    After uniapp successfully logs in, jump to other pages and refresh
    With the development of the Internet, mobile development has become more and more important. Based on this, uniapp emerged as the times require and has become a popular cross-platform mobile development framework today. In uniapp, login is a very common function, and the refresh problem is also an issue that needs to be considered during the development process. This article will introduce in detail how to jump to other pages to refresh after successful login in uniapp. 1. Prerequisite knowledge Before starting the introduction, we need to introduce some prerequisite knowledge in uniapp. 1. Routing in routing uniapp
    uni-app 3857 2023-05-21 22:21:36
  • UniAPP hidden page will be refreshed
    UniAPP hidden page will be refreshed
    UniAPP is a cross-platform application development framework that can develop an application on multiple platforms, including Android, iOS and Web platforms. However, some developers will encounter a problem, that is, when the page is hidden, the page will automatically refresh. Why is this? UniAPP is a framework based on Vue.js. In Vue.js, when a component is hidden, it is not destroyed, but is cached so that it can be used directly the next time it is needed. This mechanism also exists in UniAPP, so when the page is hidden
    uni-app 731 2023-05-21 22:17:06

Tool Recommendations

jQuery enterprise message form contact code

jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29

HTML5 MP3 music box playback effects

HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.

HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29

jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29

Organic fruit and vegetable supplier web template Bootstrap5

An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03

Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02

Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02

Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02

Cute summer elements vector material (EPS PNG)

This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09

Four red 2023 graduation badges vector material (AI EPS PNG)

This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29

Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29

Golden graduation cap vector material (EPS PNG)

This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27

Home Decor Cleaning and Repair Service Company Website Template

Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09

Fresh color personal resume guide page template

Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29

Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28

Modern engineering construction company website template

The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28