米色電商雙十一店鋪寶貝展示模板代碼分享（淘寶/天貓商城）
米色編寫的雙十一店鋪寶貝展示模板，附源碼下載和代碼使用說明
一：前言
馬上電商年底大促雙十一要開始了，店鋪都在緊張備戰(zhàn)中，特別是美工，各種頁面設(shè)計(jì)裝修，各種加班。
所以米色加班編寫了一個(gè)雙十一店鋪寶貝展示的代碼模板。美工只需要復(fù)制代碼到DW里面，替換文字，圖片，鏈接即可快速在店鋪裝修一個(gè)寶貝展示的效果。
因?yàn)槭悄０澹詷邮娇赡苁枪潭ǖ?，不過你有代碼基礎(chǔ)，也可以修改寶貝展示的效果。
二：我要吐槽
有小伙伴要吐槽了，我在PS里面直接設(shè)計(jì)好，只要放圖片就可以嘛，搞這么麻煩干什么？
答：PS里面涉及圖片是方便，但是如果老板要修改主圖或者文案等內(nèi)容呢？如果老板覺得一排4個(gè)不好看，換成1排3個(gè)呢？如果一個(gè)寶貝展示里面，有多個(gè)鏈接怎么辦？
所以直接將米色的代碼模板，進(jìn)行修改，方便快捷。下面會(huì)有詳細(xì)說明，看完你就知道這個(gè)代碼模板的妙處了。
三：效果展示
因?yàn)橐慌?個(gè)的截圖太長(zhǎng)，不方便做封面，所以只截取了2個(gè)寶貝展示。
四：代碼說明
【注意】：為了方便不同基礎(chǔ)的小伙伴使用，米色專門編寫了2個(gè)版本的代碼模板，根據(jù)需要下載使用
【作者】：米色（miseu）
【適用】：淘寶店（由于沒有天貓店測(cè)試，所以理論上也適用于天貓店）
【權(quán)限】：無需購買CSS權(quán)限
版本一：完美概念版
注意下面代碼均為沒有全屏的，因?yàn)椴煌姹镜赇?，全屏代碼會(huì)不一樣。需要全屏，可以使用下面的全屏生成工具
【使用】：
為了方便使用，在代碼中已經(jīng)做了詳細(xì)的文字說明
如果需要全屏，可以使用我編寫的全屏工具，不會(huì)用，看使用教程。工具地址：//www.mgsns.com/portal.php?mod=topic&topicid=7
下面所有的灰色注釋文字，在店鋪里面不會(huì)顯示，放心復(fù)制
注意，這是完美概念版，也就是可拓展性非常高，但是不敢保證，天貓和淘寶店 是不是都可以清理浮動(dòng)，如果不能清浮動(dòng)，可能導(dǎo)致背景色不顯示。
可隨意修改內(nèi)容部分寬度。
可隨意修改一排放多少寶貝，只需要修改一個(gè)數(shù)值，就可以隨意切換一排的個(gè)數(shù)。
可隨意添加寶貝個(gè)數(shù)，想放幾個(gè) 直接復(fù)制粘貼即可
代碼的使用，下面已經(jīng)寫了完整的文字說明
代碼中所有的圖片，鏈接，文字均可隨意修改
版本二：固定保守版
【使用】：
為了方便使用，在代碼中已經(jīng)做了詳細(xì)的文字說明
如果需要全屏，可以使用我編寫的全屏工具，不會(huì)用，看使用教程。工具地址：//www.mgsns.com/portal.php?mod=topic&topicid=7
下面所有的灰色注釋文字，在店鋪里面不會(huì)顯示，放心復(fù)制
這是保守版，也就是尺寸都固定了，而且一排只能放4個(gè)寶貝
如果有代碼基礎(chǔ)，可隨意修改代碼來顯示寶貝展示方式
代碼的使用，下面已經(jīng)寫了完整的文字說明
代碼中所有的圖片，鏈接，文字均可隨意修改
【源碼分享】：
文章下面上傳了附件，直接下載即可
