京東首頁專案 3 底部模組實現

2022-01-19 09:31:33 字數 2152 閱讀 1379

有關京東首頁專案之前已經寫了兩篇部落格:

1、 京東首頁專案(1)---總述

2、 京東首頁專案(2)---頂部模組實現

這篇就開始寫京東首頁頁面底部分。這篇所需完成的工作如下:

這裡一共完成3個部分,1、多快好省模組 2、幫助模組 3、版權模組。

這個模組主要是2部分:

文字部分 (浮動實現)

部分 (絕對定位實現)

如圖

html部分

css部分

.footer-service 

.footer-service-inner

.footer-service-inner li

.service_unit

.service_unit h5

.service_unit p

.service_unit .kuai

.service_unit .hao

.service_unit .sheng

這個模組分為3部分:

購物指南 (左浮動實現)

京東自營覆蓋區縣 (右浮動+定位實現)

如圖

html部分

購物指南

購物流程

會員介紹

生活旅行

常見問題

大家電聯絡客服

購物指南

購物流程

會員介紹

生活旅行

常見問題

大家電聯絡客服

購物指南

購物流程

會員介紹

生活旅行

常見問題

大家電聯絡客服

購物指南

購物流程

會員介紹

生活旅行

常見問題

大家電聯絡客服

購物指南

購物流程

會員介紹

生活旅行

常見問題

大家電聯絡客服

京東自營覆蓋區縣

京東已向全國2661個區縣提供自營配送服務,支援貨到付款、pos機刷卡和售後上門服務。

css部分

.help 

.help dl

.help dt

.help dd

.help dd a

.help dd a:hover

.help .cover

.cover dt

.help .info

.more

這個模組分為3部分

如圖

html部分||

||||

||||

|english

|site

|media & ir

|京東旗下**:京東支付|京東雲

css部分

border-top: 1px solid #ccc;

padding-top: 15px;

}.links

.links a

.links span

.c-info

.tupian

.tupian a

.tupian .kexin

你如果願意有所作為,就必須有始有終。(13)

Vue專案三 首頁,城市 json的實現

一周多沒寫部落格了,沒覺得時間多久,其實已經十天了,人都是有惰性的。今天總結一下這一周的開發內容。其實主要分為兩個前端頁面 首頁旅遊景點,和城市的本地json資料顯示。效果圖 實現下拉下面還有。一部分 city.vue list.vue 熱門城市 主要就是傳遞ajax值用了元件 import axi...

python3 fabric3 模組實現金鑰登入

python3 fabric3 模組實現金鑰登入 去網上搜尋,發現一堆文章,比如官網 execution 說明文件,官網 ssh 使用說明文件,還有官網 password management 使用說明文件。而我想要的就是知道如何使用金鑰鏈結到遠端的主機。簡單點,看下面就好。配置乙個 fabfile...

CSS3實現晃動的引導箭頭 百度新首頁

預覽 效果圖 箭頭其實就是一張,然後用2個相同的dom元素,利用css的縮放動畫,使其中乙個元素延遲發生動畫,2個間隔的閃爍,即可實現出晃動的效果。具體 如下 2 aclass s xguide down trans href onclick return false hidefocus aclas...