IView Weapp 微信小程序UI組件庫:https://weapp.iviewui.com/components/card

IView Weapp.png
快速上手搭建

快速上手.png
iView Weapp 的代碼
將源代碼下載下來,然后將dict放到自己的項目中去。

iView Weapp 的代碼.png
小程序中添加iView Weapp
將dict文件家放入到小程序的項目中去。
demo如下所示

demo.png
新建一個目錄list,然后在新建一個page.
在list.json中添加:
{"usingComponents": {"i-card": "../../dist/card/index"}}
list.wxml
<!--miniprogram/pages/list/list.wxml--><i-card title="我超可愛" extra="啦啦啦啦啦" thumb="https://i.loli.net/2017/08/21/599a521472424.jpg"><view slot="content">內容不錯</view><view slot="footer">尾部內容</view>
</i-card>
效果截圖如下所示:

image.png
簡單書籍增刪改查
后端接口

image.png
書籍列表
-
booklist.wxml

booklist.wxml
-
booklist.js

booklist.js
新增書籍
-
bookinsert.wxml

bookinsert.wxml
-
bookinsert.js

bookinsert.js
刪除書籍

image.png
修改書籍
-
bookupdate.wxml

bookupdate.wxml
-
bookupdate.js

bookupdate.js
初次嘗試,寫的不好請多多指教,有需要源碼項目的,請私信我哦
? 著作權歸作者所有,轉載或內容合作請聯系作者

喜歡的朋友記得點贊、收藏、關注哦!!!