目錄

?

基本概念

代碼與實(shí)例

---

?

基本概念

這里主要是使用了css預(yù)處理

首先下載包

npm install stylus stylus-loader

隨后創(chuàng)建文件，然后寫代碼

這里還要導(dǎo)入代碼：

這里還要引入下：

程序運(yùn)行截圖如下：

?

代碼與實(shí)例

文件結(jié)構(gòu)如下：

源碼如下：

blogbal.styl

html, body{margin 0padding 0width 100%height 100% }body{background-image: url("../images/bg.jpg") }

main.js

// The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' import App from './App' import router from './router'import './assets/styles/global.styl'Vue.config.productionTip = false/* eslint-disable no-new */ new Vue({el: '#app',router,components: { App },template: '<App/>' })

?

?

總結(jié)

以上是生活随笔為你收集整理的前端笔记-vue cli为web添加底纹的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。