页面的样式搭建

124 阅读1分钟

image.png

image.png

<el-container> 
    <el-aside width="200px">Aside</el-aside>
    <el-container> 
        <el-header>Header</el-header> 
        <el-main>
            <router-view></router-view>
        </el-main> 
    </el-container> 
</el-container>

image.png

less官方

less.bootcss.com/

下载:

npm i less@4.2.0 less-loader@6.0.0

image.png

下载完之后再页面使用代码

<style lang="less" scoped>

//你的样式

</style>

vuex

vuex.vuejs.org/zh/

v3.vuex.vuejs.org/zh/

引入vuex

npm i vuex@3.6.2

自适应

image.png