踩過的h5的一些小坑~

如果你也是用的ant-design-mobile，歡迎對号入座~

1）輪播圖自動切換：最開始輪播圖不會自動切換，哪怕設定了自動切換屬性也不可，這是因為資料是從接口裡面異步取得，而最開始頁面渲染的時候異步操作還沒有進行，這時候取得的就是初始輪播資料，是以不會自動輪播；解決辦法：在頁面中進行判斷一下資料是否存在即可。

2）如果想動态換圖檔可以這樣寫：

const Null = require("@/assets/images/index_null.png");然後在頁面中用行内樣式即可。

3）題目：

useTitle("首頁");

4）跳轉路徑：

　　import { useHistory } from "react-router-dom";

　　const history = useHistory();

　　history.push(

         "/couponDetail?couponId=" + val.couponId

        );

跳其他路徑：

window.location.href = ‘https://wwww.baidu.com/’

5)設定透明漸變蒙版

background-image:linear-gradent(rgba(255,255,255,0) 0%,red 100%);其中red可設為任意顔色值。rgba 第四個值為透明度，前面為色值。