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

  • How to hide the header in uniapp
    How to hide the header in uniapp
    With the development of mobile applications, many developers have begun to use a cross-platform development framework called uniapp to develop applications. Some apps need to hide the header in different pages, so in this article, we will explain how to make this work in uniapp. uniapp is a cross-platform development framework that provides a consistent user experience for applications on different platforms. The framework is built based on Vue.js and supports multiple platforms, including WeChat mini-programs, Alipay mini-programs, H5, etc. Using uniapp allows us to avoid
    uni-app 4026 2023-04-23 09:53:45
  • How to dynamically hide and display uniapp components
    How to dynamically hide and display uniapp components
    As mobile applications continue to evolve, developers need to be able to hide and show different components in a dynamic way when building rich user interfaces. In uniapp, we can use dynamic property binding and conditional rendering of vue components to achieve this goal. In this article, we will look at the different ways to achieve this functionality and their pros and cons. First, let's look at the simplest and most straightforward method: using the v-show command. The function of the v-show directive is to determine whether the element is displayed based on the value of the expression. When the expression evaluates to true
    uni-app 3673 2023-04-23 09:52:58
  • How to modify the indicator point color in uniapp
    How to modify the indicator point color in uniapp
    With the development and popularization of mobile Internet, more and more enterprises and developers have begun to try to use uniapp for cross-platform development to meet the diverse and rapid update needs of mobile terminals. In uniapp development, indicator points are one of the common UI components. They are often used in scenes such as carousels to indicate the user's current location. However, when developing with uniapp, we may need to modify the color of the indicator points to achieve better visual effects. This article will introduce in detail how uniapp can modify the color of the indicator point. 1. Indicating points in uniapp
    uni-app 2043 2023-04-23 09:52:44
  • Should uniapp use icon or image?
    Should uniapp use icon or image?
    With the continuous development of mobile Internet, more and more enterprises need to develop their own mobile applications. In the development of mobile applications, the selection of icons and picture materials is a very important decision, because these materials will directly affect the appearance and user experience of the application. In uniapp, developers can use two different materials, icon and image, to build the application interface, but which material is more appropriate? First, let's take a look at icon materials. Icon is a small and exquisite icon, usually used to represent the
    uni-app 957 2023-04-23 09:52:12
  • An article introduces how to jump to the page in Uniapp
    An article introduces how to jump to the page in Uniapp
    In recent years, mobile application development has become a trend, and Uniapp, as a development framework suitable for mobile terminals, is widely welcomed by developers. In the development of Uniapp, jumping to the page is a very common operation. This article will introduce the methods and precautions for jumping the page in Uniapp. 1. How to jump to a page In Uniapp, you can use uni.navigateTo and uni.redirectTo to jump to a page. The difference between the two is that the former will add the current page to the page stack. You can use uni.na
    uni-app 2727 2023-04-23 09:51:04
  • How to hide the navigation bar in uniapp
    How to hide the navigation bar in uniapp
    In modern mobile application development, hiding the navigation bar has become a common design trend. This design can bring many benefits, such as increasing the visual space of the interface, improving the overall aesthetics of the application, and so on. In Uniapp, hiding the navigation bar is also a very simple operation. In this article, we will introduce how to hide the navigation bar in Uniapp. Uniapp is a cross-platform development framework based on the Vue.js framework. It can quickly help developers deploy business content to various mobile platforms. And to be in Unia
    uni-app 3901 2023-04-23 09:49:48
  • Let's talk about uniapp ajax request time
    Let's talk about uniapp ajax request time
    UniApp is a very excellent cross-platform development framework. It allows developers to write code once and compile the code into applications for different platforms such as Android, iOS, H5 and applets at the same time through the compiler. When developing UniApp applications, developers may encounter some problems, among which Ajax request time is an important issue. This article will answer the question of UniApp Ajax request time. 1. What is Ajax request Ajax, the full name is Asynchronous JavaS
    uni-app 915 2023-04-23 09:49:02
  • How to use uniapp to intercept deletion events
    How to use uniapp to intercept deletion events
    With the rapid development of mobile applications, more and more developers choose to use uniapp to develop cross-platform applications. However, we may encounter a problem during the development process: How to prevent users from accidentally deleting valuable data during misoperation? In this article, we will learn how to use uniapp to intercept deletion events to avoid this situation. occur. 1. Introduction to uniapp delete event In uniapp, the delete event (delete) can be used to trigger a specific operation when the user presses the delete button. delete event
    uni-app 1054 2023-04-23 09:48:25
  • How to store uniapp locally
    How to store uniapp locally
    uniapp is a cross-platform development framework that is widely used to develop applications based on WeChat mini programs, H5, Android, iOS and other platforms. As applications become more and more complex, data storage becomes an issue that must be considered. Local storage is a common data storage method that allows us to easily save and read the data required by the application. This article will introduce how uniapp uses local storage to help developers better manage data. 1. Local storage in uniapp uniapp provides a simple and easy-to-use local storage.
    uni-app 8304 2023-04-23 09:47:11
  • How to make uniapp webview pop-up window
    How to make uniapp webview pop-up window
    With the popularity of mobile web applications, Webview pop-ups have become one of the common requirements in mobile web application development. As an excellent cross-platform development framework, Uniapp also provides Webview-related components and APIs, allowing developers to easily implement the function of Webview pop-up windows. This article will focus on how to use Webview to implement pop-up windows in Uniapp and the specific steps. 1. Create a Webview component First, create a Webview component in Uniapp.
    uni-app 1529 2023-04-23 09:42:57
  • How to fix uniapp compilation errors
    How to fix uniapp compilation errors
    With the rapid development of mobile applications, cross-platform applications have also received more and more attention due to their diversity and convenience. Uniapp is a cross-platform application development tool launched in recent years. It can compile a set of codes into applications for multiple platforms such as iOS, Android, H5 and WeChat applets at the same time. However, we will also encounter some problems when using Uniapp for development. One of them is the case where compilation goes wrong. So, when Uniapp compilation error occurs, how should we solve it? First, we need to understand Uniap
    uni-app 2568 2023-04-23 09:42:37
  • How to solve readly error inside uniapp
    How to solve readly error inside uniapp
    In recent years, with the rapid development of mobile Internet, the development of mobile applications has become more and more important. As a cross-platform development framework, uniapp has the advantages of rapid development and convenient deployment, and is favored by more and more developers. However, during the development process, sometimes some errors occur, such as readly errors inside uniapp. In uniapp development, readly errors usually refer to the situation where the page data has not been successfully read when the page is opened or closed. This manifests as problems such as blank page display or abnormal data. this problem
    uni-app 1222 2023-04-23 09:42:06
  • How does uniapp determine whether to connect to the external network?
    How does uniapp determine whether to connect to the external network?
    1. Introduction In development, we often need to judge the network connection status. For example, when developing using the Uniapp framework, we need to determine whether we are currently connected to the external network. Therefore, this article will introduce how to determine whether the Uniapp application is connected to the external network. 2. How does Uniapp determine whether to connect to the external network? The Uniapp framework provides a method for determining the network connection status. Through this method, we can determine whether the current network is connected to the external network. 1. Use the uni.getNetworkType() method to obtain the current network connection
    uni-app 3663 2023-04-23 09:41:29
  • Reasons and solutions for the uniapp component not working on mobile phones
    Reasons and solutions for the uniapp component not working on mobile phones
    In recent years, with the rapid development of the mobile Internet, more and more developers have begun to use the uniapp framework to develop cross-platform mobile applications. However, sometimes you encounter the problem that the uniapp component has no effect on the mobile phone, which is a very difficult problem for developers. This article will introduce the reasons and solutions for the uniapp component not working on mobile phones. 1. Cause analysis (1) CSS compatibility issues There are many different devices, browsers and operating systems on the mobile side. Different devices may use different browser kernels, resulting in CSS
    uni-app 3314 2023-04-23 09:39:54
  • How to modify the navigation bar in uniapp
    How to modify the navigation bar in uniapp
    With the popularity of mobile applications, the navigation bar has also become an essential component in mobile applications. As a cross-platform development framework, Uniapp has attracted more and more attention from developers in mobile application development. Modifying the navigation bar is also one of the commonly used techniques in Uniapp development. This article will introduce how to modify the navigation bar in Uniapp. 1. Composition of the navigation bar in Uniapp In Uniapp, the navigation bar mainly consists of the following two parts: 1. Status bar: The status bar is an area at the top of the mobile phone screen, usually used to display notifications,
    uni-app 2276 2023-04-23 09:39:02

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