? ? ? ? 如果你是一點(diǎn)基礎(chǔ)都沒(méi)有的（html、css蚀之、js這些不會(huì)的）可以去看http://www.w3school.com.cn/這里先學(xué)學(xué)能夠達(dá)到基本的頁(yè)面布局就差不多了。
? ? ? 小程序的基礎(chǔ)配置（開(kāi)發(fā)工具啊捷泞、個(gè)人先申請(qǐng)小程序啊足删、appid啊 什么亂七八糟的）具體請(qǐng)參考小程序開(kāi)發(fā)文檔 https://developers.weixin.qq.com/miniprogram/dev/quickstart/basic/getting-started.html
? ? ? ? 準(zhǔn)備就緒我們現(xiàn)在開(kāi)始（剛開(kāi)始建議多寫些靜態(tài)頁(yè)面 熟悉新的環(huán)境）。打開(kāi)開(kāi)發(fā)者工具 用你的微信掃一下登錄锁右。在桌面新建一個(gè)空文件夾命名（隨意那里記著路勁就好）失受。新建項(xiàng)目--》選擇到你剛新建的文件夾-》填寫appid（申請(qǐng)的小程序會(huì)有一個(gè)appid，也可以點(diǎn)擊體驗(yàn)小程序）-》項(xiàng)目名稱（以后項(xiàng)目多了? 便于你識(shí)別）-》勾選新建空白快速啟動(dòng)模板咏瑟。
這些看小程序的開(kāi)發(fā)文檔都有說(shuō)明我就不說(shuō)了文檔比我說(shuō)的清楚多了（小程序官方文檔）贱纠；了解小程序基礎(chǔ)后。新建一個(gè)空白的page頁(yè)面（名字隨意 命名最好 見(jiàn)名知意）响蕴。
? ? ? ? 小程序布局中主要用 “view谆焊、text、images”這幾個(gè)標(biāo)簽布局（最常用的浦夷，還有一些組件詳細(xì)見(jiàn)文檔檔-》組件）辖试。我在github里上傳了一個(gè)官方dome 里面的組件都有 下載后，把a(bǔ)ppid改成你的就好劈狐。
下面我們做個(gè)這樣的頁(yè)面 （注意：我們拿到ui的設(shè)計(jì)圖的時(shí)候 先分析下 它的布局結(jié)構(gòu)罐孝。先搭建一個(gè)模塊的整體框架 框架搭建搭完 在寫樣式? 小程序推薦使用flex布局 賊雞兒好用）。下面是頭部輪播圖的布局（輪播組件（swiper））肥缔×ぃ“flex、cloumn”類我在app.wxss里定義的（晚上我會(huì)上傳一個(gè)關(guān)于flex布局的文章续膳。大家可以去百度查一下）改艇。
hot部分：
content：
這玩意太多了也沒(méi)上傳到github 想要的話加我qq 17472544 私我我發(fā)給你 。文筆不好都是大白話 見(jiàn)諒見(jiàn)諒坟岔。 有問(wèn)題可以評(píng)論谒兄，您的評(píng)論是我最大的動(dòng)力 蟹蟹。
