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

  • How to use uniapp Ali icon library
    How to use uniapp Ali icon library
    Icons are a very important element in the modern world of mobile app and web design. They can be used to convey information, enhance readability, and improve user experience. When developing mobile applications, using a suitable icon library can make the application more modern and beautiful. Alibaba Icon Library is a free icon library that contains tens of thousands of icons, which can help you quickly find and use icons suitable for your application or website. This article will introduce in detail how to use Alibaba Icon Library in uniapp. Step 1: Register and log in. Open the official website of Alibaba Icon Library (https:
    uni-app 2421 2023-04-20 14:14:28
  • Can uniapp use the swiper plug-in?
    Can uniapp use the swiper plug-in?
    Can uniapp use the swiper plug-in? With the popularity of mobile devices such as mobile phones, APP development has become the focus of more and more programmers. APP development needs to take into account a variety of performance factors, such as memory usage, bandwidth, etc. In order to solve this problem, uniapp came into being, which is also a very powerful development tool. However, as a newbie, do you know whether you can use the swiper plug-in when developing with uniapp? This article will explore this issue. First, we need to understand uniapp and swiper
    uni-app 3165 2023-04-20 14:14:08
  • How to set the button position of uniapp
    How to set the button position of uniapp
    UniApp is a cross-platform framework that allows developers to develop using Vue.js while porting applications to multiple platforms in a simple and easy-to-use way. In UniApp, buttons are one of the most common controls that enable different functions in the application. This article explains how to set button positions in UniApp. 1. Use CSS styles to set button positions. In UniApp, the button positions can be set through CSS styles. This can be done via the CSS style sheet
    uni-app 3696 2023-04-20 14:13:19
  • Does uniapp support ts?
    Does uniapp support ts?
    uniapp is a cross-platform development framework that can develop multi-terminal applications such as mini programs, H5, and Apps. For developers, it is crucial to choose a development language and tool that suits them best, because it is related to the development efficiency and quality of the project. Here, we will explore whether uniapp supports ts, as well as the advantages and considerations of using ts to develop uniapp. Does uniapp support ts? The answer is yes. With the popularity of TypeScript, the uniapp team added support for ts in version 2.0.
    uni-app 2987 2023-04-20 14:12:56
  • How uniapp converts asynchronous operations into synchronous operations
    How uniapp converts asynchronous operations into synchronous operations
    With the popularity of mobile applications, more and more developers are beginning to use uniapp as a development tool. uniapp is a cross-platform application development framework based on vue.js, which allows developers to use vue.js to develop applications for iOS, Android, H5 and other platforms at the same time. When developing uniapp, you will inevitably encounter asynchronous operations, which may cause confusion and errors if you are not careful. So how to convert asynchronous operations into synchronous operations? 1. Understand the essence of JavaScript asynchronous operations
    uni-app 2118 2023-04-20 14:12:35
  • What should I do if uniapp cannot be opened after sharing a link?
    What should I do if uniapp cannot be opened after sharing a link?
    With the popularity of the Internet, sharing has become a part of our daily lives. People can share content they are interested in with friends or relatives, or use sharing to promote their own works or products. However, when we want to share our uniapp application link, we may encounter some problems, such as being unable to open it. uniapp is a cross-platform development framework that allows developers to develop iOS and Android applications at the same time. During the application development process, developers need to share application links on platforms such as WeChat or QQ. but,
    uni-app 1476 2023-04-20 14:12:04
  • What should I do if the video in uniapp is not full screen?
    What should I do if the video in uniapp is not full screen?
    Preface UniApp is a cross-platform application development framework developed based on Vue.js, which supports compilation into applications for multiple platforms such as iOS, Android, and H5. The video component is a component that embeds video and can play videos on platforms such as apps and H5. However, many developers will encounter a problem when using the video component: the video cannot be played in full screen on the H5 platform. This article explains how to resolve this issue. Problem Symptoms When using UniApp v
    uni-app 3457 2023-04-20 14:06:59
  • How to implement draggable cropping box in uniapp
    How to implement draggable cropping box in uniapp
    With the popularity of mobile applications, many developers have begun to pay attention to cross-platform technology. UniApp is an excellent cross-platform application development framework. It can compile an application into versions for multiple different platforms at the same time, including iOS, Android, H5, WeChat applets, etc. In this article, we will introduce a method to use UniApp to implement a draggable cropping box. 1. Requirements Analysis In many mobile applications, cropping pictures is a common operation, and it is very important to have a real-time preview of the cropped part during the cropping process. because
    uni-app 1206 2023-04-20 14:06:48
  • How to run uniapp with command
    How to run uniapp with command
    With the continuous development of mobile Internet, Hybrid applications are attracting more and more attention. Against this background, various new development frameworks have emerged. As a new hybrid development framework, Uniapp naturally attracts the attention of developers. Uniapp provides a way to quickly develop cross-platform applications, allowing developers to write code once and publish applications on multiple platforms, including iOS, Android, H5, etc. If you are not familiar with Uniapp yet, you can refer to the official website article first.
    uni-app 4003 2023-04-20 14:06:23
  • Let's talk about how to remove the back button in the navigation bar in Uniapp
    Let's talk about how to remove the back button in the navigation bar in Uniapp
    In Uniapp development, by setting the navigation bar of the page, you can add more functions and better user experience to the page. However, in the actual development process, we may encounter situations where we need to hide or remove the navigation bar return button. This article will introduce how to remove the navigation bar back button in Uniapp. Using the native navigation bar in Uniapp Using the native navigation bar in Uniapp is a common implementation method. When using the native navigation bar, we can hide or remove the navigation bar return button by modifying the properties of the controller or page. In Vue
    uni-app 2648 2023-04-20 09:47:13
  • What should I do if the uniAPP package cannot be imported?
    What should I do if the uniAPP package cannot be imported?
    Recently, many developers have reported that they encountered problems when using uniAPP for packaging. In this article, we will explore this problem and provide some solutions. First, we need to understand what uniAPP is. uniAPP is a cross-platform development tool based on the Vue framework, which can quickly develop applications for multiple platforms such as iOS, Android, H5, and WeChat applets. The use of uniAPP makes multi-platform development simpler and faster, so it is favored by developers. However, during the packaging process, I encountered
    uni-app 1262 2023-04-20 09:48:09
  • How to solve the problem that uniapp cannot monitor pull-up events
    How to solve the problem that uniapp cannot monitor pull-up events
    In uniapp, we can implement more pull-up loading functions by listening to page scroll events. But sometimes you find that even if the page has slid to the bottom, the pull-up event cannot be monitored. How to solve this? The first thing to make clear is that uniapp is developed based on the Vue framework, so we can learn from Vue's ideas to solve this problem. Vue provides an instruction v-infinite-scroll, which can trigger a method when scrolling to the bottom, which is very convenient. However, uniapp does not support this command.
    uni-app 1133 2023-04-20 09:56:35
  • What UI component library does uniapp use with?
    What UI component library does uniapp use with?
    As mobile applications continue to develop and become more popular, developers are constantly exploring and looking for better ways to implement high-quality mobile applications. Uniapp is a cross-platform development framework that allows us to build APP applications on multiple platforms with one set of code. However, in the process of using Uniapp, developers also need to choose appropriate UI component libraries to assist development to ensure the beauty, interactivity and practicality of the application interface. So, next let’s take a look at the UI component library that combo’s easy-to-use Uniapp matches. 1.Mint U
    uni-app 6122 2023-04-20 09:56:50
  • How to remove app badges using uniapp
    How to remove app badges using uniapp
    1. Background With the widespread use of unread message markers in mobile applications, many mobile applications have begun to use application corner markers. Applying badges can remind users of unread messages and allow them to get relevant messages faster. However, some users feel that application badges are not important to them and that they can be intrusive. Therefore, sometimes users want to disable or remove app badges. In this article, we will introduce how to remove app badges using uniapp. 2. What is uniapp? uniapp is a cross-platform development based on the Vue.js framework
    uni-app 2581 2023-04-20 09:57:32
  • How to change the app application name in uniapp
    How to change the app application name in uniapp
    In recent years, with the rapid development of mobile Internet, mobile applications have become an indispensable part of people's lives. For developers, developing their own applications is both a challenge and a very meaningful job. However, for many beginners, not knowing how to change the name of the application can be very confusing for them. Today we will discuss how UniApp changes the app name. First, create a new UniApp project. In the manifest.json file, find "app-
    uni-app 3918 2023-04-20 09:58:46

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