current location：Home > Technical Articles > Web Front-end > uni-app
- Direction：
- All web3.0 Backend Development Web Front-end Database Operation and Maintenance Development Tools PHP Framework Daily Programming WeChat Applet Common Problem Other Tech CMS Tutorial Java System Tutorial Computer Tutorials Hardware Tutorial Mobile Tutorial Software Tutorial Mobile Game Tutorial
- Classify：
-
- uniapp dynamically displays hidden background images
- With the rapid development of mobile Internet and mobile applications, more and more developers and enterprises are beginning to adopt multi-platform development methods to reduce development costs and improve user experience. As a cross-platform development framework, UniApp provides a rich series of APIs that can quickly build a multi-platform application. In this article, we will introduce how to use UniApp to dynamically display and hide background images. 1. Prerequisites To use this article, you need to understand the basic use of UniApp and have already created a UniApp.
- uni-app 1064 2023-05-22 11:41:37
-
- How to run the uniapp project on the h5 side
- With the rapid development of mobile Internet, more and more enterprises are beginning to pay attention to and use cross-terminal development technology. Uniapp, as a cross-platform development framework that integrates Vue.js and mini program development capabilities, has been widely used in many enterprises. Uniapp supports running on different platforms, such as WeChat applet, Alipay applet, Baidu applet, H5 end, App end, etc. This article will mainly introduce how to run Uniapp on the H5 end. 1. Project initialization Before running the Uniapp project, we need to initialize the project first.
- uni-app 6045 2023-05-22 11:40:37
-
- What are the apps made by uniapp?
- With the continuous development of the mobile Internet, more and more companies and individuals need to develop their own APPs. In order to reduce development costs and improve development efficiency, a cross-platform application development framework based on Vue.js - uniapp came into being. . uniapp can publish the developed APP to iOS, Android, H5 and WeChat applets at the same time, which greatly reduces development costs and improves development efficiency. Let’s introduce some apps that uniapp can develop and implement. 1. Instant messaging in today’s social software
- uni-app 1812 2023-05-22 11:39:37
-
- uniapp hidden page animation
- With the popularization of smart phones and mobile Internet, modern people's life and work are gradually inseparable from various APPs. APPs, as one of the basic modules of smart phones, have become an indispensable part of our daily lives. In many apps, some hidden pages have become one of the functions that users particularly like to play, attracting the attention of many users. So, how to achieve the animation effect of such a hidden page in uniapp? This article will give you a detailed introduction and explanation. What is uniappuniapp is a platform that can achieve cross-platform
- uni-app 801 2023-05-22 11:35:37
-
- How to package h5 in uniapp
- With the rapid development of mobile Internet, developing a cross-platform application has become the pursuit of many developers. In this process, uniapp has become the choice of many developers. It is a front-end development framework that can be packaged and run on multiple platforms. The supported platforms include H5, mini programs, Apps, quick apps and other mobile applications. Packaging the H5 version of uniapp requires some simple steps. Next, we will introduce in detail the steps of uniapp packaging H5. 1. Before installing nodejs and packaging uniapp, you need to
- uni-app 10877 2023-05-22 11:32:36
-
- uniapp jumps to tabbar page
- In uniapp, we can use the tabBar page to implement the bottom menu bar function similar to WeChat, Alipay and other apps. At the same time, we can also implement the subpage jump function in the tabBar page. In some scenarios, we may need to jump to a specific subpage in the tabBar page on other components or pages. This article explains how to accomplish this. #### Get the tabBar page instance. First, we need to get the tabBar page in the component or page that needs to be jumped.
- uni-app 2157 2023-05-22 11:28:07
-
- How to introduce js in uniapp
- With the development of mobile applications, in order to greatly reduce the workload of developers, front-end technology has been continuously improved, and more and more cross-platform technologies have emerged. As an excellent cross-platform development framework, UniApp allows us to use a set of codes and compile them on multiple platforms to obtain high-performance, easily scalable and maintainable applications. During the UniApp development process, we not only need to master the use of various UI components, but also need to understand how to introduce JS files into the project. In this article, I will introduce how to use UniApp
- uni-app 11649 2023-05-22 11:27:37
-
- uniapp top navigation bar icon changes position
- With the rapid development of mobile Internet, more and more developers are researching and using cross-platform development tools. As a cross-platform development tool, Uniapp’s powerful ease of use and excellent performance have been recognized and sought after by many developers and enterprises. However, in the process of using Uniapp for development, you will also encounter some problems and difficulties, such as the change of the position of the top navigation bar icon. The top navigation bar of Uniapp is displayed at the top of the screen by default, and the icons in the navigation bar are also displayed on the left side of the screen by default. However, in the actual development process, there are
- uni-app 2063 2023-05-22 11:26:36
-
- How to write uniapp music player
- With the popularity of mobile devices, people now prefer to listen to music through mobile phones or tablets. As a developer, you need to provide users with an excellent music player so that they can play their favorite music conveniently. In this article, we will introduce how to use uniapp to write a simple music player. 1. Preparation Before starting to write your music player, you need to prepare the environment. First, you need to make sure you have uniapp installed, as well as you need some music files. Music files can be downloaded from some free music websites
- uni-app 1267 2023-05-22 11:25:07
-
- Dynamically modify the uniapp navigation bar
- When developing mobile applications, the navigation bar is one of the most important elements. Under normal circumstances, when we design the navigation bar, we will set the corresponding style according to the needs of the application, including the title, return button, right button, etc. But in some cases, we hope that the navigation bar can be dynamically updated, such as dynamically switching the style of the navigation bar based on the user's login status or changes in page content. This article will introduce how to dynamically modify the navigation bar in uniapp. 1. Introduction to uniapp navigation bar In uniapp, the navigation bar contains three components: navigation bar
- uni-app 2305 2023-05-22 11:23:36
-
- Scroll bar hidden uniapp
- In UniApp application development, the commonly used scroll bar is a very important interface component. However, in some cases, we want the scroll bar to be invisible on the page, but we cannot directly hide the scroll bar through CSS styles. So, in this case, how to hide the scroll bar? This article will introduce you to several methods to hide scroll bars. 1. Use global css style to hide the scroll bar. When applying css style globally on the page, if you want to hide the scroll bar, you can use the following code: ```css::-webkit-scr
- uni-app 4323 2023-05-22 11:21:31
-
- uniapp hide status bar
- With the popularity of mobile devices and the continuous development of Web application technology, more and more applications are beginning to adopt Hybrid technology (hybrid development) and use Web technology for rapid development and cross-platform deployment. At the same time, an important feature of Hybrid technology is the use of the WebView control as a container for applications to display web content. However, in actual development, we may encounter some problems, such as status bar display problems. In Uni-app, we can hide the status bar through simple operations to make the application more beautiful and regular.
- uni-app 3143 2023-05-22 11:16:08
-
- uniapp sets top navigation bar
- The top navigation bar is a common interface element during mobile application development. It can help users quickly locate the current page and provide some commonly used operation buttons. In uniapp, setting the top navigation bar is very simple. This article will introduce you how to implement the top navigation bar in uniapp. 1. Create a page First, create a new page in the uniapp project directory. You can create a new page by adding a subdirectory under the pages directory. For example, we created a file named "de
- uni-app 5110 2023-05-22 11:15:37
-
- uniapp jump brings back data
- When developing mobile applications, there are often scenarios where data needs to be passed across pages. At this time, we can use the data transfer method provided by the uniapp framework to achieve fast and convenient cross-page data transfer. How to use uniapp's data transfer method to jump and bring back data? Below, we’ll go into more detail. 1. Basic process of jump and postback 1. In the source page (for example: index.vue), we need to define an event to process the returned data and save it in the data of the current component. ```<templat
- uni-app 1177 2023-05-22 11:14:36
-
- uniapp request encapsulation
- With the rapid development of mobile applications, front-end frameworks are becoming more and more diverse. Among them, uniapp, as a cross-platform development framework based on Vue.js, is increasingly used in mobile application development. As front-end developers, when we develop uniapp, we often use many APIs or server interfaces for data interaction. During the data request process, we need to consider network communication, data format, data security and other issues, while also ensuring the readability and maintainability of the code. To address these issues, we can make API requests
- uni-app 6338 2023-05-22 11:09:37
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.
Player special effects
2024-02-29
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
