Language : 🇺🇸 | 🇨🇳

fast-layout

videoExample

part1：install vue3.0

part2：install fast-layout

part3：Using fast layout to realize keyboard layout

introduce

Using fast layout can meet more than 95% of the layout requirements in the work, and there is no need to write or write a small amount of CSS code to complete the complex layout, so that there is no difficult layout in the world

start

Enter fast-layout --init in the root directory of the console project, and the system will automatically create a fast_layout.config.js configuration file

fileContent

module.exports= {
    color: {
        bg:'#5f6683',
        key_bg:'#58595e',
        main:'#fdd25f',
        key_blue:'#555d81',
        key_grey:'#c4c2c5',
        key_text:'#1f2120'
    },
    filePath: '/src/style/layout.css',
};

last

type commond fast-layout on the console to create a file of result