支付寶小程序 行業(yè)·一網(wǎng)通辦小程序

2020-09-16 15:01 更新

一網(wǎng)通辦模板,針對全國一網(wǎng)通辦服務(wù)提供小程序前端支撐,將政務(wù)一網(wǎng)通類型的小程序業(yè)務(wù)流程進(jìn)行標(biāo)準(zhǔn)化、規(guī)范化梳理,形成固定、可復(fù)用的模板,包括:個人中心、電子卡包和重點服務(wù)聚合。除此之外,針對用戶使用習(xí)慣,提供了服務(wù)市場、服務(wù)搜索等常見的輔助功能,形成一套完整的、用戶體驗優(yōu)先的掌上政務(wù)辦事小程序模板。

前提條件

使用說明

本示例為純客戶端代碼,可直接在模擬器和真機預(yù)覽。

更多詳情請參見 代碼市場。

使用步驟

  1. 下載 文件包。
  2. 打開 IDE 相關(guān)的內(nèi)容目錄,配置 APPID 并安裝相關(guān) NPM 依賴。
  3. 通過 IDE 真機預(yù)覽。

頁面內(nèi)容

一網(wǎng)通辦小程序模板,提供了三大重點功能服務(wù)和一個用戶輔助能力,三大重點功能包括:個人中心功能服務(wù)、電子卡包功能服務(wù)和核心重點服務(wù)聚合;用戶輔助能力提供了服務(wù)市場,是服務(wù)內(nèi)容的聚合。

image

三大重點功能

1. 個人中心功能服務(wù)

個人中心功能服務(wù),包括個人中心首頁、個人信息設(shè)置頁,以及支付記錄、辦事記錄等政務(wù)信息列表頁。

個人中心首頁

頁面路徑:pages/personal-center/index

image

2. 電子卡包功能服務(wù)

電子卡包功能服務(wù)以證件夾列表作為主入口,將芝麻認(rèn)證和綁卡授權(quán)功能,集成在電子卡包流程中。包括證件夾列表頁、芝麻認(rèn)證功能服務(wù)、授權(quán)綁卡流程。

我的證件頁面

頁面路徑:pages/my-card/index

image

3.核心重點服務(wù)聚合

核心重點服務(wù)聚合,包括用戶信息展示及登錄(用戶授權(quán)登錄)、服務(wù)推薦、熱點新聞、通知提醒、服務(wù)分類及列表展示。

首頁

頁面路徑:pages/index/index

image

城市列表頁面

頁面路徑:pages/city-list/index

image

社保頁面

頁面路徑:pages/core-service/index

image

用戶輔助能力

服務(wù)市場是服務(wù)內(nèi)容聚合,提供用戶自定義首頁展示服務(wù)的功能。包含首頁模塊、最近使用、為你推薦、第三方應(yīng)用模塊。

服務(wù)市場頁面

頁面路徑:pages/market/index

image

自定義 UI 組件

1.城市列表組件

頁面路徑:module/city-tab

城市選擇列表組件。

image

2.頁腳組件

頁面路徑:module/footer

可展示服務(wù)方機構(gòu)的信息、咨詢電話等信息。

image

NPM 依賴

名稱 版本號
herculex v0.2.15
mini-antui v0.3.13
dayjs v1.8.20
@babel/runtime-corejs2 v7.7.7
@babel/runtime v7.8.0
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號