注:專案使用vue cli腳手架,最新版腳手架建立專案參考這裡
安裝weui js檔案和css檔案:
cnpm i weui.js weui --s
在main.js中新增如下**:
import weui from 'weui.js'
import 'weui'
vue.prototype.$weui = weui
具體可以檢視這個文件有詳細說明,這裡列舉兩個例子
1.使用提示彈窗:
this.$weui.alert('圖形驗證碼不能為空!')
2.使用loading,常用的情況是發起請求之前loading,然後請求結束後hide:
let loading = this.$weui.loading()
settimeout(() => , 1500)
H5專案總結
專案基礎 rn taro框架,實現h5 1.無限載入的實現 1 import taro,from tarojs taro 2 import from tarojs components 3 import from tarojs redux 4 import from actions counter ...
鏈家H5專案總結
在此次專案中,使用的是高度百分比。對於適配這一塊確實少了很多。1 如果是用高度百分比的話。則img需要寫成這樣的樣式。img 如果需要居中的話,可以對外層的div設定乙個類名class 比如是setwidth,然後通過js去獲取第一張的寬度賦給這個外層的div.setwidth function 不...
前端H5專案問題總結
一 img 併排放置時,會出現空白間隙 解決方法 1 將轉換為塊級物件 img 2 設定的垂直對齊方式 img 3 改變父物件的屬性 overflow hidden 4 取消標籤和其父物件的最後乙個結束標籤之間的空格 二 二級列表頁面 1 樣式最好一致,方便後台 迴圈上傳 三 手機端 fixed 失...