技術標籤：移動端Vue動態路由線性漸變vue

router-link

當你想點選跳轉的時候可以在外面他外面寫一個router-link標籤

<ul>
	<router-link to="你要跳轉到的頁面"> 
		<li></li>
	</router-link>
</ul>

// vue會把router-link解析成a標籤，a標籤會把裡面文字的顏色給改變
// 解決方案 一、改變樣式
// 二、直接把li改為router-link 當然這樣不對 要給router-link 加一個 tag="li"
 

<ul>
	<router-link  tag="li"> 
	</router-link>
</ul>

動態路由

在配置路由的時候 通過後面加一個：id的形式 他的意思是前面的路徑必須是一個detail/，而後面你可以帶一個引數，這個引數會方法id的這個變數裡面

<router-link 
// 加一個tag="li" 那麼vue就不會把讓渲染成一個a標籤 而是li標籤
tag="li"
// 給to加一個： 讓他做一個動態的繫結 實現了引數的傳遞
// 通過url進入路由的時候吧引數帶到這個路徑下
 

:to="'/detail/' + item.id"
>
</router-link>

線性漸變

background-image:linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,0.8))