最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

 在項目開發(fā)的過程中，有些css樣式我們寫成一樣的，在后期維護起來特別不方便。舉個栗子：項目主題的背景色和字體色調(diào)是藍色的，而且項目已經(jīng)到了一個版本在線上運行的時候，這個時候產(chǎn)品經(jīng)理過來說我們這個項目下個版本背景和字體顏色要換成淡紫色，最遲明天要部署版本。這個時候就開始打開項目全局搜索有多少個地方涉及到這些屬性，一個一個的拼命改。早知如此何必當初，是我的格局小了還是產(chǎn)品經(jīng)理欠揍呢.

我們一般可以把公共的樣式作為變量在其他需要的地方，寫上變量名即可，后期維護起來只需要修改設(shè)置公共變量的value值即可，節(jié)省大量重復(fù)工作，去打打游戲，炒炒股票不香嗎?

在css中我們使用變量一般都是在同類的后綴名文件下使用，舉個栗子：

 
 
 
 
  
  
  
  
$bgColor:blue 
  
  
  
  
 
  
  
  
  
div{ 
  
  
  
  
  background:$bgColor 
  
  
  
  
} 
 
 
 

那么如何將css變量在.js,.vue.....文件中使用呢?

 
 
 
 
  
  
  
  
$pink: #E65D6E; 
  
  
  
  
$yellow:#FEC171; 
  
  
  
  
 
  
  
  
  
:export { 
  
  
  
  
    yellow:$yellow; 
  
  
  
  
    pink:$pink 
  
  
  
  
  } 
 
 
 

vue文件中

 
 
 
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
 
  
  
  
  
div{ 
  
  
  
  
    width: 300px; 
  
  
  
  
    height: 300px; 
  
  
  
  
    margin: auto; 
  
  
  
  
    text-align: center; 
  
  
  
  
    line-height:300px ; 
  
  
  
  
} 
  
  
  
  
 
 
 
 

直接引入variables文件獲取到變量對象即可

網(wǎng)頁題目：在項目開發(fā)中如何靈活使用css變量
分享路徑：http://m.fisionsoft.com.cn/article/dphjdjo.html