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

  • How to draw horizontal lines using Uniapp
    How to draw horizontal lines using Uniapp
    It is not difficult to draw a horizontal line in Uniapp. You can draw a horizontal line through some simple codes. If you want to learn how to draw horizontal lines using Uniapp, please follow this article. 1. Use CSS to draw horizontal lines. We can draw horizontal lines by using CSS in labels. With the following code snippet, we can easily draw a horizontal line in our Uniapp page:```// style.line { border-bottom: 1px solid #000; //
    uni-app 3177 2023-04-20 15:15:09
  • Detailed introduction to the relevant knowledge of network requests in uniapp
    Detailed introduction to the relevant knowledge of network requests in uniapp
    With the rapid development of mobile Internet, the demand for mobile applications continues to increase, and network requests have become a necessary part of application development. The uniapp framework greatly facilitates developers, encapsulating common network request APIs and greatly reducing development complexity. This article will introduce in detail the knowledge related to network requests in uniapp. 1. uni.request uni.request is a network request API encapsulated by uniapp and has extremely high flexibility. The API supports multiple request methods, including GET, POST, etc.
    uni-app 1431 2023-04-20 15:15:21
  • What should I do if nvue setting px in uniapp is invalid?
    What should I do if nvue setting px in uniapp is invalid?
    With the continuous development of cross-platform technology, Uni-app, as a framework for developing cross-platform applications based on Vue.js, has attracted the attention and love of more and more developers. Among them, nvue, as a component widely used in APP development, has higher performance and better user experience. At the same time, it also supports the use of unit presets such as px and rpx to control the size of elements when designing layouts. However, some developers have reported that when using the px unit preset, there may be a problem that the element size cannot be preset. So, this phenomenon
    uni-app 1213 2023-04-20 16:19:05
  • A brief analysis of some common writing methods of UniApp
    A brief analysis of some common writing methods of UniApp
    UniApp is a cross-platform development framework based on Vue.js, which can develop applications for multiple platforms such as iOS, Android, H5 and applets. In the development of UniApp, there are some more important writing methods that we need to pay attention to and master. Let's learn more about them below. 1. Framework structure The source code of UniApp mainly consists of three parts: basic library, compiler and platform code. Among them, the basic library consists of two parts: uni-core and uni-helpers, which are responsible for providing UniApp necessary
    uni-app 1202 2023-04-20 15:16:03
  • How to use uniapp to implement live broadcast mini program
    How to use uniapp to implement live broadcast mini program
    As the number of mobile Internet users continues to increase, the live broadcast industry has gradually entered people's field of vision. The development forms of Internet live broadcast are becoming more and more abundant, among which mini program live broadcast is a brand new live broadcast method that has emerged in recent years. Using uniapp to implement live broadcast mini programs is an option worth exploring. 1. What is uniapp? Uniapp is a cross-platform development tool based on the Vue.js framework. It can be developed at one time and is applicable to multiple platforms at the same time, such as WeChat applet, Alipay applet, H5, App and other mobile platforms. uniapp
    uni-app 1967 2023-04-20 15:16:37
  • How to pass data to server using UniApp
    How to pass data to server using UniApp
    UniApp is a framework for developing cross-platform applications. It can be used to quickly develop applications that work on different platforms at the same time. In applications, we often need to transfer data to the server. Here we introduce how to use UniApp to transfer data to the server. 1. UniApp sends a network request. UniApp provides an API uni.request() for initiating network requests to the remote server. This function needs to pass an object as a parameter, which contains the requested URL, request method, request header and
    uni-app 1752 2023-04-20 15:16:50
  • How to modify the style of Checkbox using uniapp framework
    How to modify the style of Checkbox using uniapp framework
    With the development and demand of mobile applications, many mobile developers have chosen to use the uniapp framework to develop applications. uniapp is a very popular cross-end development framework that allows development using Vue syntax and can build applications for multiple mobile platforms at the same time. During the development process, the Checkbox component is also one of the frequently used UI controls. However, since the default style of the component cannot meet the needs of all developers, it needs to be modified. This article will detail how to use
    uni-app 4131 2023-04-20 15:17:53
  • Can uniapp develop WeChat public accounts?
    Can uniapp develop WeChat public accounts?
    With the rapid development of mobile Internet and smart terminal technology, WeChat has become an indispensable part of people's daily lives. Similarly, WeChat official accounts have also become an important part of corporate marketing and brand promotion. So, can uniapp be used to develop WeChat public accounts? First, we need to understand what uniapp is. uniapp is an open source framework based on Vue.js developed by DCloud. It supports a set of code compilation to generate multi-terminal applications, including WeChat applet, H5, Android, iOS and other platforms, and all
    uni-app 2620 2023-04-20 15:17:59
  • How to set uniapp's tabbar in a mini program
    How to set uniapp's tabbar in a mini program
    With the development of small programs, more and more people have joined the ranks of small program development. Uniapp is a cross-platform development tool that can achieve the effect of developing multiple terminals (including small programs) with one set of code. So, how to set the tabbar of uniapp in the mini program? First of all, setting tabbar in uniapp needs to be configured in the `pages.json` file. In the mini program, we need to first convert the tabbar option in the `pages.json` file into the syntax of the mini program. specific
    uni-app 2058 2023-04-20 15:18:54
  • How to determine whether the network request is successful in uniapp
    How to determine whether the network request is successful in uniapp
    In the development process of mobile applications, we often need to request data through the network, and the uniapp framework provides a series of APIs to help us complete this task. In network requests, we usually need to determine whether our data request is successful. This article will introduce how to determine whether the network request is successful in uniapp. 1. Basic principles of network requests Before understanding how to determine whether a network request is successful, we first need to understand the basic principles of network requests. When we make a network request from the client to the server, I
    uni-app 1493 2023-04-20 15:19:35
  • How to jump to application in uniapp
    How to jump to application in uniapp
    With the continuous development of mobile application development, developers' demand for multi-terminal applications is also gradually growing. In response to this situation, the uniapp platform came into being. uniapp is an application development framework that supports writing once and publishing on multiple terminals, so that developers do not have to repeatedly write applications for different platforms, thus improving development efficiency. In uniapp, realizing cross-platform jump is also a necessary technology. This article focuses on the topic of uniapp jumping to applications, aiming to provide developers with some practical experience and skills. 1. uniapp jump
    uni-app 1900 2023-04-20 15:21:00
  • Let's talk about the storage location and usage of uniapp global public components
    Let's talk about the storage location and usage of uniapp global public components
    In the process of using uniapp for front-end development, we often need to use public components, such as custom navigation bars, bottom navigation bars, pop-up windows, etc. So, where should these global public components be placed? This article will introduce you to the storage location and usage of uniapp global public components. 1. The storage location of uniapp global public components In uniapp, we can create public components to achieve the purpose of reusing the same component for different pages. These components can be divided into global public components and local public components. The global public component is
    uni-app 4190 2023-04-20 15:21:22
  • Does uniapp support directives?
    Does uniapp support directives?
    UniApp is a cross-platform development framework that supports writing once and running on multiple terminals. It integrates multiple development frameworks, such as Vue.js, Weex, etc., to provide powerful functions and flexible development experience. In UniApp, you can use all the directives and features of Vue.js, or add custom directives. So, does UniApp support commands? The answer is yes. Directives in UniApp are the same as in Vue.js, and you can customize directives according to Vue.js's rules and use them in templates. Vue
    uni-app 1359 2023-04-20 15:22:33
  • How to implement pull-up to change nav color function in uniapp
    How to implement pull-up to change nav color function in uniapp
    With the popularity of mobile applications, uniapp is very popular as a cross-platform application development framework. The pull-up function to change the nav color makes many developers put it down. Next, let’s explore how to implement this function. 1. Determine the requirements: When the page is pulled down to a certain height, the background color of the navigation (nav) at the top of the page changes. 2. Modify the HTML file: add a fixed-position navigation bar at the top of the page, and set its background color to the color that needs to be changed. 3. Modify the JS file: by listening to the page drop-down event
    uni-app 1299 2023-04-20 15:23:50
  • How to debug the small program developed by uniapp on real machine (process)
    How to debug the small program developed by uniapp on real machine (process)
    As a developer, real-machine debugging of the program is an inevitable step. Specifically, when developing small programs in uniapp, what should we pay attention to? This article will introduce you to the real machine debugging process of uniapp development applet. 1. Register a mini program on the WeChat public platform. First, we need to register a mini program on the WeChat public platform. The specific operation process is as follows: 1. Log in to the official website of the WeChat public platform 2. Enter the mini program management page and click "Register Mini Program" 3. Fill in the basic information of the mini program and submit it for review 4. After passing the review, you can start
    uni-app 3747 2023-04-20 15:24:32

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