相關(guān)文章

• 

  微信小程序前端引入weui組件庫

  正在開發(fā)的微信小程序，想使用weui組件庫。? 步驟如下： 基礎(chǔ)：1.小程序開發(fā)工具：1.06.22 以管理員身份運(yùn)行命令行窗口（cmd）或使用VSCode進(jìn)入終端，在cmd中進(jìn)入項(xiàng)目的根目錄。然后輸入以下命令： npm init 后面一路按回車健即可，最終會(huì)在項(xiàng)目的根目錄中創(chuàng)建出一個(gè)名為pa

  2024年02月11日

  瀏覽(584)

• 微信小程序weui-form表單的使用

  引入： app.json: \\\"useExtendedLib\\\":{ \\\"weui\\\": true } 使用頁面or組件xxx.json wxml構(gòu)建、 js 部分

  2024年02月15日

  瀏覽(88)

• 【微信小程序】圖片上傳組件“mp-uploader“(weui)

  ?? wxml ?? json ?? js ?? weui 是微信官方提供的一款小程序插件，是一套基于樣式庫 weui-wxss 開發(fā)的小程序擴(kuò)展組件庫，同微信原生視覺體驗(yàn)一致的UI組件庫，由微信官方設(shè)計(jì)團(tuán)隊(duì)和小程序團(tuán)隊(duì)設(shè)計(jì)。官方文檔：https://wechat-miniprogram.github.io/weui/docs/。 ??圖片上傳組件

  2024年02月11日

  瀏覽(94)
• 

  微信小程序?qū)W習(xí)實(shí)錄1(wxml文檔、引入weui、雙向數(shù)據(jù)綁定、提交表單到后端)

  wx:for 在組件上使用 wx:for 控制屬性綁定一個(gè)數(shù)組，即可使用數(shù)組中各項(xiàng)的數(shù)據(jù)重復(fù)渲染該組件。 默認(rèn)數(shù)組的當(dāng)前項(xiàng)的下標(biāo)變量名默認(rèn)為 index，數(shù)組當(dāng)前項(xiàng)的變量名默認(rèn)為 item 使用 wx:for-item 可以指定數(shù)組當(dāng)前元素的變量名， 使用 wx:for-index 可以指定數(shù)組當(dāng)前下標(biāo)的變量名： 在

  2024年02月02日

  瀏覽(90)
• 

  微信小程序WeUI中half-screen-dialog底部彈窗相關(guān)問題

  需求： 如圖需要從頁面底部彈出一個(gè)彈框，彈框里的內(nèi)容超出最大高度時(shí)，可以滾動(dòng)。 問題： 原生的組件關(guān)閉圖標(biāo)在左側(cè)，需要通過樣式改到右側(cè) 原生的組件底部有footer按鈕區(qū)域，需要通過樣式隱藏掉 在彈框里使用區(qū)域滾動(dòng)通過scroll-view 設(shè)置縱向滾動(dòng)并給最大高度 設(shè)置

  2024年02月04日

  瀏覽(30)

• 【微信小程序】使用weui組件庫來實(shí)現(xiàn)彈出一個(gè)確認(rèn)的彈窗popup，其中包含圖片和名稱

  在微信小程序中，你可以使用weui組件庫來實(shí)現(xiàn)彈出一個(gè)確認(rèn)的popup，并在其中包含圖片和名稱。以下是一個(gè)示例代碼： 在wxml文件中，添加一個(gè)按鈕來觸發(fā)彈出確認(rèn)popup： 在wxss文件中，定義確認(rèn)popup的樣式： 在js文件中，編寫相應(yīng)的邏輯來顯示和隱藏確認(rèn)popup，并傳遞圖片和名

  2024年02月17日

  瀏覽(96)
• 

  WeUI - 微信官方推出的免費(fèi)開源 UI 組件庫，上手簡單，風(fēng)格簡約，在微信生態(tài)開發(fā)輕量項(xiàng)目的絕佳選擇

  微信早年發(fā)布的 UI 框架，對(duì)想要?jiǎng)?chuàng)建讓微信用戶感到熟悉的應(yīng)用來說，是一個(gè)好選擇。 關(guān)于 WeUI WeUI 一款由騰訊微信團(tuán)隊(duì)開發(fā)的 UI 組件庫，是一套同微信原生視覺體驗(yàn)一致的基礎(chǔ)樣式庫，由微信官方設(shè)計(jì)團(tuán)隊(duì)為微信 Web 開發(fā)量身設(shè)計(jì)，這是專門被設(shè)計(jì)用來構(gòu)建在微信運(yùn)行的

  2024年02月12日

  瀏覽(20)
• 

  weui 去掉輸入框的邊框 每一項(xiàng)目的邊框刪除

  ?問題： ? 邊框是通過before添加，如下源碼是： 解決： ?在對(duì)應(yīng)的頁面.wxml添加以下代碼，可以去掉邊框 效果： ?

  2024年02月14日

  瀏覽(91)
• 

  小程序 WEUI 隱藏導(dǎo)航欄使用自定義導(dǎo)航欄時(shí)Toptips在頂部顯示

  使用weui的toptips時(shí)候，我們的導(dǎo)航欄使用了自定義，高度根據(jù)系統(tǒng)來定的，然后使用form表單驗(yàn)證提示彈窗時(shí)，會(huì)在最上面被遮擋了。 ? ?需要使用weui?ext-class?來實(shí)現(xiàn)穿透修改樣式。 ext-class的top使用繼承父元素的top即可 現(xiàn)在沒被頂在最上面了

  2024年02月08日

  瀏覽(124)

• 微信小程序的全局狀態(tài)管理 — mobx-miniprogram

  在小程序中，常常有些數(shù)據(jù)需要在幾個(gè)頁面或組件中共享。使用?MobX?來管理小程序的跨頁面數(shù)據(jù),? 其實(shí)類似于vuex的store。 小程序的 MobX 綁定輔助庫。 此 behavior 依賴開發(fā)者工具的 npm 構(gòu)建。具體詳情可查閱 官方 npm 文檔 。 可配合 MobX 的小程序構(gòu)建版 npm 模塊 mobx-miniprogram 使

  2024年02月09日

  瀏覽(102)