本篇文章給大家談?wù)勑〕绦蜷_發(fā)ui框架，以及小程序ui設(shè)計軟件對應(yīng)的知識點，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、微信小程序ui框架有哪些
• 2、基于微信小程序的的電商訂單的技術(shù)框架是什么
• 3、小程序ui框架系列之 換膚功能

微信小程序ui框架有哪些

微信小程序開發(fā)，是目前火爆的開發(fā)方式，也是適應(yīng)中小企業(yè)快速解決的一個方案。選擇一個合適自己的開發(fā)UI框架，能夠讓自己開發(fā)速度提升數(shù)倍。

推薦兩個小程序UI框架：

WeUI

WeUI是由微信官方設(shè)計團隊分別支持微信H5網(wǎng)頁和微信原生小程序的開源UI組件

ColorUI

ColorUI是開源且支持原生小程序的UI組件，由于我目前在幫朋友改一個原生的微信小程序，所以就選擇了這款開源組件。

基于微信小程序的的電商訂單的技術(shù)框架是什么

layui框架。

該系統(tǒng)有網(wǎng)站后臺管理端和小程序客戶端,后臺前端框架使用的是layui框架。

微信小程序，小程序的一種，是一種不需要下載安裝即可使用的應(yīng)用，它實現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶掃一掃或搜一下即可打開應(yīng)用。

小程序ui框架系列之 換膚功能

小程序?qū)崿F(xiàn)換膚功能結(jié)構(gòu)view class='6963045850b66e4e page' id='{{SkinStyle}}'

view class='045850b66e4e64cc header'

view class='50b66e4e64cca9f0 h-skin iconfont {{SkinStyle!='='"normal"?"icon-moon":"icon-sun"}}' bindtap='bgBtn'/view

/view/view

要模擬一個可修改的根節(jié)點page 根據(jù) id='{{SkinStyle}}’ 來配置theme.wxss 每個頁面@import 這個theme.wxss#dark .header{}切換按鈕全局變量：globalData:{skin:“normal”}. //app.js文件中頁面中bgBtn事件bgbtn:function(){ this.setData({

SkinStyle: app.globalData.skin //設(shè)置SkinStyle的值

}) wx.setStorage({ //設(shè)置storage key: 'skins', data: app.globalData.skin,

})}頁面的Page中的onLoad事件里，讀取storage并設(shè)置SkinStyle的值onLoad: function (options) { var that=this;

wx.getStorage({

key: 'skins',

success: function(res) { that.setData({ SkinStyle: res.data }) }, })}

關(guān)于小程序開發(fā)ui框架和小程序ui設(shè)計軟件的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。