優點:預編譯可統一修改。
在src下新建assets資料夾建立scss資料夾存放reset.scss檔案:清空瀏覽器的內建樣式
*
html,body
aul li
input
input:focus,a:focus
同時存放config.scss檔案:
$min-width
:1226px; //安全寬度
//常規字型大小設定
$fonta
:80px;
$fontb
:38px;
$fontc
:28px;
$fontd
:26px;
$fonte
:24px;
$fontf
:22px;
$fontg
:20px;
$fonth
:18px;
$fonti
:16px;
$fontj
:14px;
$fontk
:12px;
//常規配色
$colora
:#ff6600 !default;
$colorb
:#333333 !default;
$colorc
:#666666 !default;
$colord
:#999999 !default;
$colore
:#cccccc !default;
$colorf
:#d7d7d7 !default;
$colorg
:#ffffff !default;
$colorh
:#e5e5e5 !default;
$colori
:#000000 !default;
$colorj
:#f5f5f5 !default;
$colork
:#fffaf7 !default;
在.vue檔案中使用scss時:
//定義為scss檔案
lang
='scss'
>
a&:after
}style
>
建立mixin.scss,類似於
@mixin
bgimg
($w:0,$h
:0,$img
:'',$size
:contain)
@mixin
position
($pos
:absolute,$top
:0,$left
:0,$w
:100%,$h
:100%)
呼叫mixin
在.vue檔案中使用時:
//定義為scss檔案
lang
='scss'
>
@import
'./../assets/scss/mixin.scss'
;img
style
>
如果出現以下資訊:node sass version 5.0.0 is incompatible with ^4.0.0
解除安裝node-sass,安裝最新版。
npm uninstall node-sass
npm install [email protected]
mysql使用基礎 mysql 的基礎使用
1 登入 mysql uroot p123 2 檢視使用者 select user 3 退出 quit exit q 4 檢視幫助資訊 help create user 5 建立帳號 create user egon 192.168.32.identified by 123 create user ...
Docker的基礎使用
docker 使用文件注 本文件不是教程,而是針對記錄docker的基礎操作。方便筆者以後使用 筆者記性不好,記不住命令 本機 ubuntu16.04.2 已配好docker環境 容器使用 新建容器 sudo docker run i t ubuntu 16.04 bin bash 後台執行容器 s...
shell的使用基礎
1 shell命令的標準格式 標準格式 1 普通使用者,命令 選項 引數 2 超級使用者,命令 選項 引數 選項是包括乙個或多個字母的 他的前面有乙個減號 linux系統用減號來區分選項和引數 2 shell命令的萬用字元 shell命令的萬用字元主要有三個,和 1 星號 代表任意長度的字串,但不可...