基本概念

这里主要是使用了css预处理

首先下载包

npm install stylus stylus-loader

随后创建文件，然后写代码

这里还要导入代码：

这里还要引入下：

程序运行截图如下：

代码与实例

文件结构如下：

源码如下：

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/>'
})

前端笔记-vue cli为web添加底纹相关推荐

前端笔记-vue cli中axios批量发送get和post请求及注意事项
目录基本概念关键代码基本概念这里安装好axios后,还要安装qs npm install --save qs 在vue cli中在created里面调用方法,他会在页面加载完成后自动调用! 批 ...
前端笔记-vue cli中使用router-link进行路由跳转
目录以前的方法新方法以前的方法以前是通过router的push进行跳转,代码如下: <template><div class="XXXXXXXXXXXXXXXXX& ...
前端笔记-Vue cli中使用axios后JavaScript变量传输给vue变量要注意的地方
目录 axios.all中的注意事项为什么要采用全局的JavaScript变量给vue变量 axios.all中的注意事项如下的请求: methods:{getData(){axios.all([ ...
前端笔记-vue cli中使用echarts画江苏省地图
目录基本概念代码与实例基本概念这里使用echarts,框架用vue cli,下面这个链接是vue cli导入echarts https://blog.csdn.net/qq78442761/a ...
Web前端笔记-vue cli中使用echarts加载geo地图
效果是这样的: 此处是使用echarts加载geo地图. 这里简单说下逻辑: 首先npm下个包: npm install echarts 然后用个vue组件封装下. 如下代码: <templat ...
前端笔记-vue cli中v-bind动态数据实时更新
目录基本概念代码基本概念如下的例子,刚开始运行: 点击按钮: 数据库修改下数据: 再点击按钮刷新下: 下面给出请求的json数据: 刷新有2个方式第一种是强制刷新,这样是有问题的,数据和图表 ...
前端笔记-vue cli使用echarts
目录过程代码与实例过程首先下载echarts cnpm install echarts -S //或者是 cnpm install echarts --save 下载好后: 在main.js中 ...
前端笔记-vue cli引入sementic-ui（sementic-ui-vue）
运行截图如下: 原文链接如下: https://semantic-ui-vue.github.io/#/ 下面给出截图,部分网络不能访问
Web前后端笔记-vue封装http请求添加signature及后端(Java)解析并验证
首先帖下运行截图: 签名过期情况: 签名错误情况: 这里npm要导入js-md5,并且在main.js中添加 import md5 from 'js-md5' Vue.prototype.$md5 = ...

前端笔记-vue cli为web添加底纹

基本概念

代码与实例

前端笔记-vue cli为web添加底纹相关推荐

最新文章

热门文章