原生JS寫一個首字母排序的通訊錄效果
阿新 • • 發佈：2019-01-19
點選檢視效果demo
思路上先將要排序的資料進行漢字轉換成拼音,根據首字母進行分類,然後將分類後的資料都有哪些首字母放入右邊的導航中,並將分類好的資料渲染進頁面.最後給右邊的導航中加上點選事件並滾動到內容的對應位子.
html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>排序</title> <script src="datas.js"></script> <script src="unicode.js"></script> <script src="nav.js"></script> <script src="contentData.js"></script> <script src="main.js"></script> <style> *{ padding: 0; margin: 0; } body{ width: 100%; height: 100%; } ul,li{ list-style: none; } .content{ width: 300px; height: 500px; border: 1px solid #000; margin: 0 auto; position: relative; } .letterBox{ width: 20px; height: 500px; position: absolute; right: 0px; top: 0; overflow: hidden; border: 1px solid #e2e2ee; box-sizing: border-box; background-color: #fff; z-index: 5; } .letter{ width: 40px; height: 500px; overflow: auto; } .letter>li{ width: 20px; text-align: center; cursor: pointer; } .letter>li:active{ background-color: skyblue; color: #fff; } .clearScroll{ width: 100%; height: 500px; position: absolute; top: 0; left: 0; z-index: 2; overflow: hidden; } .listBox{ width: calc(100% + 20px); height: 100%; position: absolute; overflow-y: scroll; overflow-x: hidden; } .singleContent{ width: calc(100% - 2px); } .singleLetter{ line-height: 40px; border-bottom: 1px solid #999; background-color: #f2f2f2; text-indent: 1em; } .List>li{ line-height: 30px; height: 30px; text-indent: 1em; border-bottom: 1px solid #f1f1f1; overflow: hidden; cursor: pointer; } </style> </head> <body scroll="no"> <div class="content"> <div class="letterBox"> <ul class="letter"> </ul> </div> <!-- 內容 --> <div class="clearScroll"> <div class="listBox"> </div> </div> </div> </body> </html> <script> var datas = datasJson(); var unicodes = chinese(); new romance({ nav:".letter", listBox:".listBox", datas:datas, unicodes:unicodes, callback:function(res){ console.log(res); } }) </script>
datas.js
function datasJson(){
var datas = {
"goods": [
{
"classid": "0100",
"className": "智慧穿戴"
},
{
"classid": "010001",
"className": "腕帶式"
},
{
"classid": "01000101",
"className": "智慧手錶"
},
{
"classid": "01000102",
"className": "智慧手環"
},
{
"classid": "01000103",
"className": "配件"
},
{
"classid": "010002",
"className": "頭戴式"
},
{
"classid": "01000201",
"className": "智慧眼鏡"
},
{
"classid": "01000202",
"className": "智慧頭盔"
},
{
"classid": "01000203",
"className": "智慧圍巾"
},
{
"classid": "010003",
"className": "智慧鞋衣"
},
{
"classid": "01000301",
"className": "智慧運動鞋"
},
{
"classid": "01000302",
"className": "智慧衣"
},
{
"classid": "01000303",
"className": "智慧腰帶"
},
{
"classid": "010004",
"className": "功能區別"
},
{
"classid": "01000401",
"className": "運動型"
},
{
"classid": "01000402",
"className": "兒童型"
},
{
"classid": "01000403",
"className": "銀髮防丟失"
},
{
"classid": "01000404",
"className": "寵物穿戴"
},
{
"classid": "01000405",
"className": "智慧扣"
},
{
"classid": "01000406",
"className": "智慧健康"
},
{
"classid": "010005",
"className": "智慧首飾"
},
{
"classid": "01000501",
"className": "智慧首飾"
},
{
"classid": "010006",
"className": "智慧健康"
},
{
"classid": "01000601",
"className": "智慧血壓計"
},
{
"classid": "01000602",
"className": "智慧體重計"
},
{
"classid": "01000603",
"className": "智慧健身器材"
},
{
"classid": "01000604",
"className": "其他"
},
{
"classid": "010007",
"className": "VR/AR裝置"
},
{
"classid": "01000701",
"className": "VR/AR裝置展示機"
},
{
"classid": "01000702",
"className": "VR虛擬現實"
},
{
"classid": "01000703",
"className": "顯示屏VR虛擬現實"
},
{
"classid": "01000704",
"className": "系統化VR虛擬現實"
},
{
"classid": "01000705",
"className": "AR增強現實"
},
{
"classid": "01000706",
"className": "其他感應裝置"
},
{
"classid": "01000707",
"className": "AR應用商品"
},
{
"classid": "01000708",
"className": "VR周邊耗材"
},
{
"classid": "0110",
"className": "智控玩具"
},
{
"classid": "011001",
"className": "遙控模型"
},
{
"classid": "01100101",
"className": "航模展示機"
},
{
"classid": "01100102",
"className": "航模直升機"
},
{
"classid": "01100103",
"className": "航模固定翼"
},
{
"classid": "01100104",
"className": "航模多旋翼"
},
{
"classid": "01100105",
"className": "搖控模型車"
},
{
"classid": "01100106",
"className": "搖控模型船"
},
{
"classid": "01100107",
"className": "其他遙控模型商品"
},
{
"classid": "01100108",
"className": "航模電子與遙控"
},
{
"classid": "01100109",
"className": "航模配件和其他"
},
{
"classid": "01100110",
"className": "模型玩具車"
},
{
"classid": "01100111",
"className": "模型玩具船"
},
{
"classid": "01100112",
"className": "周邊商品"
},
{
"classid": "011002",
"className": "創意玩具"
},
{
"classid": "01100201",
"className": "積木"
},
{
"classid": "01100202",
"className": "創意積木"
},
{
"classid": "01100203",
"className": "電動積木"
},
{
"classid": "01100204",
"className": "拼圖"
},
{
"classid": "01100205",
"className": "立體拼圖"
},
{
"classid": "01100206",
"className": "音樂盒"
},
{
"classid": "01100207",
"className": "電動立體拼圖"
},
{
"classid": "01100208",
"className": "玩具槍"
},
{
"classid": "011003",
"className": "智慧玩具"
},
{
"classid": "01100301",
"className": "體感互動"
},
{
"classid": "01100302",
"className": "感應裝置"
},
{
"classid": "011004",
"className": "授權公仔"
},
{
"classid": "01100401",
"className": "玩具公仔"
},
{
"classid": "01100402",
"className": "動漫公仔"
},
{
"classid": "0120",
"className": "影音商品"
},
{
"classid": "012001",
"className": "投影儀"
},
{
"classid": "01200101",
"className": "投影儀展示機"
},
{
"classid": "01200102",
"className": "投影儀"
},
{
"classid": "01200103",
"className": "微投影儀"
},
{
"classid": "01200104",
"className": "投影儀支架和布幕"
},
{
"classid": "01200105",
"className": "投影儀配件"
},
{
"classid": "012002",
"className": "音訊產品"
},
{
"classid": "01200201",
"className": "頭戴式"
},
{
"classid": "01200202",
"className": "入耳式"
},
{
"classid": "01200203",
"className": "耳塞式"
},
{
"classid": "01200204",
"className": "耳掛式"
},
{
"classid": "01200205",
"className": "後掛式"
},
{
"classid": "01200206",
"className": "後繞式"
},
{
"classid": "01200207",
"className": "藍芽耳塞式耳機"
},
{
"classid": "01200208",
"className": "藍芽頭戴式耳機"
},
{
"classid": "01200209",
"className": "其他機能耳機"
},
{
"classid": "01200210",
"className": "藍芽音箱"
},
{
"classid": "01200211",
"className": "有線音箱"
},
{
"classid": "01200212",
"className": "wifi音箱"
},
{
"classid": "01200213",
"className": "Sound Bar"
},
{
"classid": "01200214",
"className": "其他功能音箱"
},
{
"classid": "01200215",
"className": "播放器"
},
{
"classid": "01200216",
"className": "運動耳機-bluetooth"
},
{
"classid": "01200217",
"className": "功放"
},
{
"classid": "01200218",
"className": "臺式音箱"
},
{
"classid": "01200219",
"className": "Hi-Fi"
},
{
"classid": "01200220",
"className": "家庭/平板影院"
},
{
"classid": "01200221",
"className": "記憶棉耳塞"
},
{
"classid": "012003",
"className": "影音周邊"
},
{
"classid": "01200301",
"className": "公仔玩偶"
},
{
"classid": "01200302",
"className": "黑膠唱片"
},
{
"classid": "01200303",
"className": "電視機"
},
{
"classid": "01200304",
"className": "廚具家用品"
},
{
"classid": "01200305",
"className": "錄音筆"
},
{
"classid": "01200306",
"className": "耳機線"
},
{
"classid": "01200307",
"className": "麥克風"
},
{
"classid": "01200308",
"className": "音箱配件"
},
{
"classid": "012004",
"className": "鐳射電視"
},
{
"classid": "01200401",
"className": "鐳射電視"
},
{
"classid": "0200",
"className": "高新科技"
},
{
"classid": "020001",
"className": "無人機"
},
{
"classid": "02000101",
"className": "無人機展示機"
},
{
"classid": "02000102",
"className": "無人機"
},
{
"classid": "02000103",
"className": "高階無人機"
},
{
"classid": "02000104",
"className": "無人機飛行控制器"
},
{
"classid": "02000105",
"className": "無人機相機雲臺"
},
{
"classid": "02000106",
"className": "無人機多旋翼動力系統"
},
{
"classid": "02000107",
"className": "無人機配件和其他"
},
{
"classid": "02000108",
"className": "教育商品電子書"
},
{
"classid": "020002",
"className": "遙控模型"
},
{
"classid": "02000201",
"className": "航模展示"
},
{
"classid": "02000202",
"className": "航模直升機"
},
{
"classid": "02000203",
"className": "航模固定翼"
},
{
"classid": "02000204",
"className": "航模多旋翼"
},
{
"classid": "02000205",
"className": "搖控模型車"
},
{
"classid": "02000206",
"className": "搖控模型船"
},
{
"classid": "02000207",
"className": "其他遙控模型商品"
},
{
"classid": "02000208",
"className": "航模電子與遙控"
},
{
"classid": "02000209",
"className": "航模配件和其他"
},
{
"classid": "02000210",
"className": "模型玩具車"
},
{
"classid": "02000211",
"className": "模型玩具船"
},
{
"classid": "02000212",
"className": "毛絨公仔"
},
{
"classid": "02000213",
"className": "玩具公仔"
},
{
"classid": "020003",
"className": "VR/AR裝置"
},
{
"classid": "02000301",
"className": "VR/AR裝置展示機"
},
{
"classid": "02000302",
"className": "VR虛擬現實"
},
{
"classid": "02000303",
"className": "顯示屏VR虛擬現實"
},
{
"classid": "02000304",
"className": "系統化VR虛擬現實"
},
{
"classid": "02000305",
"className": "AR增強現實"
},
{
"classid": "02000306",
"className": "其他感應裝置"
},
{
"classid": "02000307",
"className": "AR應用商品"
},
{
"classid": "020004",
"className": "投影儀"
},
{
"classid": "02000401",
"className": "投影儀展示機"
},
{
"classid": "02000402",
"className": "投影儀"
},
{
"classid": "02000403",
"className": "微投影儀"
},
{
"classid": "02000404",
"className": "投影儀支架和布幕"
},
{
"classid": "02000405",
"className": "投影儀配件"
},
{
"classid": "020005",
"className": "3D列印"
},
{
"classid": "02000501",
"className": "3D印表機樣機"
},
{
"classid": "02000502",
"className": "桌面3D印表機"
},
{
"classid": "02000503",
"className": "專業3d印表機"
},
{
"classid": "02000504",
"className": "工業3d印表機"
},
{
"classid": "02000505",
"className": "3d印表機耗材"
},
{
"classid": "020006",
"className": "創意玩具"
},
{
"classid": "02000601",
"className": "積木"
},
{
"classid": "02000602",
"className": "創意積木"
},
{
"classid": "02000603",
"className": "電動積木"
},
{
"classid": "02000604",
"className": "拼圖"
},
{
"classid": "02000605",
"className": "立體拼圖"
},
{
"classid": "02000606",
"className": "音樂盒"
},
{
"classid": "02000607",
"className": "電動立體拼圖"
},
{
"classid": "02000608",
"className": "玩具槍"
},
{
"classid": "020007",
"className": "智慧樂器"
},
{
"classid": "02000701",
"className": "智慧樂器樣機"
},
{
"classid": "02000702",
"className": "智慧鋼琴"
},
{
"classid": "02000703",
"className": "智慧吉他"
},
{
"classid": "02000704",
"className": "智慧樂器配件"
},
{
"classid": "02000705",
"className": "其他智慧樂器"
},
{
"classid": "020008",
"className": "智慧機器人"
},
{
"classid": "02000801",
"className": "智慧機器人樣機"
},
{
"classid": "02000802",
"className": "智慧機器人"
},
{
"classid": "020009",
"className": "運動攝像機"
},
{
"classid": "02000901",
"className": "運動攝像機樣機"
},
{
"classid": "02000902",
"className": "運動攝像機"
},
{
"classid": "02000903",
"className": "運動攝相機配件"
},
{
"classid": "02000904",
"className": "攝像雲臺"
},
{
"classid": "020010",
"className": "教育商品"
},
{
"classid": "02001001",
"className": "電子書"
},
{
"classid": "02001002",
"className": "教育商品周邊"
},
{
"classid": "020011",
"className": "電腦整機"
},
{
"classid": "02001101",
"className": "桌上型電腦"
},
{
"classid": "02001102",
"className": "膝上型電腦"
},
{
"classid": "02001103",
"className": "平板電腦"
},
{
"classid": "02001104",
"className": "遊戲機"
},
{
"classid": "020012",
"className": "電腦配件"
},
{
"classid": "02001201",
"className": "機箱"
},
{
"classid": "02001202",
"className": "電源"
},
{
"classid": "02001203",
"className": "散熱器"
},
{
"classid": "02001204",
"className": "裝機周邊"
},
{
"classid": "02001205",
"className": "顯示器"
},
{
"classid": "020013",
"className": "外設商品"
},
{
"classid": "02001301",
"className": "滑鼠"
},
{
"classid": "02001302",
"className": "鍵盤"
},
{
"classid": "02001303",
"className": "滑鼠墊"
},
{
"classid": "02001304",
"className": "行動硬碟"
},
{
"classid": "02001305",
"className": "電腦線纜"
},
{
"classid": "02001306",
"className": "手寫板"
},
{
"classid": "02001307",
"className": "音箱"
},
{
"classid": "02001308",
"className": "電腦工具"
},
{
"classid": "02001309",
"className": "usb周邊"
},
{
"classid": "02001310",
"className": "耳機麥克風"
},
{
"classid": "02001311",
"className": "電腦揹包"
},
{
"classid": "020014",
"className": "網路產品"
},
{
"classid": "02001401",
"className": "網路儲存"
},
{
"classid": "02001402",
"className": "路由器"
},
{
"classid": "02001403",
"className": "網絡卡"
},
{
"classid": "02001404",
"className": "交換器"
},
{
"classid": "02001405",
"className": "網路盒子"
},
{
"classid": "02001406",
"className": "網路配件"
},
{
"classid": "02001407",
"className": "網路線纜"
},
{
"classid": "0300",
"className": "智慧生活"
},
{
"classid": "030001",
"className": "智慧控制"
},
{
"classid": "03000101",
"className": "智慧平臺"
},
{
"classid": "03000102",
"className": "控制器"
},
{
"classid": "03000103",
"className": "發射器"
},
{
"classid": "03000104",
"className": "接收器"
},
{
"classid": "03000105",
"className": "智慧插座"
},
{
"classid": "03000106",
"className": "其他智慧控制相關"
},
{
"classid": "030002",
"className": "感應器"
},
{
"classid": "03000201",
"className": "環境感應器"
},
{
"classid": "03000202",
"className": "動態感應器"
},
{
"classid": "03000203",
"className": "門禁感應器"
},
{
"classid": "03000204",
"className": "其他型別感應器"
},
{
"classid": "030003",
"className": "監視器"
},
{
"classid": "03000301",
"className": "SD攝像頭"
},
{
"classid": "03000302",
"className": "HD高清攝像頭"
},
{
"classid": "03000303",
"className": "移動式高清攝像頭"
},
{
"classid": "03000304",
"className": "感應式高清攝像頭"
},
{
"classid": "03000305",
"className": "其他功能型攝像頭"
},
{
"classid": "030004",
"className": "智慧家電"
},
{
"classid": "03000401",
"className": "智慧燈泡"
},
{
"classid": "03000402",
"className": "智慧空氣濾淨器"
},
{
"classid": "03000403",
"className": "智慧濾水器"
},
{
"classid": "03000404",
"className": "智慧水杯"
},
{
"classid": "03000405",
"className": "吸塵器"
},
{
"classid": "03000406",
"className": "智慧空調"
},
{
"classid": "03000407",
"className": "電視盒"
},
{
"classid": "03000408",
"className": "遊戲盒"
},
{
"classid": "03000409",
"className": "其他智慧家電"
},
{
"classid": "03000410",
"className": "其他智慧家電配件耗材"
},
{
"classid": "03000411",
"className": "智慧水杯配件耗材"
},
{
"classid": "03000412",
"className": "蔬果攪拌機"
},
{
"classid": "030005",
"className": "健康照護"
},
{
"classid": "03000501",
"className": "智慧體重計"
},
{
"classid": "03000502",
"className": "智慧血壓計"
},
{
"classid": "03000503",
"className": "智慧健身器材"
},
{
"classid": "03000504",
"className": "其他照護器材"
},
{
"classid": "03000505",
"className": "其他照護器材配件"
},
{
"classid": "03000506",
"className": "智慧手錶手環"
},
{
"classid": "030006",
"className": "特殊通訊器材"
},
{
"classid": "03000601",
"className": "戶外運動手機"
},
{
"classid": "0400",
"className": "創意周邊"
},
{
"classid": "040001",
"className": "U盤、記憶卡"
},
{
"classid": "04000101",
"className": "8GB U盤"
},
{
"classid": "04000102",
"className": "16GB U盤"
},
{
"classid": "04000103",
"className": "32GB U盤"
},
{
"classid": "04000104",
"className": "64GB U盤"
},
{
"classid": "04000105",
"className": "128GB U盤"
},
{
"classid": "04000106",
"className": "256GB U盤"
},
{
"classid": "04000107",
"className": "OTG U盤"
},
{
"classid": "04000108",
"className": "other U盤"
},
{
"classid": "04000109",
"className": "8GB 記憶卡"
},
{
"classid": "04000110",
"className": "16GB 記憶卡"
},
{
"classid": "04000111",
"className": "32GB 記憶卡"
},
{
"classid": "04000112",
"className": "64GB 記憶卡"
},
{
"classid": "04000113",
"className": "128GB 記憶卡"
},
{
"classid": "04000114",
"className": "256GB 記憶卡"
},
{
"classid": "04000115",
"className": "512GB 記憶卡"
},
{
"classid": "04000116",
"className": "卡片閱讀機 USB2.0"
},
{
"classid": "04000117",
"className": "卡片閱讀機 USB3.0"
},
{
"classid": "04000118",
"className": "多功能卡片閱讀機"
},
{
"classid": "040002",
"className": "充電寶"
},
{
"classid": "04000201",
"className": "≦3000mAh"
},
{
"classid": "04000202",
"className": "3001mAh-6000mAh"
},
{
"classid": "04000203",
"className": "≧10000mAh"
},
{
"classid": "04000204",
"className": "多功能型充電寶"
},
{
"classid": "04000205",
"className": "6001mAh-9999mAh"
},
{
"classid": "04000206",
"className": "無線充電寶 "
},
{
"classid": "04000207",
"className": "充電寶套裝"
},
{
"classid": "040003",
"className": "線材、usb轉換頭 "
},
{
"classid": "04000301",
"className": "micro USB線材"
},
{
"classid": "04000302",
"className": "Lightening 線材"
},
{
"classid": "04000303",
"className": "Type C 線材"
},
{
"classid": "04000304",
"className": "HDMI 線材"
},
{
"classid": "04000305",
"className": "Mini HDMI 線材"
},
{
"classid": "04000306",
"className": "單孔USB轉換頭"
},
{
"classid": "04000307",
"className": "雙孔USB轉換頭"
},
{
"classid": "04000308",
"className": "3孔以上USB轉換頭"
},
{
"classid": "04000309",
"className": "USB HUB"
},
{
"classid": "04000310",
"className": "AUX 音源線;其他線材"
},
{
"classid": "04000311",
"className": "其他線材"
},
{
"classid": "04000312",
"className": "集線器"
},
{
"classid": "04000313",
"className": "充電器"
},
{
"classid": "04000314",
"className": "蘋果充電底座"
},
{
"classid": "04000315",
"className": "蘋果散熱器"
},
{
"classid": "04000316",
"className": "蘋果Watch支架"
},
{
"classid": "04000317",
"className": "蘋果產品周邊"
},
{
"classid": "04000318",
"className": "手機多媒體套裝"
},
{
"classid": "04000319",
"className": "三接頭資料線"
},
{
"classid": "04000320",
"className": "多功能轉換器"
},
{
"classid": "040004",
"className": "手機保護"
},
{
"classid": "04000401",
"className": "iphone殼/套"
},
{
"classid": "04000402",
"className": "iPad殼/套"
},
{
"classid": "04000403",
"className": "Samsung手機 殼/套"
},
{
"classid": "04000404",
"className": "Samsung平板 殼/套"
},
{
"classid": "04000405",
"className": "Sony 手機 殼/套"
},
{
"classid": "04000406",
"className": "Sony 平板 殼套"
},
{
"classid": "04000407",
"className": "小米手機 殼/套"
},
{
"classid": "04000408",
"className": "小米平板 殼/套"
},
{
"classid": "04000409",
"className": "華為手機 殼/套"
},
{
"classid": "04000410",
"className": "華為平板 殼/套"
},
{
"classid": "04000411",
"className": "OPPO手機 殼/套"
},
{
"classid": "04000412",
"className": "OPPO平板 殼/套"
},
{
"classid": "04000413",
"className": "其他手機 殼/套"
},
{
"classid": "04000414",
"className": "其他平板 殼/套"
},
{
"classid": "04000415",
"className": "螢幕保護膜/保護貼"
},
{
"classid": "04000416",
"className": "Ipod 殼/套"
},
{
"classid": "04000417",
"className": "MAC 殼/套"
},
{
"classid": "04000418",
"className": "手機掛繩"
},
{
"classid": "04000419",
"className": "手機防塵塞"
},
{
"classid": "04000420",
"className": "VIVO手機 殼/套"
},
{
"classid": "04000421",
"className": "VIVO平板 殼/套"
},
{
"classid": "040005",
"className": "音訊產品"
},
{
"classid": "04000501",
"className": "頭戴式"
},
{
"classid": "04000502",
"className": "入耳式"
},
{
"classid": "04000503",
"className": "耳塞式"
},
{
"classid": "04000504",
"className": "耳掛式"
},
{
"classid": "04000505",
"className": "後掛式"
},
{
"classid": "04000506",
"className": "後繞式"
},
{
"classid": "04000507",
"className": "藍芽耳塞式耳機"
},
{
"classid": "04000508",
"className": "藍芽頭戴式耳機"
},
{
"classid": "04000509",
"className": "其他機能耳機"
},
{
"classid": "04000510",
"className": "藍芽音箱"
},
{
"classid": "04000511",
"className": "有線音箱"
},
{
"classid": "04000512",
"className": "wifi音箱"
},
{
"classid": "04000513",
"className": "Sound Bar"
},
{
"classid": "04000514",
"className": "其他功能音箱"
},
{
"classid": "04000515",
"className": "播放器"
},
{
"classid": "04000516",
"className": "運動耳機-bluetooth"
},
{
"classid": "04000517",
"className": "耳機支架"
},
{
"classid": "04000518",
"className": "麥克風"
},
{
"classid": "040006",
"className": "車用行動配件"
},
{
"classid": "04000601",
"className": "車用充電器"
},
{
"classid": "04000602",
"className": "車用手機/平板夾具"
},
{
"classid": "04000603",
"className": "導航/行車紀錄器夾具"
},
{
"classid": "04000604",
"className": "車用空氣濾淨器"
},
{
"classid": "04000605",
"className": "胎壓偵測器"
},
{
"classid": "04000606",
"className": "其他車用配件"
},
{
"classid": "040007",
"className": "包袋類"
},
{
"classid": "04000701",
"className": "計算機包-肩背"
},
{
"classid": "04000702",
"className": "計算機包-後背"
},
{
"classid": "04000703",
"className": "計算機公文包"
},
{
"classid": "04000704",
"className": "相機包-肩背"
},
{
"classid": "04000705",
"className": "相機包-後背"
},
{
"classid": "04000706",
"className": "旅行用包-肩背"
},
{
"classid": "04000707",
"className": "旅行用包-後背"
},
{
"classid": "04000708",
"className": "其他包款-肩背"
},
{
"classid": "04000709",
"className": "其他包款-後背"
},
{
"classid": "04000710",
"className": "數碼包類"
},
{
"classid": "04000711",
"className": "拉桿箱"
},
{
"classid": "04000712",
"className": "錢包"
},
{
"classid": "04000713",
"className": "護照夾"
},
{
"classid": "04000714",
"className": "卡套"
},
{
"classid": "04000715",
"className": "鑰匙包"
},
{
"classid": "04000716",
"className": "內膽包"
},
{
"classid": "04000717",
"className": "便攜包"
},
{
"classid": "040008",
"className": "鍵盤、滑鼠"
},
{
"classid": "04000801",
"className": "有線鍵盤"
},
{
"classid": "04000802",
"className": "無線鍵盤"
},
{
"classid": "04000803",
"className": "有線滑鼠"
},
{
"classid": "04000804",
"className": "無線滑鼠"
},
{
"classid": "04000805",
"className": "其他類鍵盤"
},
{
"classid": "04000806",
"className": "其他類滑鼠"
},
{
"classid": "04000807",
"className": "鍵盤保護膜"
},
{
"classid": "04000808",
"className": "滑鼠墊"
},
{
"classid": "04000809",
"className": "滑鼠帖"
},
{
"classid": "04000810",
"className": "有線鍵鼠套裝"
},
{
"classid": "040009",
"className": "創意usb商品"
},
{
"classid": "04000901",
"className": "USB風扇"
},
{
"classid": "04000902",
"className": "USB燈源"
},
{
"classid": "04000903",
"className": "USB暖暖包"
},
{
"classid": "04000904",
"className": "USB玩具"
},
{
"classid": "04000905",
"className": "其他USB創意小物"
},
{
"classid": "040010",
"className": "容器"
},
{
"classid": "04001001",
"className": "清潔用品"
},
{
"classid": "04001002",
"className": "筆記本"
},
{
"classid": "04001003",
"className": "文具袋"
},
{
"classid": "04001004",
"className": "筆"
},
{
"classid": "04001005",
"className": "膠帶"
},
{
"classid": "04001006",
"className": "紙膠帶"
},
{
"classid": "04001007",
"className": "相簿"
},
{
"classid": "04001008",
"className": "卡片"
},
{
"classid": "04001009",
"className": "剪刀、刀具"
},
{
"classid": "04001010",
"className": "容器"
},
{
"classid": "04001011",
"className": "其他生活小物"
},
{
"classid": "04001012",
"className": "有線自拍杆"
},
{
"classid": "04001013",
"className": "無線自拍杆"
},
{
"classid": "04001014",
"className": "創意相框 "
},
{
"classid": "04001015",
"className": "收納類"
},
{
"classid": "04001016",
"className": "創意底託"
},
{
"classid": "040011",
"className": "其他生活小物"
},
{
"classid": "04001101",
"className": "有線自拍杆"
},
{
"classid": "04001102",
"className": "運動周邊"
},
{
"classid": "04001103",
"className": "防藍光眼鏡"
},
{
"classid": "04001104",
"className": "PPT翻頁器"
},
{
"classid": "04001105",
"className": "手機遊戲手柄"
},
{
"classid": "040012",
"className": "影像記錄"
},
{
"classid": "04001201",
"className": "拍立得主機"
},
{
"classid": "04001202",
"className": "拍立得底片"
},
{
"classid": "04001203",
"className": "相機包"
},
{
"classid": "04001204",
"className": "拍立得其他周邊"
},
{
"classid": "04001205",
"className": "拍立得印表機"
},
{
"classid": "04001206",
"className": "數碼相機配件"
},
{
"classid": "04001207",
"className": "創意配件"
},
{
"classid": "04001208",
"className": "數碼相機/高清相機"
},
{
"classid": "04001209",
"className": "相機膠帶"
},
{
"classid": "04001210",
"className": "相機揹帶"
},
{
"classid": "04001211",
"className": "鏡頭防丟繩子"
},
{
"classid": "04001212",
"className": "證件套"
},
{
"classid": "04001213",
"className": "相機手環"
},
{
"classid": "04001214",
"className": "鏡頭袋"
},
{
"classid": "040013",
"className": "智慧電動車"
},
{
"classid": "04001301",
"className": "智慧電動車."
},
{
"classid": "04001302",
"className": "電動車配件"
},
{
"classid": "04001303",
"className": "安全鎖"
},
{
"classid": "04001304",
"className": "車燈"
},
{
"classid": "04001305",
"className": "打氣筒"
},
{
"classid": "04001306",
"className": "頭盔"
},
{
"classid": "04001307",
"className": "水壺架"
},
{
"classid": "04001308",
"className": "水壺"
},
{
"classid": "04001309",
"className": "單車手套"
},
{
"classid": "040014",
"className": "運動攝像機"
},
{
"classid": "04001401",
"className": "運動攝像機樣機"
},
{
"classid": "04001402",
"className": "運動攝像機"
},
{
"classid": "04001403",
"className": "運動攝相機配件"
},
{
"classid": "04001404",
"className": "攝像雲臺"
},
{
"classid": "040015",
"className": "運動周邊配件"
},
{
"classid": "04001501",
"className": "手機鏡頭配件"
},
{
"classid": "04001502",
"className": "4合1精英手機鏡頭套裝 混色"
},
{
"classid": "04001503",
"className": "4合1精英手機鏡頭套裝 玫瑰金"
},
{
"classid": "040016",
"className": "生活用品"
},
{
"classid": "04001601",
"className": "相本"
},
{
"classid": "04001602",
"className": "相框"
},
{
"classid": "04001603",
"className": "水壺水瓶"
},
{
"classid": "04001604",
"className": "飾品飾物"
},
{
"classid": "04001605",
"className": "其他生活用品"
},
{
"classid": "04001606",
"className": "廚房小物"
},
{
"classid": "04001607",
"className": "調味瓶罐"
},
{
"classid": "04001608",
"className": "水杯"
},
{
"classid": "04001609",
"className": "刷組"
},
{
"classid": "04001610",
"className": "陶瓷杯碗碟"
},
{
"classid": "04001611",
"className": "其他旅行周邊"
},
{
"classid": "04001612",
"className": "行李牌/證件包"
},
{
"classid": "04001613",
"className": "抱枕/靠枕"
},
{
"classid": "04001614",
"className": "洗刷包類"
},
{
"classid": "04001615",
"className": "安全鎖"
},
{
"classid": "04001616",
"className": "其他"
},
{
"classid": "04001617",
"className": "指尖陀螺"
},
{
"classid": "04001618",
"className": "筆記本"
},
{
"classid": "04001619",
"className": "筆"
},
{
"classid": "04001620",
"className": "筆盒"
},
{
"classid": "04001621",
"className": "滑鼠墊"
},
{
"classid": "04001622",
"className": "存錢罐"
},
{
"classid": "0500",
"className": "美容家電"
},
{
"classid": "050001",
"className": "剃鬚刀"
},
{
"classid": "05000101",
"className": "旋轉式3刀頭"
},
{
"classid": "05000102",
"className": "旋轉式2刀頭"
},
{
"classid": "05000103",
"className": "往復式1刀頭"
},
{
"classid": "05000104",
"className": "往復式2刀頭"
},
{
"classid": "05000105",
"className": "旋轉式1刀頭"
},
{
"classid": "05000106",
"className": "往復式3刀頭"
},
{
"classid": "05000107",
"className": "往復式4刀頭"
},
{
"classid": "05000108",
"className": "旋轉式4刀頭"
},
{
"classid": "05000109",
"className": "往復式5刀頭"
},
{
"classid": "05000110",
"className": "旋轉式5刀頭"
},
{
"classid": "05000111",
"className": "雙層刀片"
},
{
"classid": "05000112",
"className": "剃鬚刀配件"
},
{
"classid": "05000113",
"className": "剃鬚刀套裝禮盒"
},
{
"classid": "05000114",
"className": "其他"
},
{
"classid": "05000115",
"className": "鼻毛修剪"
},
{
"classid": "050002",
"className": "理髮器"
},
{
"classid": "05000201",
"className": "充電/電源兩用式"
},
{
"classid": "05000202",
"className": "充電式"
},
{
"classid": "05000203",
"className": "電源式"
},
{
"classid": "05000204",
"className": "幹充兩用"
},
{
"classid": "05000205",
"className": "乾電池式"
},
{
"classid": "05000206",
"className": "全自動充電式"
},
{
"classid": "050003",
"className": "美髮棒"
},
{
"classid": "05000301",
"className": "導熱體直徑16mm(含)-20mm(含) "
},
{
"classid": "05000302",
"className": "導熱體直徑31mm及以上"
},
{
"classid": "05000303",
"className": "導熱體直徑15mm及以下"
},
{
"classid": "05000304",
"className": "導熱體直徑21mm(含)-30mm(含)"
},
{
"classid": "05000305",
"className": "盤發棒"
},
{
"classid": "05000306",
"className": "其他"
},
{
"classid": "050004",
"className": "剃毛器"
},
{
"classid": "05000401",
"className": "充電式"
},
{
"classid": "05000402",
"className": "乾電池式"
},
{
"classid": "05000403",
"className": "插電式"
},
{
"classid": "05000404",
"className": "手動"
},
{
"classid": "05000405",
"className": "毛球器"
},
{
"classid": "050005",
"className": "鼻毛修剪"
},
{
"classid": "05000501",
"className": "鼻毛修剪器"
},
{
"classid": "05000502",
"className": "男士剃鬚刀"
},
{
"classid": "05000503",
"className": "美容/清潔電器配件"
},
{
"classid": "05000504",
"className": "睫毛眉毛美容儀器"
},
{
"classid": "050006",
"className": "瘦臉器"
},
{
"classid": "05000601",
"className": "振動式"
},
{
"classid": "05000602",
"className": "滾輪式"
},
{
"classid": "05000603",
"className": "面罩式"
},
{
"classid": "050007",
"className": "電吹風"
},
{
"classid": "05000701",
"className": "1200W(含)-1599W(含)+恆溫"
},
{
"classid": "05000702",
"className": "1200W(含)-1599W(含)+冷熱風"
},
{
"classid": "05000703",
"className": "1200W(含)-1599W(含)+負離子"
},
{
"classid": "05000704",
"className": "1200W(含)-1599W(含)+細微水離子"
},
{
"classid": "05000705",
"className": "2000W以上+恆溫"
},
{
"classid": "05000706",
"className": "2000W以上+冷熱風"
},
{
"classid": "05000707",
"className": "2000W以上+負離子"
},
{
"classid": "05000708",
"className": "2000W以上+細微水離子"
},
{
"classid": "05000709",
"className": "1600W(含)-1999W(含)+恆溫"
},
{
"classid": "05000710",
"className": "1600W(含)-1999W(含)+冷熱風"
},
{
"classid": "05000711",
"className": "1600W(含)-1999W(含)+負離子"
},
{
"classid": "05000712",
"className": "1600W(含)-1999W(含)+細微水離子"
},
{
"classid": "05000713",
"className": "1000W以下+恆溫"
},
{
"classid": "05000714",
"className": "1000W以下+冷熱風"
},
{
"classid": "05000715",
"className": "1000W以下+負離子"
},
{
"classid": "05000716",
"className": "1000W以下+細微水離子"
},
{
"classid": "05000717",
"className": "2000W+恆溫"
},
{
"classid": "05000718",
"className": "2000W+冷熱風"
},
{
"classid": "05000719",
"className": "2000W+負離子"
},
{
"classid": "05000720",
"className": "2000W+細微水離子"
},
{
"classid": "05000721",
"className": "1000W(含)-1199W(含)+恆溫"
},
{
"classid": "05000722",
"className": "1000W(含)-1199W(含)+冷熱風"
},
{
"classid": "05000723",
"className": "1000W(含)-1199W(含)+負離子"
},
{
"classid": "05000724",
"className": "1000W(含)-1199W(含)+細微水離子"
},
{
"classid": "05000725",
"className": "美髮配件"
},
{
"classid": "05000726",
"className": "電吹風套裝禮盒"
},
{
"classid": "05000727",
"className": "其他"
},
{
"classid": "05000728",
"className": "1600W-1999W+納米"
},
{
"classid": "05000729",
"className": "1000W-1199W+納米"
},
{
"classid": "050008",
"className": "直板夾"
},
{
"classid": "05000801",
"className": "卷/直髮二合一"
},
{
"classid": "05000802",
"className": "單功能直髮器"
},
{
"classid": "05000803",
"className": "單功能捲髮器"
},
{
"classid": "05000804",
"className": "多功能美髮器"
},
{
"classid": "05000805",
"className": "其他"
},
{
"classid": "050009",
"className": "電動牙刷"
},
{
"classid": "05000901",
"className": "成人"
},
{
"classid": "05000902",
"className": "兒童"
},
{
"classid": "05000903",
"className": "通用"
},
{
"classid": "05000904",
"className": "家庭"
},
{
"classid": "05000905",
"className": "電動牙刷配件"
},
{
"classid": "05000906",
"className": "衝牙器"
},
{
"classid": "05000907",
"className": "其他"
},
{
"classid": "050010",
"className": "美甲"
},
{
"classid": "05001001",
"className": "美甲器"
},
{
"classid": "05001002",
"className": "甲油"
},
{
"classid": "05001003",
"className": "洗甲水"
},
{
"classid": "05001004",
"className": "甲油稀釋液"
},
{
"classid": "05001005",
"className": "甲油套裝"
},
{
"classid": "05001006",
"className": "指甲修護"
},
{
"classid": "05001007",
"className": "指甲護理套裝"
},
{
"classid": "05001008",
"className": "營養底油"
},
{
"classid": "05001009",
"className": "亮油"
},
{
"classid": "05001010",
"className": "其它"
},
{
"classid": "050011",
"className": "美容儀"
},
{
"classid": "05001101",
"className": "臉部保養清潔"
},
{
"classid": "05001102",
"className": "匯入儀"
},
{
"classid": "05001103",
"className": "美顏儀"
},
{
"classid": "05001104",
"className": "美眼儀"
},
{
"classid": "05001105",
"className": "美體"
},
{
"classid": "05001106",
"className": "頭部護理"
},
{
"classid": "05001107",
"className": "美容儀配件"
},
{
"classid": "05001108",
"className": "磨皮機"
},
{
"classid": "05001109",
"className": "其它"
},
{
"classid": "050012",
"className": "蒸臉機"
},
{
"classid": "05001201",
"className": "補水儀"
},
{
"classid": "05001202",
"className": "熱噴洗臉儀"
},
{
"classid": "05001203",
"className": "冷噴洗臉儀"
},
{
"classid": "05001204",
"className": "冷熱噴洗臉儀"
},
{
"classid": "05001205",
"className": "負離子"
},
{
"classid": "05001206",
"className": "行動式"
},
{
"classid": "05001207",
"className": "迷你"
},
{
"classid": "05001208",
"className": "玻尿酸"
},
{
"classid": "05001209",
"className": "其他"
},
{
"classid": "050013",
"className": "體重秤"
},
{
"classid": "05001301",
"className": "基礎功能"
},
{
"classid": "05001302",
"className": "人體脂肪與水份測試"
},
{
"classid": "05001303",
"className": "嬰兒秤"
},
{
"classid": "05001304",
"className": "語音播報"
},
{
"classid": "05001305",
"className": "其他"
},
{
"classid": "050014",
"className": "按摩紓壓"
},
{
"classid": "05001401",
"className": "按摩枕"
},
{
"classid": "05001402",
"className": "按摩棒"
},
{
"classid": "05001403",
"className": "眼部按摩"
},
{