下載本文檔
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
1、“微信”小程序開發(fā)(一)第一章 開發(fā)步驟第1節(jié):小程序構(gòu)成APP.JSONAPP.JSAPP.WXSS調(diào)用函數(shù)定義孌量引用接口組成頁面窗口參數(shù)公共樣式第2節(jié):APP.JSON結(jié)構(gòu) "pages": "pages/index/index", "pages/logs/logs" , "window": "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff",
2、 "navigationBarTitleText": "WeChat", "navigationBarTextStyle":"black" Pages:小程序組成頁面;Windows:窗口樣式設(shè)定.第3節(jié):APP.JS結(jié)構(gòu):App( onLaunch: function () var logs = wx.getStorageSync('logs') | logs.unshift(Date.now() wx.setStorageSync('logs', logs) , getUserI
3、nfo:function(cb) var that = this; if(this.globalData.userInfo) typeof cb = "function" && cb(this.globalData.userInfo) else wx.login( success: function () wx.getUserInfo( success: function (res) that.globalData.userInfo = res.userInfo; typeof cb = "function" && cb(
4、that.globalData.userInfo) ) ); , globalData: userInfo:null )第4節(jié):APP.WXSS結(jié)構(gòu).container height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 200rpx 0; box-sizing: border-box;第5節(jié):頁面結(jié)構(gòu)1.頁面文件資源結(jié)構(gòu)Page_name.jsonPage_name.wxmlPage_name.jsPage_name
5、.wxss頁面配置文件頁面主文件頁面JS文件頁面樣式文件2.頁面配置文件:page_name.json頁面的配置文件是非必要的。當(dāng)有頁面的配置文件時,配置項在該頁面會覆蓋 app.json 的 window 中相同的配置項。如果沒有指定的頁面配置文件,則在該頁面直接使用 app.json 中的默認(rèn)配置。3.頁面主文件:page_name.wxml<view class="container"> <view bindtap="bindViewTap" class="userinfo"> <imageclas
6、s="userinfo-avatar"src="userInfo.avatarUrl" background-size="cover"></image> <text class="userinfo-nickname">userInfo.nickName</text> </view> <view class="usermotto"> <text class="user-motto">motto<
7、/text> </view></view>4.頁面JS文件:page_name.jsvar app = getApp()Page( data: motto: 'Hello World', userInfo: , bindViewTap: function() wx.navigateTo(url: './logs/logs)' , onLoad: function () var that = this app.getUserInfo(function(userInfo) that.setData( userInfo:userInfo ) ) )5.頁面樣式文件:page_name.wxss.userinfo display: flex; flex-direction: column; align-items: center;.userinfo-avatar width: 128rpx; height: 128rpx; margin: 20
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 常態(tài)化輔導(dǎo)機(jī)制研究報告
- 【中職專用】備戰(zhàn)中職高考數(shù)學(xué)沖刺模擬卷二(江西適用)
- 幫助認(rèn)識中藥的課程設(shè)計
- 帶貨公司招商方案
- 國際宮頸病理與陰道鏡聯(lián)盟(IFCPC) 陰道鏡新術(shù)語
- 帶傳動的設(shè)計課程設(shè)計
- 布藝玩教具創(chuàng)新研究報告
- 布料印花質(zhì)量整改方案
- 市政春季施工方案
- 市場營銷上什么課程設(shè)計
- 秦漢時期政治經(jīng)濟(jì)和文化
- 北師大版六年級數(shù)學(xué)上冊期末測試卷(含答案)
- 《腦梗死急性期治療》課件
- 大國三農(nóng)-輝煌成就版智慧樹知到期末考試答案2024年
- 金融業(yè)稅收培訓(xùn)課件
- 《光合作用的產(chǎn)物》初中生物公開課課件
- 國家職業(yè)技術(shù)技能標(biāo)準(zhǔn) 4-04-05-10 數(shù)字孿生應(yīng)用技術(shù)員S 2024年版
- 網(wǎng)絡(luò)安全教育主題班會課件
- 盤點巴以沖突
- 帽子行業(yè)swot分析
- 疥瘡的治療及預(yù)防課件
評論
0/150
提交評論