微信小程式 首頁製作簡單例項

微信小程式 首頁製作簡單例項

實現效果圖：

首先從大的方面來講，就是設定了window的屬性

"n**igationbarbackgroundcolor": "#afe2e6",//bar背景顏色

"n**igationbartextstyle": "white",//bar字型顏色

"backgroundcolor": "white",//背景顏色

"enablepulldownrefresh": "true"//下拉是否重新整理

tabbar屬性

完整**如下（wxml）

1廣從1號線

市汽車客運站-從化汽車站

2廣從2號線

芳村汽車客運站-從化汽車站

3廣從3號線

羅沖圍汽車客運站-從化汽車站

>

4廣從4快號線

天河客運站 -從化汽車站

4廣從4線

天河客運站 -從化汽車站

5廣從5號線

東站汽車客運站-從化汽車站

6廣從6號線

東圃客運站-從化汽車站

>

7廣從7號線

黃埔客運程式設計客棧站-從化汽車站

>

8廣從8號線

廣園汽車客運站-從化汽車站

/>

>

8廣從8快線

廣園汽車客運站-從化汽車站

程式設計客棧 height:30px;" class="hidden" />

>

9廣從9號線

滘口汽車客運站-從化汽車站

>

10廣從10號線

越秀南客運站-從化汽車站

>

10廣從10快線

越秀南客運站-從化汽車站

>

11廣從11號線

海珠汽車客運站-從化汽車站

wxss

.waylist

.waylist view

.waylist .im

.ste

.way

.jian

.hidden

image

.im1

.im2

.im3

.im4

.im5

.im6

.im7

.im8

.im9

.im10

.im11

json檔案

js檔案

page(,

onload:function(options),

onready:function(),

onshow:function(),

onhide:function(),

onunload:function(),

})本文標題: 微信小程式 首頁製作簡單例項

本文位址: /ruanjian/j**a/184286.html

微信小程式 簡單教程例項詳解

剛接觸到微信小程式開發，這裡做乙個簡單的教程 1.獲取微信小程式的 appid 登入 就可以在 的 設定 開發者設定 中，檢視到微信小程式的 appid 了，注意不可直接使用服務號或訂閱號的 appid 注意 如果要以非管理員 在手機上體驗該小程式，那麼我們還需要操作 繫結開發者 即在 使用者身份 ...

微信小程式 下拉列表簡單例項

微信小程式 下拉列表簡單例項 wcss dropdownmenu 總選單容器 menu 一級選單 menu dt 二級選單外部容器樣式 menu dd 二級選單普通樣式 menu li 二級選單高亮樣式 menu li.highlight 顯示與隱藏 show hidden wxml www.cpp...

微信小程式 自己製作小組件例項詳解

微信小程式 製作小組件 對於我們日常中一些公共的東西可以封裝成元件，然後在各個頁面使用。對於小程式，我們也可以封裝我們需要的一些公共的東西。這裡我們講解乙個小外掛程式。如上圖所示，乙個小外掛程式，單擊是展開，在單擊關閉的時候，按鈕關閉。頁面的wxml app.wxml 首頁whftb class s...