微信小程序開發(fā)
1.下載;微信開發(fā)者工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
2.頁面結(jié)構(gòu)介紹:
app.js 頁面邏輯
app.json頁面配置
app.wxml頁面結(jié)構(gòu)
app.wxss頁面樣式
3.小程序頁面設(shè)計和邏輯編寫
wxml 骨架內(nèi)容
wxss 樣式
js 邏輯
json 配置
pages/indes/index.js
page(
{
data:["red",orarge","yellow","green","blue"]
)
pages/indes/index.json
pages/indes/index.wxss
page{height:100px;background:red;}
pages/indes/index.wxml
<view class ="">顯示內(nèi)容1</view>
<view class ="">顯示內(nèi)容2</view>
4.小程序全局配置,頁面配置,視圖層數(shù)據(jù)綁定,視圖層條件渲染,視圖層列表渲染,視圖層模板,視圖層事件,
5.引用
import
include
本文摘自 :https://blog.51cto.com/u