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：
- How to create elements in uniapp
- UniApp is a cross-platform application development framework that supports development once but can run on multiple platforms (H5, iOS, Android, etc.). In UniApp, creating elements is to use components or tags in templates. This article will introduce how to create elements in UniApp. 1. Basic concepts In UniApp, elements refer to components or labels used to build interfaces. A component is a reusable UI unit encapsulated by UniApp. Compared with labels, it is more powerful and flexible. 2. Methods to create elements 1. Use components ① Built-in components
- uni-app 2192 2023-04-18 15:49:47
- How to pass the uniapp image address to VIEW
-
In the process of developing applications using Uniapp, we often need to display images on the page. Many times, we need to obtain the image address through the interface and then display it on the page. So, how to pass the image address to VIEW? This article will introduce it to you in detail. 1. Use the img tag In Uniapp, you can use the HTML img tag to display images. You can use the following code in the template: ```
```where, imageUrl
- uni-app 1020 2023-04-18 15:49:28
- How to join the dashboard in uniapp
- As the mobile application market continues to develop and competition becomes more intense, as developers we need to continuously improve the user experience and attractiveness of our applications to maintain the competitiveness of our applications in the market. Dashboard is a very useful feature that helps users use the app better by giving them an overview of the app at a glance. In this article, we will discuss how to add a dashboard in uniapp. 1. What is a dashboard? A dashboard is a visual control panel that displays application data, metrics, and analysis and provides users with
- uni-app 1160 2023-04-18 15:49:21
- How to change the menu style in uniapp after clicking on it
- Today we will share how to implement the function of changing the style of a menu after clicking it in uniapp. In many applications, menus are an integral part. Normally, when a user clicks on a menu item, it should reflect the fact that the option is selected. This means that the style of the options should change. In uniapp this is very easy to implement. First, we need to create a simple menu component. Here we will create a basic navigation menu component. You can modify it according to your application needs. ```
- uni-app 1275 2023-04-18 15:48:57
- How to hide navigation in uniapp
- Uniapp is a cross-platform application development framework developed based on Vue.js. It supports packaging an application into multiple platforms (such as iOS, Android, H5, etc.). When developing Uniapp applications, we need to frequently operate some navigation-related functions, such as showing and hiding the navigation bar, bottom bar, etc. This article will introduce how to implement the hidden navigation function in Uniapp. 1. Configure the navigation bar in pages.json. Let’s first look at how to configure the navigation bar in Uniapp. In Uniapp, we can
- uni-app 2292 2023-04-18 15:48:35
- How to remove the left side return of subpages in uniapp
- As mobile devices become more and more widely used in people's lives, the demand for mobile applications is also growing. In recent years, due to the development of cross-terminal technology, multi-terminal hybrid application development has become mainstream, and uniapp is one of the leaders. However, when developing uniapp applications, we may encounter some problems, such as how to remove the left back button of the subpage. In uniapp, whenever we open a new page, a return button will appear in the upper left corner. Click this button to return to the previous page. However, if in some scenarios we don't want to display
- uni-app 1902 2023-04-18 15:48:04
- Will the uniapp model become mainstream?
- In recent years, the mobile terminal development model has also been constantly evolving and changing, among which the uniapp model has gradually entered the vision of developers. So, will the uniapp model become mainstream? First, we need to understand the definition of uniapp mode. Simply put, uniapp is a cross-platform development framework based on the Vue.js framework. Developers only need to write a set of code to package it into applications for different platforms, such as iOS, Android, Web, etc. This feature makes uniapp favored by many developers because it
- uni-app 683 2023-04-18 15:47:29
- How to dynamically modify the title of uniapp
- Uniapp is a cross-platform development tool based on the Vue.js framework. It can compile a project into applications for multiple platforms at one time. It also provides some unique features, such as dynamically modifying titles. In Uniapp, we can easily implement the function of dynamically modifying the title. The specific method is as follows: First, in the Vue component, we can use the mounted function to get the current page instance, and then use the $refs attribute to get the header. The title component in the component, then we can use this.$
- uni-app 4689 2023-04-18 15:47:14
- Discuss the reasons and solutions for uniapp data not updating
- Uniapp is a cross-platform development framework that can be used to develop applications for multiple platforms such as iOS, Android, and Web. During the development process, we often encounter the problem of data not being updated. This article will explore the reasons and solutions for uniapp data not updating. 1. Reasons why data is not updated 1. Component updates When components are not updated in time, pay attention to whether the data is updated. There are two ways to update components of uniapp, one is to manually trigger the update, and the other is to automatically update. Manual update requires using this.$forceU in the component
- uni-app 8376 2023-04-18 15:46:52
- Let's analyze the incompatibility issues between uniapp and mini programs together
- With the popularity and development of mobile applications, developers often use multiple development frameworks in the process of building applications, and also try to use different development languages to create applications that are more suitable for different environments. However, these choices often need to take into account compatibility issues between the framework and the environment. In the field of mobile application development, UniApp and mini-programs are two very popular development frameworks, but there are incompatibility issues between them, and this issue has also become a topic of concern. UniApp is a cross-platform application development
- uni-app 1509 2023-04-18 15:46:19
- How does uniapp keep music playing during page switching?
- With the continuous development of mobile Internet technology, APP has become an indispensable part of people's lives, and its music playback function is even more loved by users. In today's APP design, many APPs have added special effects to play music when switching pages to enhance the user experience. This article will take uniapp as an example to discuss how to keep music playing during page switching, and give the code implementation. 1. Background introduction Uniapp is a full-end development framework based on Vue.js. It can be compiled with a set of codes to generate small programs, H5, A
- uni-app 1562 2023-04-18 15:45:51
- How to close the soft keyboard in uniapp
- When developing mobile applications, we often need users to enter information in input boxes. However, in some cases, soft keyboards often affect the user experience of the application. When using the uniapp framework, we often need to turn off the soft keyboard to facilitate the use of the application. In this article, we will explore how to turn off the soft keyboard in uniapp. In uniapp, we can use the native method to close the soft keyboard. One way is to click anywhere outside the input box. This will cause the keyboard to be hidden and the input box to lose focus. However, this
- uni-app 3243 2023-04-18 15:45:32
- How to change the background size in uniapp
- In recent years, with the development of mobile Internet technology, cross-platform development technology based on H5 and JavaScript has gradually come into people's vision. Among them, uniapp is a cross-platform development framework that integrates the Vue framework and encapsulates various mobile APIs, which can help developers quickly build cross-platform applications such as native APPs, WeChat applets, and H5. During the development process of uniapp, sometimes you encounter situations where you need to change the background size. This article will introduce in detail how to change the background size of uniapp and the precautions. one
- uni-app 1677 2023-04-18 15:44:54
- What to do if the uniapp page exceeds the mobile screen
- With the popularity of mobile devices and the rapid development of the Internet, more and more developers have begun to turn their attention to mobile development. In mobile development, the uniapp framework has become the first choice of many developers. uniapp is a cross-platform development framework based on vue.js, which can achieve the effect of coding once and publishing on multiple terminals. Whether it is iOS or Android, a consistent user experience can be achieved. However, as the project continues to develop, problems often arise when the page exceeds the mobile phone screen. So, how to solve this problem? 1. Flex layout
- uni-app 2124 2023-04-18 15:44:45
- What should I do if there is no animation effect when the uniapp keyboard shrinks?
- With the popularity of mobile devices and the growth of the mobile application market, developers are increasingly learning to use cross-platform frameworks to develop applications. Uniapp is a popular cross-platform development framework. Uniapp is developed based on Vue.js and provides a series of plug-ins and components to facilitate developers to develop and debug. However, when developing Uniapp applications, some developers discovered a problem: after the input box gets focus and the keyboard pops up, there is no animation effect when the keyboard shrinks, especially on Android devices. This question
- uni-app 721 2023-04-18 15:43:59
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
