Angular4項目(水果商城移動端)

## 登入賬戶

賬戶123456

密碼123456

## 完成了登入<->注冊->首頁<->分類

完成了登入頁面，注冊頁面，首頁頁面，分類頁面。

各頁面的路由可自由跳轉。

## test包

是已經打包好的項目，可直接放入伺服器中運作

## 分類頁面布局完成。

布局分為 頭部元件和分類元件和今日推薦元件。以後可能需要其他内容，用元件的方式插入。

## 購物車頁面布局完成，部分功能已實作。

頁面分為 頭部元件 物品元件  結算元件   元件互動部分完成。結算--全選--數量增加/減少功能實作

## 個人頁面布局完成

靜态界面布局。沒有使用元件。

## 把個人重構為一個子產品(Module)-->有自己的路由子產品(routing.module)。其他3個後面也會重構為子產品。

個人下有許多的子頁面，為子產品後，友善管理和書寫。

下屬的-->我的餘額元件完成--->建立一個通用的頭部元件

## 我的優惠券，我的收藏頁面前端頁面完成。

## 個人設定頁面。

收貨位址管理和添加位址頁面完成且路由配置完成。

## 我的訂單頁面完成

代付款-代發貨-待收貨-待評價。目前是在myOrder元件中的通過一個變量配合*ngIf控制.（改用子路由配置）

個人-》我的訂單跳轉相關路由完成 

## 我的訂單頁面重構完成

重構為根據路由導航内容,優化了導航

<ul class="menu clear">

<li routerLinkActive="active" [routerLink]="['payment']" >待付款</li>

<li routerLinkActive="active" [routerLink]="['deliverGoods']" >待發貨</li>

<li routerLinkActive="active" [routerLink]="['goodsReceipt']" >待收貨</li>

<li routerLinkActive="active" [routerLink]="['evaluate']"> 待評價</li>

</ul>

<router-outlet></router-outlet>

## 開始做首頁下的子子產品

邀請頁面已完成。首頁使用了子路由導航。把首頁重構為了一個Module

## 首頁子產品下的團購子產品部分完成。(有psd的都做了)

團購子產品--》路由跳轉--》相關互動完成。

## 秒殺子產品部分完成。

## 項目到這基本，頁面部分基本結束了。後面等把資料這一塊研究一下。後面在完善這個項目。

本文轉自 沉迷學習中 51CTO部落格，原文連結：http://blog.51cto.com/12907581/1969235，如需轉載請自行聯系原作者