Vue3+Element-Plus Homepage Aside Layout Design 24
1. Layout design effect of left menu
2. Left Menu Layout Analysis
Menus are split into two levels and have a folding effect
3. Introduction to menu components used Menu | Element Plus (gitee.io)
el-menu The outermost layer of the entire left menu must be wrapped in a menu el-submenu Level 1 Menu ...
Posted by lostprophetpunk on Sat, 04 Dec 2021 11:20:17 -0800
elementUI framework component
elementUI framework learning notes
1. Create a Vue cli scaffold
Initialization: vue init webpackInstallation package: npm installInstalling elementui: NPM I element UI - SInstall axios: npm install axios -SInstall Router: NPM install Vue router - s and configure routing.Introduce components and configure routing.Start project: npm run dev ...
Posted by miniature on Fri, 03 Dec 2021 11:00:44 -0800
Installation and use of element UI, iview, vant and Vuex
Vue_UI and Vuex
UI Library
element-ui
Official website: https://element.eleme.cn/#/zh-CN/component/installationhttps://element.eleme.cn/#/zh-CN/component/installation
Element, a desktop component library based on Vue 2.0 for developers, designers and product managers
Element UI is a third-party PC side component library based on vue box
I ...
Posted by zimmo on Mon, 01 Nov 2021 04:57:43 -0700
tabs to achieve dynamic data switching
Realization effect
General idea
First, I want to judge the number of each question type queried in the interface, find the question type ID whose count is not zero, and it appears first. I won't enter it after query, and then query and render the question
resolvent
At the beginning, I thought about how to change the activeName of the tabs ...
Posted by Fergusfer on Wed, 13 Oct 2021 21:05:13 -0700
Realization of the complete menu of outstanding cuisine in vue project
design sketch
analysis
1. First implement the recipe classification header
(1) First, realize the home-made menu, Chinese cuisine and local snacks
(2) Then realize each item in the first part
2. Implement the functions in the left filter
(1) ...
Posted by sanu on Sun, 10 Oct 2021 03:19:16 -0700
Step on pit mark 18 vue component folding v-show | depth merge object | El checkbox group size setting is invalid | El form element height and vertical spacing are not uniform
2021.9.1
Pit 57 (component folding): simple folding to the left without animation. The effect is to click the long bar with arrow (added background color for easy viewing) to change the folding state. The idea is that the outer package flex is automatically arranged from left to right, use v-show to control the display of inner elements, and u ...
Posted by mudasir on Wed, 01 Sep 2021 14:36:59 -0700