成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

微信小程序開發(fā)

bluesky / 1598人閱讀

摘要：微信小程序創(chuàng)建項(xiàng)目。文件結(jié)構(gòu)小程序包含一個(gè)描述整體程序的和多個(gè)描述各自頁面的。單位和設(shè)計(jì)圖等同大小即可，大小是的一半。

1.微信小程序創(chuàng)建項(xiàng)目。

文件結(jié)構(gòu)：小程序包含一個(gè)描述整體程序的 app 和多個(gè)描述各自頁面的 page。 一個(gè)小程序主體部分由三個(gè)文件組成，必須放在項(xiàng)目的根目錄，如下： 文件 必填 作用 app.js 是 小程序邏輯 app.json 是 小程序公共設(shè)置 app.wxss 否 小程序公共樣式表 一個(gè)小程序頁面由四個(gè)文件組成，分別是： 文件類型 必填 作用 js 是 頁面邏輯...

2.項(xiàng)目啟動(dòng)頁

*.json：app.json文件來對微信小程序進(jìn)行全局配置，決定頁面文件的路徑、主文件入口、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時(shí)時(shí)間、設(shè)置多 tab 等，不允許有注釋。
配置地址：https://mp.weixin.qq.com/debu...

最外面app.json配置路徑默認(rèn)首頁：（路徑不需要寫文件類型，一個(gè)文件夾中的文件都只為一個(gè)頁面服務(wù)，在編寫外面css樣式中也無需在wxml中引入wxss文件）

{
  "pages":
  [
    "page/welcome/welcome"
  ]
}


pages數(shù)組中第一項(xiàng)為啟動(dòng)頁面

*.json創(chuàng)建bug：json文件不能為空，至少保留{}
在配置的默認(rèn)首頁中的welcome.wxml文件中編寫小程序的tag

welcome.xwml


    
    
    第一個(gè)小程序

view:相當(dāng)于html的div容器
image：等同于img
text：存放文字的標(biāo)簽，如果不加，在手機(jī)上無法長按選中文字。
rpx單位：和設(shè)計(jì)圖等同大小即可，大小是px的一半。
page：生成頁面后會(huì)默認(rèn)的給最外面加個(gè)page標(biāo)簽，相當(dāng)于html中的body

welcome.wxss

.user-main{
    text-align:center;
}
.user-tx{
    width:200rpx;
    height:200rpx;
    border-radius:50%;
}

什么時(shí)候?qū)懶袃?nèi)樣式，什么時(shí)候?qū)憌xss中？
在寫靜態(tài)固定的樣式時(shí)寫到外部引入中，經(jīng)常變化或與行為發(fā)生互動(dòng)的樣式可以寫到行內(nèi)。

3.組件-輪播(swiper)


   輪播一
   輪播二
   輪播三

設(shè)置輪播圖片大小先設(shè)置swiper大小然后設(shè)置圖片大小。

屬性
autoplay：自動(dòng)播放輪播
indicator-dots：是否有點(diǎn)
更多屬性參考：http://suo.im/1QzaIi

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/81974.html

相關(guān)文章

  • 前端資源系列（3）-微信小程序開發(fā)資源匯總

    摘要：微信小程序應(yīng)用號開發(fā)資源匯總文檔工具教程代碼插件組件文檔從搭建一個(gè)微信小程序開始小程序開發(fā)文檔小程序設(shè)計(jì)指南工具小程序開發(fā)者工具官方支持微信小程序?qū)崟r(shí)預(yù)覽的支持的微信小程序組件化開發(fā)框架轉(zhuǎn)在線工具小程序云端增強(qiáng)社區(qū)微信小程序 微信(小程序or應(yīng)用號)開發(fā)資源匯總-文檔-工具-教程-代碼-插件-組件 文檔 從搭建一個(gè)微信小程序開始 小程序開發(fā)文檔 小程序設(shè)計(jì)指南 工具 小程序開發(fā)者...

    paney129 評論0 收藏0

  • 微信小程序開發(fā)資源匯總 awesome-wechat-weapp(不定期更新)

    摘要：本文托管在上，不定期更新最后更新時(shí)間官方文檔小程序開發(fā)文檔小程序設(shè)計(jì)指南小程序開發(fā)者工具新聞報(bào)道微信正式開放內(nèi)測小程序，不開發(fā)的日子真的來了氪關(guān)于微信小程序應(yīng)用號，我能透露的幾個(gè)細(xì)節(jié)可能吧你的產(chǎn)品適不適合做微信小程序你需要這篇產(chǎn)品邏 本文托管在github上，不定期更新：justjavac/awesome-wechat-weapp 最后更新時(shí)間：2016-09-24 06:22:10 ...

    lscho 評論0 收藏0

  • 微信小程序開發(fā)由0到1開發(fā),快速開發(fā)上線

    摘要：首先先注冊微信小程序管理一登錄微信公眾平臺(tái)二點(diǎn)擊立即注冊。注意這里不要用微信公眾號登錄，小程序賬號和微信公眾號是不同的。最好從項(xiàng)目直接入手，這里有微信小程序個(gè)例子，鏈接密碼有可能會(huì)過期，留言或者加我，給你最新的 首先先注冊微信小程序管理 一、登錄微信公眾平臺(tái)https://mp.weixin.qq.com 二、點(diǎn)擊立即注冊。 注意：這里不要用微信公眾號登錄，小程序賬號和微信公眾號是不...

    seal_de 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<