【訓練說明】

用向?qū)赏暾麘茫悍绿詫欰pp。在仿淘寶App的主頁中增加一個廣告欄。

【做法引導】

通過新建W向?qū)赏暾麘梅绿詫欰pp。

利用在線資源中提供的圖片素材，如圖1-44所示，包括四個圖片。在主頁main.w中增加一個廣告欄。這個廣告欄使用row(bootstrap)組件和四個image組件實現(xiàn)。

圖1-44  廣告欄練習素材

【在線資源】

       本案例提供四張圖片作為制作廣告欄的素材。

 1-2  廣告欄圖片素材

【最終效果】

運行效果如圖1-45所示。

圖1-45  廣告欄練習實現(xiàn)效果