小程式 wepy框架 + iview-weapp的用法

来源:https://www.cnblogs.com/haozi-3528/archive/2019/04/09/10675671.html
-Advertisement-
Play Games

最近在弄wepy的時候在想有沒有什麼ui比較合適一點的wepy的,也是在網上看了好久發現iview還不錯。引用簡單,上手超快,組件絢麗!當然,這裡還介紹下微信官方建議的框架也是和不錯的,有需要的可以看看(https://github.com/Tencent/weui-wxss),這裡主要做view- ...


最近在弄wepy的時候在想有沒有什麼ui比較合適一點的wepy的,也是在網上看了好久發現iview還不錯。引用簡單,上手超快,組件絢麗!當然,這裡還介紹下微信官方建議的框架也是和不錯的,有需要的可以看看(https://github.com/Tencent/weui-wxss),這裡主要做view-weapp的介紹

 

小程式相關項目

1.wepy項目     https://github.com/Tencent/wepy

2.iview-weapp https://weapp.iviewui.com/

3.官網API        https://developers.weixin.qq.com/miniprogram/dev/api/

 

使用:

1.在新建項目、安裝依賴完成的前提下,請繼續操作。

2.到iview-weapp官網下載官方代碼,保存到任意目錄(備用)。

3.到你當前項目的src目錄下新建view文件夾(例:myproject/src/view)

4.解壓下載的官方,打開iview-weapp/src 目錄 複製裡面的所有文件夾到 myproject/src/view

5.在頁面的 config 配置項里引用 src 裡面的組件,用法:如圖

6.在template里引用組件

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 題目 要實現的效果如圖所示:查看演示 分析 乍一看還以為十分簡單,就是簡單的點擊button時觸發的函數來改變樣式值,不過做到後面就開始打臉了——“重置”功能。其實要實現重置功能,硬做還是可以的,就是cssText=“整個style表”,但是這麼做太暴力了,十分不優雅,結果看了人家的源碼真的是佩服的 ...
  • 公司有過一個需求,需要拿一個網頁的的表格數據,數據量達到30w左右;為了提高工作效率。 結合自身經驗和網上資料。寫了一套符合自己需求的nodejs爬蟲工具。也許也會適合你的。 先上代碼。在做講解 代碼使用方式 一、npm install 相關的依賴 二、代碼修改 1、修改為自己的baseUrl 2、 ...
  • 幾種都是比較簡單的寫法,主要是為了給自己留個記錄,怕以後忘記。。。。 第一種:想法是把想要顯示的文字和圖片分別放入數組,然後根據num的大小讓數組array(num)的第num個顯示在div中。 第二種:通過將一排圖片依次放入div中,然後只顯示一張圖片的div的大小,其餘全部隱藏,通過左右偏移量d ...
  • 我用的element ui是V1.4.3. 目前遇到一個問題,在用el select組件的時候,當選項的內容很長的時候,會撐開下拉菜單的寬度,這樣影響美觀。具體如下圖所示: 解決這個問題的思路:設置下拉菜單的最大寬度,然後文字超出時,出現橫向滾動條。 解決時的問題就是,設置了寬度,橫向滾動條卻不出現 ...
  • 好久沒見了 在項目中遇到一個小小的需求,總結了一下! 詳細我就不介紹了,相信大家用過的話,很瞭解。詳見文檔 > http://element-cn.eleme.io/#/zh-CN/component/message-box#messagebox-dan-kuang 項目需求——關於ElementU ...
  • 由於設置autocomplete屬性和添加隱藏文本框,以及在初始化時阻止寫入等方法都無法完全滿足需求,所以只能通過js邏輯來控制。 效果圖 主要代碼 /** * * 禁止瀏覽器自動填充密碼 * * @method disabledRememberPassword * @param {any} el ...
  • 原因其實非常簡單,把form表單里最後提交按鈕的type="submit"換為type="button" 因為這個原因浪費了挺久時間,甚至把代碼又從頭到尾寫了一遍(感覺自己好蠢啊!),總結了一下調試過程。 先貼一下ajax代碼: 這裡‘#register’是提交按鈕,‘#login’是表單,url發 ...
  • 目標是建立一個 web QQ 的項目,使用的技術棧如下: 1. 後端是基於 koa2 的 web api 服務層,提供curd操作的http介面,登錄驗證使用的是 json web token ,跨域方案使用的是 cors ; 2. 資料庫使用的是 mysql ; 3. 為了實時通信,使用的是基於w ...
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...