vue中h5專案怎麼使用weui

2021-09-02 05:01:22 字數 493 閱讀 6302

注:專案使用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 失...