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

  • uniapp background image does not display
    uniapp background image does not display
    In uniapp, we can use CSS styles to set background images. But sometimes, when we set the background image in the application, we find that the image cannot be displayed normally. This may be due to the following reasons: 1. The image path is set incorrectly. When setting the background image, we need to ensure that the image path is set correctly. If the path is set incorrectly, the image will naturally not be displayed correctly. Therefore, we need to check whether the path is set correctly. 2. Incorrect image size setting When setting the background image, we need to ensure that the image size is appropriate. If the image display exceeds the set
    uni-app 3391 2023-05-22 14:46:38
  • uniapp implements progress bar upload
    uniapp implements progress bar upload
    With the popularity of mobile Internet, more and more applications require uploading files, such as avatars, photos, documents, etc. During the file upload process, users often need to wait for a period of time to complete the upload. At this time, the progress bar is a very good display method. In recent years, uniapp has become one of the popular frameworks for mobile development. This article will introduce how to use uniapp to implement the function of uploading files with a progress bar. 1. Prerequisite knowledge Before studying this article in depth, you need to master the following skills: 1. Basic usage of uniapp 2. Ajax asynchronous
    uni-app 2545 2023-05-22 14:26:38
  • What voice does uniapp use to develop apps?
    What voice does uniapp use to develop apps?
    UniApp is an open source framework that allows developers to create cross-platform applications using web technologies. UniApp supports multiple programming languages, including Vue, JavaScript, HTML and CSS. Therefore, in UniApp development, developers can use multiple programming languages ​​to write code. However, in the official documentation of UniApp, it is recommended to use Vue and JavaScript languages ​​for UniApp development. Vue is a very popular JavaScript framework that is
    uni-app 1814 2023-05-22 14:03:08
  • How to do 3D in uniapp
    How to do 3D in uniapp
    With the continuous development of AR/VR technology, more and more developers are beginning to try to achieve 3D effects on mobile terminals. At the same time, uniapp has also become a cross-platform development framework that has attracted much attention. So, how to achieve 3D effects in uniapp? This article will introduce you to the implementation of 3D in uniapp. 1. Use the Three.js library. Three.js is a popular JavaScript 3D library that can help developers easily achieve 3D effects in the browser. Use it in uniapp
    uni-app 854 2023-05-22 13:53:08
  • What do you need to know to learn uniapp?
    What do you need to know to learn uniapp?
    With the rapid development of the mobile Internet, more and more enterprises and developers have begun to turn their attention to the gorgeous and colorful mobile application market, and cross-platform development solutions have become one of their first choices. As a development framework based on Vue.js and oriented to all platforms, Uniapp also has a stable position in the market. If you want to learn Uniapp, you need to master the following key points. 1. Master the basics of Vue.js Uniapp is based on Vue.js, and it is necessary to master the basic knowledge of Vue.js. if you
    uni-app 1691 2023-05-22 13:42:08
  • The name of the image uploaded by uniapp remains unchanged
    The name of the image uploaded by uniapp remains unchanged
    In uniapp, we often use the function of uploading images, but by default, the file name of the uploaded image will be renamed or different platforms will have different performances, which will bring inconveniences to back-end processing and front-end display. Small problem. Therefore, during development, we often need to keep the name of the uploaded image unchanged. This article will introduce how to keep the name of uploaded images unchanged in uniapp. 1. Introduction In uniapp, image upload mainly uses the API interface of uni.uploadFile(). Connect through this
    uni-app 2390 2023-05-22 13:40:37
  • Convert uniapp to other projects
    Convert uniapp to other projects
    In recent years, with the rapid development of mobile Internet, the demand for mobile applications is increasing. Between different platforms, developing a set of mobile applications that meet user needs has become a challenge. From this, cross-platform applications become one of the solutions. As one of the cross-platform development technologies, uniapp has received more and more attention in the development community. However, once the applications developed on uniapp need to be converted to other platforms, what should be done? This article will explore this issue. 1. Principles and characteristics of uniapp uniapp is a vu-based
    uni-app 843 2023-05-22 13:37:38
  • Modify local data in uniapp
    Modify local data in uniapp
    In Uniapp, we often need to use local data for page display or interaction, but sometimes we need to modify this data, such as users modifying profile information or changing application settings. So, how to modify local data in Uniapp? This article will explain it to you in detail. 1. Local data storage methods There are many ways to store local data in Uniapp, such as LocalStorage, SessionStorage, IndexedDB, etc. Different storage methods have different usage scenarios
    uni-app 1672 2023-05-22 13:35:38
  • uniapp prohibits horizontal screen
    uniapp prohibits horizontal screen
    Abstract: This article mainly introduces how to disable horizontal screen in uniapp applications to prevent layout confusion and user experience degradation caused by horizontal screen. In mobile application development, both horizontal screen mode and vertical screen mode are very important layout methods. Landscape mode allows applications to occupy more space in the horizontal direction and improve the efficiency of information display. However, relying too much on landscape mode will lead to confusion in the overall layout of the application, thus affecting the user experience. Therefore, for some applications that focus on user experience, it is very necessary to prohibit horizontal screen. in uniapp application
    uni-app 2462 2023-05-22 13:33:37
  • uniapp implements hot update
    uniapp implements hot update
    With the development of mobile development, hot updates have become a very important function, allowing applications to correct bugs and add new features in a timely manner without having to release them again. For uniapp, hot update is a very important solution because it can support multiple platforms at the same time and is relatively simple to implement. In this article, we will introduce how to use uniapp to implement hot updates. 1. Overview of hot update Hot update is a very real-time technology that can update the application in real time according to the application requirements during operation.
    uni-app 5942 2023-05-22 13:30:38
  • uniapp determines whether the screen is horizontal or vertical
    uniapp determines whether the screen is horizontal or vertical
    On mobile devices, different screen orientations may correspond to different display effects. Therefore, developers need to make relevant screen orientation judgment and processing in their applications. Under the uniapp framework, we can use the API provided by uniapp to determine whether the screen is horizontal or vertical. 1. Use the API provided by uniapp to determine the screen orientation. uniapp provides an API uni.getSystemInfo, which can be used to obtain the system information of the device, including the current orientation of the device screen. The specific implementation is as follows:
    uni-app 2681 2023-05-22 13:29:09
  • Unable to obtain positioning latitude and longitude after uniapp is packaged
    Unable to obtain positioning latitude and longitude after uniapp is packaged
    Recently when developing a small geolocation-based application using uniapp, I tried a variety of methods to obtain the user's geolocation information. I found that when the application is packaged, in some cases, the application cannot obtain the location information. After investigation, I found that this was due to the application not adding the appropriate permissions when packaging. This article will explain in detail the method of obtaining positioning information in uniapp and the solution to the problem of positioning failure after packaging the application. 1. How to obtain positioning information in uniapp uniapp
    uni-app 2374 2023-05-22 13:15:07
  • uniapp stores information and updates are not lost
    uniapp stores information and updates are not lost
    With the rapid development of modern technology, mobile applications have become an indispensable part of our lives, and the development technology therein is also constantly expanding. Among them, uniapp has become the first choice of many developers, not only can develop multiple platforms at the same time, but also without a lot of duplication of work. However, the way uniapp is stored can sometimes lead to the loss of important data. In this article, we will explore how to use uniapp to store information and update it without losing it. 1. Methods of storing information Uniapp’s storage is divided into two methods: local storage and remote storage.
    uni-app 1702 2023-05-22 13:03:38
  • uniapp implements video and picture mixing
    uniapp implements video and picture mixing
    1. Background With the continuous development of mobile Internet, rich multimedia resources such as videos and pictures have become an indispensable part of people's daily lives. However, in some application scenarios, the need to display pictures and videos at the same time is becoming more and more common. In this context, how to achieve a beautiful and smooth video and picture mixing effect on the mobile terminal has become an unavoidable problem. 2. Technology Selection This article uses the cross-platform development framework uniapp as the implementation solution. uniapp uses vuejs as its template language and has good development
    uni-app 987 2023-05-22 12:57:07
  • How to determine the platform in uniapp
    How to determine the platform in uniapp
    In uniapp, you can use some methods to determine the currently running platform, such as Web, WeChat applet, Alipay applet, Baidu applet, Toutiao applet, QQ applet, etc. By judging from different platforms, we can develop different functions in a targeted manner to improve the user experience of the application. This article will introduce how to determine the platform in uniapp. ### 1. Obtain platform information through the uni.getSystemInfoSync() method. uniapp provides `uni.getSystemInfo
    uni-app 4557 2023-05-22 12:49: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.

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