微信小程式之mpvue iview踩坑之旅

2022-04-25 11:46:07 字數 1253 閱讀 5123

參照mpvue 的官網的五分鐘的教程搭建專案

建立完成後的專案其實和使用vue-cli建立的腳手架大同小異,沒圖案也只是對其封裝,然後轉化為wxml。

官網是將需要使用的元件,按照小程式的自定義封裝元件的方式,將所需要的元件封裝成小程式的自定義的元件,然後通過usingcomponents的方式將你需要的元件引進來。

下面是一些例子:

pages/logs/index.vue(此處是檔案的路徑):

123

預設按鈕

4long="true">聯通兩邊按鈕

5primary

6ghost

7info

8success

9warning

10error

1112

1329

pages/logs/main.json

}

此處做乙個提示,mpvue建立的pages下的目錄需要自行建立乙個main.json檔案,對該頁進行配置,效果如下,顏色還是挺好看的:

這就是將iview的元件引入使用的過程。

有的時候放到src/assets/的時候會一直報錯找不到檔案,是因為dist/assets沒有找到,你需要把他複製下來放到assets/,應該是打包沒有打包下來

引用ec-canvas的方法和iview一樣,在usingcomponents裡加入

"ec-canvas": "../../../static/ec-canvas/ec-canvas",參照你個人的路徑

在index.vue裡使用的時候,只需要傳入ec即可

**如下

疾病分類情況

篩選:}

效果圖如下:

在使用i-tab的時候,value其實是沒有根據變化而變化的,當你點選的時候,你需要手動改變iview的value,然後他才會跳到點選的tab,其他的元件都有這種問題,大家慢慢體會吧。。。

微信小程式之canvas

initcanvas 複製 rem px 複製 opt.x opt.y x,y是矩形的起點 opt.w opt.h w,h是矩形的寬高 opt.color 顏色 ffffff opt.opacity 透明度 1 opt.fill 是否填充 false drawrect opt else ctx.re...

微信 之小程式支付

二 小程式支付的互動圖 三 在商戶平台新增授權申請單 四 在小程式後台 m a授權 七 後台引數配置 八 具體 實 package 小程式傳給後台的prepay id,signtype md5 wx.requestpayment fail function res complete function...

微信小程式之 問題

1.如何定義全域性資料 2.如何實現 的復用 函式的復用 test.js test function module.exports other.js var common require test.js page 模板 template name odd view odd view template...