Home page - article list
Home page - article list
# 1. Page layout
# 1.1 head navigation bar
1. Using the navigation bar component
2. Insert button in navigation bar component
textIcon
3. Style adjustment
Width and heightBackground colorframeText sizeIcon size
<template>
<div class="home-container">
<!-- navigation bar -->
<van-na ...
Posted by ryans18 on Thu, 10 Mar 2022 15:08:00 +0100
Use three JS to achieve magical 3D text suspension effect
Statement: the pictures and model materials involved in this article are only used for personal learning, research and appreciation. Please do not modify, illegally spread, reprint, publish, commercialize or engage in other profitable activities.backgroundIn three JS journey course Examples In, a method is provided to use three JS built-in meth ...
Posted by burhankhan on Wed, 09 Mar 2022 02:22:41 +0100
When Vue stepping on the pit notes are introduced into ElementUI, the packaging failure repair record (error in. Node_moduleselement uilibtheme chalkindex. CSS)
Vue stepping on the pit notes: repair record of packaging failure when importing ElementUI (error in. / node_modules / element UI / lib / theme chat / index.css module build failed: modulebuilderror: module build failed: typeerror: this.getoptions is not a function)
Article catalogue
Vue stepping on the pit notes: repair record of packaging f ...
Posted by paul088 on Wed, 09 Mar 2022 01:54:19 +0100
Internet learning record: cascading style sheets -- an introduction to CSS
Cascading style sheets - CSS
Cascading Style Sheets (CSS), also known as string style lists, is a standard defined and maintained by W3C. It is a computer language used to add styles (font, spacing, color, etc.) to structured documents (such as HTML documents or XML applications)The current version is CSS2 1. It is the recommended standard ...
Posted by unistake on Tue, 08 Mar 2022 22:53:28 +0100
CSS learning notes 2 font properties and text properties
CSS font properties
The CSS Fonts property defines the font family, size, thickness, and text style
font family
CSS uses the font family attribute to define the font family of the text
p { font-family:"Microsoft YaHei ";}
div {font-family: Arial,"Microsoft Yahei","Microsoft YaHei ";}
All fonts must be separated by commas in EnglishGeneral ...
Posted by HSKrustofsky on Tue, 08 Mar 2022 16:01:19 +0100
Sorting out some knowledge points of CSS
CSS selector and its priority
Selector nameformatPriority weightid selector #id100Class selector .className10attribute selectors a[ref="eee"]10Pseudo class selectorli:last-child10tag chooser div1Pseudo element selectorli:after1Adjacent Sibling Selectors h1+p0Child selectors ul>li0Descendant Selectors li a0Wildcard selector*0
For selector pr ...
Posted by loony383 on Tue, 08 Mar 2022 08:15:49 +0100
Puppeter Usage Summary
Article catalogue
NodeJS environment configuration
MAC configuration
Installation mode 2:node version management: Linux configurationWindows configuration Development environment initialization
Basic environmentBaidu OCR dockingMy example code Docker deploymentLittle knowledgePuppeter syntaxError summaryMy blog
NodeJS en ...
Posted by unixmiah on Tue, 08 Mar 2022 06:18:36 +0100
Detailed steps of Ant Design Vue + vite topic switching (simple case)
Now more and more websites support theme switching, so do ours!
Here, we want to implement two examples, theme switching and night mode! Topic switching: Night mode:
1. Get ready to initialize a simple vite project
Install Ant Design Vue and less
yarn add ant-design-vue@next
yarn add less --save
Because Ant Design Vue is developed u ...
Posted by gmiyano on Tue, 08 Mar 2022 01:14:51 +0100
How to use icon gracefully in Vue project
Before we begin to understand how to standardize the use of icon in Vue projects, we need to understand some of the most basic knowledge points of icon - sprite technology.
Sprite Technology
Currently, SVG sprite's best practice is to use the symbol element. What is the symbol element? In simple translation, it means "symbol". Howev ...
Posted by Arrow on Tue, 08 Mar 2022 00:15:35 +0100
CSS layout (required) -- position attribute
CSS layout -- position attribute
The position attribute specifies the type of positioning method (static, relative, fixed, absolute, or sticky) applied to the element.
------------------------------------------------------------------------------------------
position attribute
The position attribute specifies the type of positioning me ...
Posted by omegared on Mon, 07 Mar 2022 21:28:17 +0100