微信小程序開發

bluesky 發布于2019-08-20 14:51 / 1586人閱讀

摘要：微信小程序創建項目。文件結構小程序包含一個描述整體程序的和多個描述各自頁面的。單位和設計圖等同大小即可，大小是的一半。

1.微信小程序創建項目。

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

2.項目啟動頁

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

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

{
  "pages":
  [
    "page/welcome/welcome"
  ]
}
pages數組中第一項為啟動頁面

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

welcome.xwml


    
    
    第一個小程序

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

welcome.wxss

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

什么時候寫行內樣式，什么時候寫wxss中？
在寫靜態固定的樣式時寫到外部引入中，經常變化或與行為發生互動的樣式可以寫到行內。

3.組件-輪播(swiper)


   輪播一
   輪播二
   輪播三

設置輪播圖片大小先設置swiper大小然后設置圖片大小。

屬性
autoplay：自動播放輪播
indicator-dots：是否有點
更多屬性參考：http://suo.im/1QzaIi

云服務器 GPU云服務器微信小程序開發微信小程序開發語言微信小程序開發免費微信小程序開發步驟

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/81974.html

前端資源系列（3）-微信小程序開發資源匯總

摘要：微信小程序應用號開發資源匯總文檔工具教程代碼插件組件文檔從搭建一個微信小程序開始小程序開發文檔小程序設計指南工具小程序開發者工具官方支持微信小程序實時預覽的支持的微信小程序組件化開發框架轉在線工具小程序云端增強社區微信小程序微信(小程序or應用號)開發資源匯總-文檔-工具-教程-代碼-插件-組件文檔從搭建一個微信小程序開始小程序開發文檔小程序設計指南工具小程序開發者...

paney129 2019-08-20 11:14 評論0 收藏0
微信小程序開發資源匯總 awesome-wechat-weapp(不定期更新)

摘要：本文托管在上，不定期更新最后更新時間官方文檔小程序開發文檔小程序設計指南小程序開發者工具新聞報道微信正式開放內測小程序，不開發的日子真的來了氪關于微信小程序應用號，我能透露的幾個細節可能吧你的產品適不適合做微信小程序你需要這篇產品邏本文托管在github上，不定期更新：justjavac/awesome-wechat-weapp 最后更新時間：2016-09-24 06:22:10 ...

lscho 2019-08-20 11:13 評論0 收藏0
微信小程序開發由0到1開發,快速開發上線

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

seal_de 2019-08-20 17:29 評論0 收藏0