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

  • How to solve the positioning error in uniapp image preview
    How to solve the positioning error in uniapp image preview
    Recently, I encountered some problems when using uniapp to develop a picture preview function. Specifically, when calling the built-in image preview component of uniapp, the positioning of the image is offset, which is very annoying. After much troubleshooting and research, I finally found the solution. Share my experience, hope it can be helpful to everyone. Problem description First, let's look at the specific problem manifestation. When using the `uni.previewImage` method to preview images in uniapp, the images are misaligned. As shown below:!
    uni-app 1284 2023-04-27 09:27:37
  • How to save chat history in uniapp
    How to save chat history in uniapp
    With the popularity of mobile Internet, people are increasingly relying on chat applications on their mobile phones. Chat records have become more and more important whether in work or in life. In Uniapp, if you need to save chat history, you can use the following method. 1. Data storage Uniapp supports using local storage to save chat records. This method is simple and easy. In the chat interface, when a user sends a message, the sent message can be saved in local storage first. The specific implementation method is: 1. Use localStorage in vue to store the sent message
    uni-app 1907 2023-04-27 09:26:58
  • What editor to use for uniapp framework
    What editor to use for uniapp framework
    With the development of mobile Internet, more and more developers choose to use the uniapp framework to develop cross-platform applications. But in the process of using this framework, it is also important to choose a suitable editor. This article will introduce the most suitable editor for the uniapp framework, as well as some specific usage tips. 1. What is uniapp If you don’t know the uniapp framework yet, let me first give you a brief introduction to its origin. uniapp is a cross-platform application development framework based on Vue.js launched by dcloud. pass
    uni-app 1557 2023-04-27 09:26:22
  • What to do if uniApp images are slow to load
    What to do if uniApp images are slow to load
    uniApp is a cross-platform development framework through which we can quickly develop multi-terminal applications. However, many uniApp developers will encounter a problem during the development process: slow loading of images. In this article, we will share how to solve this problem. 1. Cause Analysis There are many reasons why images load slowly. Here are some of them: 1. The image size is too large. Images that are too large will cause long loading times, so when using images, you should try to choose images of a moderate size. 2. Network problems. If the network is not good, the image loading speed will become very slow or even impossible.
    uni-app 4998 2023-04-27 09:25:52
  • How to log in to the backend of multiple mini programs in uniapp uniformly
    How to log in to the backend of multiple mini programs in uniapp uniformly
    In recent years, with the continuous growth of the WeChat ecosystem, mini programs have become an extremely popular form of mobile applications. In the development process of small programs, uniapp has become a popular cross-platform development framework. However, when we need to develop multiple sets of background services for different mini-programs, how to achieve unified user login and data synchronization becomes very critical. This article will introduce how to use uniapp to develop multiple small program backends and achieve unified user login and data synchronization, making the development process more convenient. 1. uniapp develops multiple sets of small programs
    uni-app 1960 2023-04-27 09:24:55
  • How to set the navigation bar in uniapp
    How to set the navigation bar in uniapp
    Uniapp is a cross-platform application development framework developed based on the Vue.js framework. It supports multiple platforms, including iOS, Android, H5, and various applets. In this framework, setting the navigation bar is a common requirement. This article will introduce how to set the navigation bar in Uniapp. 1. The basic concept of the Uniapp navigation bar. In traditional mobile application development, the navigation bar refers to a row of columns located at the top of the application, used to display the title and menu items of the application.
    uni-app 8930 2023-04-27 09:24:22
  • How to set font in uniapp
    How to set font in uniapp
    In recent years, the mobile application market has become more and more popular, and developers are constantly looking for new technologies and tools to improve development efficiency. As an excellent cross-platform development framework, Uniapp has been widely used. In the process of developing Uniapp applications, setting fonts is a very important issue. Today, this article will introduce to you how to set fonts in Uniapp. First of all, we need to make it clear that fonts are used for many purposes in mobile applications, such as text, buttons, titles, etc. The font setting methods for different purposes are also different. Next, we will
    uni-app 4203 2023-04-27 09:23:38
  • Is uniapp domestic?
    Is uniapp domestic?
    Uniapp is a cross-platform application development framework developed based on Vue.js. It can quickly convert Vue.js code into applications for multiple platforms such as iOS, Android, and Web. This framework was developed by the DCloud team, a company located in Guangzhou, China. Therefore, Uniapp is a cross-platform application framework developed by Chinese companies. The advantage of the Uniapp framework is that it provides a development experience similar to writing web applications. Developers just need to learn V
    uni-app 1078 2023-04-27 09:23:04
  • How to encapsulate jump method in uniapp
    How to encapsulate jump method in uniapp
    In the process of developing uniapp applications, you often need to jump to different pages, such as entering the login page, personal center page, etc. In order to facilitate development, we can encapsulate a jump method to uniformly manage page jumps. This article will introduce how to encapsulate the jump method in uniapp. 1. Encapsulated jump method 1. Create a new util.js file to store the encapsulated method, and define a method named navigateTo in the file. This method receives two parameters, the first parameter is the target page path, and the second parameter is the desired
    uni-app 1470 2023-04-25 11:12:10
  • Explain the limitations of uniapp in music APP production
    Explain the limitations of uniapp in music APP production
    With the rapid development of mobile Internet, music APP has become a hot demand in the market. Developers who try to use uniapp to make music apps may encounter some difficulties. This article will explain the limitations of uniapp in music APP production, as well as the causes of problems and possible solutions. 1. Advantages and Disadvantages of uniapp Uniapp is a cross-platform development tool based on the Vue.js framework, designed to improve the development efficiency of mobile applications. Its advantages include: 1. Cross-platform: uniapp can integrate Vue.j
    uni-app 1491 2023-04-25 11:16:16
  • How to implement side-swipe deletion function in uniapp
    How to implement side-swipe deletion function in uniapp
    In recent years, the user experience of mobile applications has become an area that designers and developers pay more and more attention to. Using a smooth, easy-to-use interface becomes the key to an app winning over users. As part of the user experience, sliding to delete can make application operations more convenient and allow users to find the content they need more quickly, so it is often used in various applications. This article will introduce how to implement side-swipe deletion in uniapp. 1. Background uniapp is a cross-platform development tool based on the Vue.js framework. By using unia
    uni-app 2752 2023-04-25 11:18:20
  • Is there any mobile software that can write uniapp?
    Is there any mobile software that can write uniapp?
    In recent years, the Uni-app framework based on Vue.js has been favored when developing cross-platform applications (such as iOS, Android, Web, etc.) and is widely praised for its convenience and efficiency. So, as a developer, what mobile software do we need for Uni-app development? In this article, the author will introduce you to several excellent mobile software. 1. HBuilderX The first thing recommended is HBuilderX, which is an essential development tool for Uni-app development. HBuilderX is DCl
    uni-app 1835 2023-04-25 11:20:42
  • Can uniapp make mini games?
    Can uniapp make mini games?
    Can uniapp make mini games? Uniapp is a cross-platform development tool. It can use Vue.js syntax to create mobile applications and publish them to different application stores, such as App Store, Google Play and Huawei App Market. With the continuous development of game development, the uniapp platform has also begun to emerge and has become an excellent small game production tool. But, can uniapp make small games? This is a very important question for game producers who want to use this platform.
    uni-app 3239 2023-04-25 11:24:16
  • How to change the app logo in uniapp
    How to change the app logo in uniapp
    With the development of mobile Internet, more and more enterprises and developers have begun to use APP as one of the main ways to interact with users. The APP logo has become one of the important components of the corporate brand image. However, when using the UniApp framework to develop APPs, many developers may encounter the problem of changing the APP logo. This article will introduce you how to easily change the APP logo in UniApp. 1. Preparation work Before starting to change the APP logo, we need to prepare some basic materials. First is the APP
    uni-app 3227 2023-04-25 11:29:47
  • How to deploy Uniapp online
    How to deploy Uniapp online
    Uniapp is a set of cross-platform development tools that allows developers to develop applications for multiple platforms such as iOS, Android, and H5 at the same time through one set of code. After the development is completed, how to put the application online and deploy it is a very important link. This article will introduce how to deploy Uniapp online. 1. Preparation work Before deploying the application online, some preparation work is required, including: 1. Apply for AppID and certificate. Whether it is iOS, Android or H5, you need to apply for the corresponding App.
    uni-app 3526 2023-04-25 11:32:19

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