小程序開（kāi）發設置頁麵（miàn）滾動(小程序如何（hé）進行規範設計)

:

小程序（xù）如何進行規範設計

1.本課（kè）程主要內容【如圖】。

2.首（shǒu）先，我找到一個案例給你看（kàn）。我們進入的第一頁小程序可以指定【如圖】。

3.在750*1334的尺寸中，1px=1rpx，

4.至於導航欄，標準高度（dù）是120rpx，不能用漸變或（huò）者透明。Titleber按鈕提供了兩種風格可供選擇【如圖】。

5.導航欄使（shǐ）用純色（sè），但您可以在下麵（miàn）的橫幅圖中添加其他效果，如漸變[如圖所示]。

6，小程序就像web前端開發（fā）。還是有一些區別的。

7.標簽欄呢？還（hái）有一些注意事項，這裏（lǐ）列出來【如（rú）圖】。

8.剪（jiǎn）切圖片（piàn）時，tab欄標簽尺寸為81 * 81 rpx(54 * 54的1.5x切片)，目標隻需。先導（dǎo）出2x圖（tú）片中的1x切片就夠了。

9.彈出窗口（kǒu）不能覆蓋（gài）最（zuì）高級別的導航欄和選項卡欄。

10.滾動控件不能播放視頻，視頻窗口隻能固定。

:

5款精美小程序原型設（shè）計模板，觸手可得（dé）

1.總的來說，小（xiǎo）程序，相對於App來說是簡化的，隻突出（chū）其核心功能。

2.應（yīng）該使用水平滾動嗎？目前大部（bù）分小（xiǎo）程序不使用這種方法，但也有其他像豆瓣（bàn）評分(見下圖原（yuán）型示例)小程序在使用。

3.團結。從以上兩段應用來看小（xiǎo）程序的顏色、圖標與App中的一（yī）致。小程（chéng）序應減少（shǎo）橫幅圖和實體logo的（de）使用，有利於頁麵簡化（huà）和色彩統一。

4.底部導航欄。小程序底部導航欄一般配置2-5個（gè）。我們可以更多地使用頂部（bù）導航（háng）欄和懸停（tíng）按鈕。

微（wēi）信小程（chéng）序商城係統怎（zěn）樣搭建

1，微信小程序要（yào）注冊，請訪問微信 Public平台，點擊立即注冊進入注冊（cè）頁麵，點（diǎn）擊小程序賬戶類型進入小程序注冊（cè）頁麵。

2.添加微信開發（fā）用戶，登錄微信公共平台，進入用戶身份（fèn）頁麵，點（diǎn）擊添（tiān）加會（huì）員，根據頁麵提示完成相關（guān）操作(必須勾選權限設置中開發用戶權限和體驗者權限的選項)。

3.登錄微信開發用（yòng）戶平（píng）台訪問微信開發工具頁麵下載安裝微信同城

4.設（shè）置（zhì）微信小程序項目，設置項目目錄文件夾路徑，同時設置AppID和項目名稱，點擊確定，如下圖所示：

:

圖標隻要81rpx

1.彈出窗口不包括導航和選項卡。在小程序中，導航欄和標簽（qiān）欄的級別是最高的，這樣享受最高待（dài）遇的彈窗就（jiù）在這裏，所以你也要向它們提交。

2.視頻是（shì）有時（shí）間限製的，而且小程序對視頻的支持不是特別好。原則上不能播放滾動中的視頻控（kòng）件，微信（xìn）的官方文件有這個要求。這一點我（wǒ）也和我們一樣開發小哥哥，求證。是（shì）真的。優酷和騰訊視頻都修複了視頻（pín）。

3.那iphonessX，安卓，和開（kāi）發呢（ne）？小哥哥們可以搞定。相信他們。

4.文章僅供學習使用。未經作者同意轉載，請聯係管理員。謝謝你。