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

  • How to achieve the effect of immobile pictures in uniapp
    How to achieve the effect of immobile pictures in uniapp
    In mobile application development, images are a very important element because they can increase the aesthetics of the application and improve the user experience. However, sometimes we want the image to stay in a certain position and not move as the user swipes. This is very useful in many situations, such as placing four fixed buttons at the bottom of the page, or placing a navigation bar at the top of the page so that it stays at the top of the page as the user scrolls. This article will introduce how to achieve the effect of immobile pictures in uniapp. ### 1. Use CSS positioning to achieve immobile images
    uni-app 1246 2023-04-27 14:34:37
  • What happened when the uniapp project was packaged and installed and the phone got stuck?
    What happened when the uniapp project was packaged and installed and the phone got stuck?
    Recently, I was developing a mobile application based on uniapp, but I encountered a troubling problem when packaging and installing the project on the mobile phone: the application would get stuck on the welcome interface after startup and could not run normally. So I started trying and exploring, and finally found a solution and shared it with everyone. First of all, I attribute the cause of the problem to multiple aspects: 1. Code problem: It may be because there is a problem with the code written, such as an infinite loop, memory leak, etc. 2. The resource image is too large: If many large images are used in the application, it will cause the application to take up too much space.
    uni-app 1980 2023-04-27 14:34:24
  • How to implement fuzzy search in uniapp
    How to implement fuzzy search in uniapp
    With the development of mobile Internet, users have increasingly higher demands for search, filtering and other functions. In many apps, fuzzy search has become an indispensable feature. How to implement fuzzy search in uniapp? This article will introduce you to the detailed implementation method. 1. Introduction to uniapp Uniapp is a development tool based on the Vue.js framework, which can simultaneously develop applications for multiple platforms such as mini programs, H5, App, WeChat official accounts, and Alipay mini programs. uniapp has the advantages of cross-platform, high efficiency, and easy to use.
    uni-app 3059 2023-04-27 14:33:50
  • How to deploy uniapp to oss
    How to deploy uniapp to oss
    UniApp is a cross-end development framework based on Vue.js and mini program technology. Developers can use the same set of code for development on different platforms, greatly improving development efficiency. When development is complete, we need to deploy the application to the cloud for quick access and use. This article will introduce how to deploy the UniApp application to Alibaba Cloud OSS (Object Storage Service) and achieve online access. 1. Introduction to OSS Alibaba Cloud OSS is a highly reliable, scalable
    uni-app 1401 2023-04-27 14:33:42
  • What are the common routing and page jump APIs of uniapp?
    What are the common routing and page jump APIs of uniapp?
    Uniapp is a cross-platform application development framework based on Vue.js. Through unified syntax specifications and encapsulated APIs, it supports the rapid construction of multi-platform applications such as mini programs, H5, and Apps. It also provides rich routing and page jump APIs. To realize jumps between applications and interaction between pages. Let's introduce Uniapp's common routing and page jump APIs in detail: Routing refers to the jump rules between applications. Uniapp provides a variety of routing configuration methods, including global routing configuration, page exclusive configuration, and component routing configuration.
    uni-app 1117 2023-04-27 14:31:49
  • How to set the select default value in uniapp
    How to set the select default value in uniapp
    In uniapp development, we often use the drop-down selection box (select) on the page, and sometimes we need to set default options to facilitate user operations. This article will introduce how to set the default value of the drop-down selection box in uniapp. 1. Use v-model to two-way bind data. In vue, v-model is usually used to achieve two-way binding of input, select and other form elements. v-model will automatically update component data, so we can define a default option value in data and add it
    uni-app 3440 2023-04-27 14:31:29
  • How uniapp implements the function of displaying different content on click
    How uniapp implements the function of displaying different content on click
    With the popularity and development of mobile devices and applications, more and more companies are beginning to use these technologies to digitize their businesses. For today's application development, an essential element is a good user experience. Among them, page interaction is one of the most important experiences. In this regard, uniapp provides a variety of ways to achieve various page interactions. This article will introduce in detail how uniapp implements the function of displaying different content on click. ## Introduction to uniapp uniapp is a development framework based on Vue.js. It
    uni-app 2151 2023-04-27 14:30:34
  • What should I do if uniapp does not support ios?
    What should I do if uniapp does not support ios?
    In recent years, with the development of mobile Internet, more and more developers have begun to use cross-platform development technology to quickly develop mobile applications. As one of the more popular cross-platform development frameworks, uniapp is highly praised by developers for its development efficiency and cross-platform capabilities. However, some developers have recently reported that uniapp has certain compatibility issues on the iOS system. Many uniapp applications cannot run normally on the iOS system, causing trouble and dissatisfaction among developers. uniapp is a Vue.js-based
    uni-app 1719 2023-04-27 14:30:01
  • How is the performance of uniapp?
    How is the performance of uniapp?
    With the development of mobile Internet, more and more enterprises and developers have begun to focus on the development of mobile applications. Among many technologies, uniapp is a high-profile and popular development framework. uniapp is a cross-platform development tool based on the Vue.js framework. It can quickly realize application development, iteration and launch while maintaining a high degree of consistency in the application user interface. But in the actual application development process, we all hope to get perfect application performance. So, what is the performance of uniapp? First, let’s understand a
    uni-app 1760 2023-04-27 14:29:33
  • What to do if the uniapp font icon is not displayed
    What to do if the uniapp font icon is not displayed
    With the continuous development of mobile applications, uniapp has become more and more widely used as a cross-terminal application development framework. The ordinary icons and font icons it supports also bring more flexible scalability to our applications. and customizability. However, during development, sometimes we encounter the problem that the uniapp font icon is not displayed. This article will introduce the possible causes and solutions of this problem from the following aspects. #### 1. The font file is not correctly introduced. To use font icons in uniapp, you need to import the font file into the project first. Under normal circumstances,
    uni-app 2905 2023-04-27 14:29:12
  • Detailed introduction to the relevant knowledge of requests and processing results in Uniapp
    Detailed introduction to the relevant knowledge of requests and processing results in Uniapp
    With the development of the mobile Internet, the market demand for mobile applications is increasing. In response to this demand, various cross-platform frameworks such as React Native and Flutter have emerged. Among them, Uniapp is a framework that can be used to develop cross-platform applications. It can quickly build multiple platforms, such as Android, iOS, Web, WeChat applets, and Alipay applets. In Uniapp, sending requests and processing request results is a core function. This article will introduce the requests and processing results in Uniapp in detail.
    uni-app 2881 2023-04-27 10:32:29
  • How to completely delete the uniapp app
    How to completely delete the uniapp app
    How to completely delete the uniapp application With the popularity of mobile applications, more and more people are beginning to use uniapp to develop their own applications. However, in the process of using uniapp to develop applications, you will always encounter some problems, such as the application not running properly, the application taking up too much storage space, etc. In response to these problems, sometimes you have to consider uninstalling the application. However, unlike the uninstallation of regular applications, there are always problems in uninstalling uniapp applications. The sensitive keyboard will analyze the uniapp application for you with just one tap.
    uni-app 1629 2023-04-27 10:32:17
  • How to use uniapp paginator
    How to use uniapp paginator
    With the rapid development of mobile Internet, the development of mobile applications has received more and more attention. Developing a good mobile application requires the support of a variety of technologies and frameworks. Among them, uniapp is an excellent development framework that is compatible with multiple platforms, saving developers time and costs. During the development process, it is a very common requirement to implement the paging function, and uniapp also provides a wealth of paginator components. This article will introduce how to use the uniapp paginator. 1. Introduce the paginator component. Before using the uniapp paginator, you first need to
    uni-app 1809 2023-04-27 10:31:56
  • How to cancel bottom navigation in uniapp
    How to cancel bottom navigation in uniapp
    With the popularity of mobile devices, modern applications are increasingly focused on UI/UX design. Under this trend, many applications add their important functions to the bottom navigation bar to make it easier for users to access. However, in some cases it may be more appropriate to eliminate the bottom navigation bar. This article will discuss how to cancel the bottom navigation bar in Uniapp. First, let’s review Uniapp’s bottom navigation bar component. The bottom navigation bar component is a reusable component, usually located at the bottom of the application, displaying multiple pages or functions.
    uni-app 2463 2023-04-27 10:31:51
  • Why is the video component of uniapp misplaced?
    Why is the video component of uniapp misplaced?
    Recently, when I was using uniapp to develop a small program, I encountered a strange problem, that is, the video component was misaligned. In the process of investigating and looking for solutions, I combined my own experience and summarized some solutions, hoping to help developers with the same problem. First, let's look at the specific problem manifestations. In my applet, I display multiple video components on a list page, each component corresponding to a different list item. These components display normally on the simulator, but appear on the actual phone
    uni-app 1451 2023-04-27 10:31:21

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