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

  • What to do if uniapp fails to upload pictures from real machine
    What to do if uniapp fails to upload pictures from real machine
    In recent years, with the popularity of mobile Internet, the development of mobile applications has attracted more and more attention. The emergence of front-end frameworks has greatly improved the development efficiency of mobile applications. As a front-end development framework, Uniapp aims to solve the pain points of multi-terminal development and allow developers to more conveniently develop applications with cross-platform capabilities. But at the same time, some problems have also arisen. This article will discuss the issue of Uniapp's real machine failure to upload pictures. 1. Problem Description Uniapp is based on the Vue framework and uses the HBuilder compiler.
    uni-app 723 2023-04-20 14:53:30
  • How to use uni.request() method to request data and display it in UniApp
    How to use uni.request() method to request data and display it in UniApp
    UniApp is a development framework that supports writing once and publishing on multiple terminals, which can help us quickly develop applications that support multiple platforms. In UniApp, we can use JavaScript language for development, and can make network requests through the uni.request() method to obtain background data. This article will introduce how to use the uni.request() method to request and display data in UniApp. 1. Request data in UniApp using the uni.request() method to send the network
    uni-app 4773 2023-04-20 14:52:41
  • How to make data request in uniapp
    How to make data request in uniapp
    Foreword uniapp is a cross-platform application development framework that supports one-time development and multi-terminal release, including WeChat applet, H5, iOS and Android. It is a good tool for building multi-terminal applications. When developing with uniapp, one of the most commonly used functions is to request data and render the data onto the page. So, how to make data requests in uniapp? Let’s explain step by step below. Step 1. Introduce the `uni.request()` method first, in the `vue.js` file
    uni-app 4460 2023-04-20 14:52:17
  • How to select and change styles in Uniapp
    How to select and change styles in Uniapp
    With the continuous development of the mobile Internet, the gap between native applications and web applications has gradually narrowed. A cross-platform development framework called Uniapp has emerged and has become the tool of choice for many developers. In Uniapp, similar to CSS style sheets in web development, we can use styles to modify the UI effects of components; during the development process, we usually encounter situations where we need to change the style of a component based on its selected state. This article We will introduce how to use Uniapp to change the selected style. 1. Use v-bind to bind the style in
    uni-app 2703 2023-04-20 14:51:00
  • How to implement the top tab in UniApp to switch different data
    How to implement the top tab in UniApp to switch different data
    With the popularity of mobile applications, most applications require a tab function so that users can easily switch between different tabs and display different data. In the UniApp framework, switching between different data on the top tab is also very simple. This article will introduce in detail how to implement the function of switching different data on the top tab in UniApp. ## 1. Basic idea The idea of ​​switching different data on the top tab in UniApp is very simple, which is to switch different data by clicking on the tab. In implementation, we need to use two components:- `
    uni-app 3072 2023-04-20 14:44:25
  • Which products are made with uniapp
    Which products are made with uniapp
    With the development of mobile Internet, the development of cross-platform applications is becoming more and more popular among developers, because cross-platform applications can greatly reduce development costs, save time, and allow developers to focus more on the development of business logic. As a well-known cross-platform development framework in China, Uniapp has been adopted by many companies and individuals. So, which products are developed based on Uniapp? 1. Enterprise-level applications 1. Hanglv Zongheng: This is a supply chain enterprise focusing on travel services. It not only provides services such as booking flights and hotels, but also creates a Uniapp-based
    uni-app 3059 2023-04-20 14:44:00
  • How to encapsulate network request methods in the uniapp project
    How to encapsulate network request methods in the uniapp project
    With the advent of the mobile Internet era, APP has become an indispensable part of people's lives. In order to provide better services and user experience, the use of network requests in APP has become an indispensable link. How to effectively encapsulate network requests and improve code reusability and maintainability has become an important topic. This article will introduce how to encapsulate the network request method in the uniapp project. 1. Network requests in uniapp The uniapp framework is developed based on the Vue.js framework, so the network requests in uniapp
    uni-app 1403 2023-04-20 14:43:20
  • How to change the properties of controls in Uniapp
    How to change the properties of controls in Uniapp
    Uniapp changes control properties Uniapp is a cross-platform front-end framework. Its power is that it can run the code on different platforms, such as Android and iOS, after writing it once. During the development process, we often need to change the properties of the control, including style and text content. So how to change the properties of the control in Uniapp? 1. Changing text content Changing text content is one of the most commonly used operations in our development. Controls in Uniapp are wrapped with {{}}. We can use {{}} to bind data.
    uni-app 1584 2023-04-20 14:41:32
  • How to convert small program to uniapp
    How to convert small program to uniapp
    In recent years, mini programs have gradually become a fashionable technical solution. The emergence of small programs has provided developers with a brand new production method. At the same time, with the development of small programs, some corresponding problems have also begun to arise. Among them, the application development bridge between mini programs and uniapp is of great interest to everyone. In the following, we will introduce in detail how to convert a small program to uniapp. 1. What are mini programs and uniapps? Mini program, also known as mini program application or WeChat mini program, is a mobile application designed to provide micro-services for systems running in specific software.
    uni-app 3174 2023-04-20 14:39:47
  • How to use uniapp to implement long press pop-up deletion operation
    How to use uniapp to implement long press pop-up deletion operation
    For more and more apps nowadays, long pressing an element to pop up an operation has become a very common operation method. Today, we will talk about how to implement long-press pop-up deletion in development using uniapp. 1. Define elements in HTML First, we need to define the elements that need to be operated on in HTML. In this example, we can use `v-for` to generate a list, and then each list item should contain the action we need, such as a delete button. The HTML code is as follows:
    uni-app 2106 2023-04-20 14:18:16
  • Why is the uniapp map inflexible in zooming?
    Why is the uniapp map inflexible in zooming?
    With the popularity of web applications and mobile applications, positioning and mapping functions have become an important part of many programs. However, sometimes when we use the map function in uniapp, we may find that the zoom of the map is not flexible enough, which will have a great impact on the user experience. In this article, we will explore the reasons for the inflexible map scaling in uniapp and how to solve this problem through some technical means. 1. The reason why map scaling in uniapp is inflexible. In fact, the map component that comes with uniapp already provides basic
    uni-app 1636 2023-04-20 14:17:27
  • How to access Qiniu live broadcast on uniapp
    How to access Qiniu live broadcast on uniapp
    In recent years, live broadcast has become a hot topic in the online world, and more and more companies and individuals have begun to engage in the live broadcast industry. Qiniu Live, as the leading live broadcast cloud service provider in China, has naturally become the first choice of many developers. This article will introduce how to use uniapp to access Qiniu Live. 1. Preparation work Before starting to access Qiniu Live, you need to do some preparation work: 1. Register a Qiniu developer account and obtain an AccessKey and SecretKey. 2. Install the uniapp development environment and create a uni
    uni-app 589 2023-04-20 14:16:55
  • Why does uniapp upload images not return in time?
    Why does uniapp upload images not return in time?
    When using uniapp, sometimes there is a problem with the function of uploading pictures. For example, when we upload a picture, the upload process is not displayed on the page, or the upload progress bar moves very slowly. These are all issues related to the return time. If these issues are not resolved, the user experience of the application will be seriously affected. So, what is the reason for the problem that uniapp uploads images and does not return them in time? What solutions can you try? First of all, what we need to know is that it is common for clients to have problems when uploading images. After some adjustments
    uni-app 807 2023-04-20 14:16:47
  • Does uniapp WeChat authorization require a button?
    Does uniapp WeChat authorization require a button?
    In uniapp, if you need to use the WeChat authorized login function, do you have to use a button to trigger it? This is a problem that many developers often encounter. First, let’s understand the relationship between uniapp and WeChat authorization. Based on the development of uniapp, we can obtain the code value in the WeChat interface through the uni.login() method, but if we want to obtain more user information, such as user avatar, nickname and other information, we need to use WeChat's authorized login interface . Therefore, using the WeChat authorized login function allows me to
    uni-app 727 2023-04-20 14:16:02
  • Let's talk about uniapp packaging settings compatibility
    Let's talk about uniapp packaging settings compatibility
    With the widespread use of mobile applications, it has become a trend for developers to choose to use uniapp for cross-platform application development. Although uniapp provides many convenient tools and components during the development process, developers still need to consider compatibility issues when packaging applications. In this article, we will focus on uniapp packaging settings compatibility. 1. Preparations before packaging settings When we start to explain the compatibility of uniapp’s packaging settings, we need to first understand some basic concepts and do
    uni-app 908 2023-04-20 14:15:24

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