收藏人数:
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏（8）
更新记录
2.8（2024-08-17） 下载此版本
组件优化
2.6（2024-08-17） 下载此版本
组件优化
2.3（2024-05-04） 下载此版本
组件优化
查看更多平台兼容性
| HbuilderX/cli最低兼容版本 |
|---|
| 3.6.0 |
uni-app
| Vue2 | Vue3 |
|---|---|
| √ | ? |
| app-vue | app-nvue | app-android | app-ios | app-harmony |
|---|---|---|---|---|
| ? | ? | ? | ? | ? |
| H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
|---|---|---|---|---|---|---|---|---|
| ? | ? | ? | ? | ? | ? | ? | ? | ? |
| 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | 钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
|---|---|---|---|---|---|---|---|---|
| ? | ? | ? | ? | ? | ? | ? | ? | ? |
| 快应用-华为 | 快应用-联盟 |
|---|---|
| ? | ? |
uni-app x
| app-android | app-ios |
|---|---|
| ? | ? |
| H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
|---|---|---|---|---|---|---|---|---|
| ? | ? | ? | ? | ? | ? | ? | ? | ? |
cc-beautyCate 自定义精美分类组件 可用于电商商品分类页面
我的技术公众号(私信可加前端技术交流群)
群内气氛颇为不错，应该可能算为数不多专门进行技术交流的前端群，同时也涵盖后端技术产品交流，偶尔成员们会聊天摸鱼。
使用方法
<!-- category-list：分类列表 @itemClick：条目点击 -->
<cc-beautyCate :category-list="categoryList" @itemClick="toCategory"></cc-beautyCate>
若出现不能置顶问题, 或修改组件位置
请修改组件内: .left,
.right {
// 修复不能置顶问题
top: 0px;
bottom: 0upx;
}HTML代码实现部分
<template>
<view>
<!-- category-list：分类列表 @itemClick：条目点击 -->
<cc-beautyCate :category-list="categoryList" @itemClick="toCategory"></cc-beautyCate>
</view>
</template>
<script>
//高德SDK
export default {
data() {
return {
categoryList: [{
cid: 1,
main_name: '女装',
data: [{
next_name: '裙装',
info: [{
son_name: '连衣裙',
imgurl: 'http://img.haodanku.com/f347f81f5c5539f9da9b35b7a62-600'
},
{
son_name: '雪纺裙',
imgurl: 'http://img.haodanku.com/3deb054da8cb2f4b1b5a07ab530e7e41-600'
},
{
son_name: '半身裙',
imgurl: 'http://img.haodanku.com/b68bc66ab1a81dbb7c1196b5a9-600'
},
{
son_name: '印花裙',
imgurl: 'http://img.haodanku.com/3ce7249bac82bed97f7817d-600'
},
{
son_name: '吊带裙',
imgurl: 'http://img.haodanku.com/0716abcb130dc3c83d39a7dc-600'
},
{
son_name: '纯色裙',
imgurl: 'http://img.haodanku.com/dedab5d20a5df1624bd-600'
}
]
},
{
next_name: '套装',
info: [{
son_name: '两件套',
imgurl: 'http://img.haodanku.com/dcabee1a81b9c631bbcfad52a2-600'
},
{
son_name: '夏季套装',
imgurl: 'http://img.haodanku.com/fcf45b47afad11fe7ac05c179de174c1-600'
},
{
son_name: '大码女装',
imgurl: 'http://img.haodanku.com/005faab3f7c99c1ca88a-600'
},
{
son_name: '妈妈装',
imgurl: 'http://img.haodanku.com/cf445d5d9ddad49a38c0e542be22b565-600'
},
{
son_name: '婚纱',
imgurl: 'http://img.haodanku.com/d40c79df78c0a0cfbbb0db-600'
},
{
son_name: '小香风',
imgurl: 'http://img.haodanku.com/2907a1a4fafc4ff422ce9ca16eb-600'
},
{
son_name: '运动套装',
imgurl: 'http://img.haodanku.com/f9420afafc7ada75-600'
},
{
son_name: '雪纺套装',
imgurl: 'http://img.haodanku.com/233b900fde6dc193a0c4b8886d-600'
}
]
},
{
next_name: 'T恤',
info: [{
son_name: 'T恤',
imgurl: 'http://img.haodanku.com/397fc31d9f3abdef5177ab1ec82a254c-600'
},
{
son_name: '一字肩',
imgurl: 'http://img.haodanku.com/f4ca5e271d74fd5c29d051c7b1106f04-600'
},
{
son_name: '印花雪纺',
imgurl: 'http://img.haodanku.com/60e743e4a53b475f2b01a606b61ab217-600'
},
{
son_name: '吊带T恤',
imgurl: 'http://img.haodanku.com/7aad5119d9e8d49c74ab97eba63-600'
},
{
son_name: '娃娃衫',
imgurl: 'http://img.haodanku.com/9a596fb1d0c7008cdfad30e5562b3b3f-600'
},
{
son_name: '情侣T恤',
imgurl: 'http://img.haodanku.com/9880baf8ca65a64c6ec6b-600'
},
{
son_name: '白衬衣',
imgurl: 'http://img.haodanku.com/1c60edccb596c5f3496d883bec5-600'
},
{
son_name: '短袖T恤',
imgurl: 'http://img.haodanku.com/81ee9efd599bcfbe0ab3d08df6d-600'
},
{
son_name: '纯色T恤',
imgurl: 'http://img.haodanku.com/44d365c3c459a4a04185f1fa947e7353-600'
},
{
son_name: '蕾丝拼接',
imgurl: 'http://img.haodanku.com/f77f58f4f0f67b4c3cd2a-600'
},
{
son_name: '蕾丝衫',
imgurl: 'http://img.haodanku.com/fe7c5357cb05b2128bf95c014c-600'
},
{
son_name: '防晒衫',
imgurl: 'http://img.haodanku.com/99d63b5ef04f0599ef94a71b1a247fef-600'
},
{
son_name: '露肩上衣',
imgurl: 'http://img.haodanku.com/a39d41be0e3889eab1-600'
},
{
son_name: '长袖T恤',
imgurl: 'http://img.haodanku.com/d0ae23ec9b6d46e16bd2e0e924b2bd83-600'
}
]
},
{
next_name: '内搭',
info: [{
son_name: '喇叭袖',
imgurl: 'http://img.haodanku.com/6d8739d3e2aba86cfe98c3d8c631cb18-600'
},
{
son_name: '开衫',
imgurl: 'http://img.haodanku.com/051f12a2106ca222a4a651efb2-600'
},
{
son_name: '打底毛衣',
imgurl: 'http://img.haodanku.com/d93f276b06e1aa4d9f5a7c4718ca675d-600'
},
{
son_name: '毛衣',
imgurl: 'http://img.haodanku.com/5ae75e2e972aec9126ac7ef6e44bd279-600'
},
{
son_name: '针织衫',
imgurl: 'http://img.haodanku.com/d989f5485e411a23b53de9e8ae-600'
},
{
son_name: '高领',
imgurl: 'http://img.haodanku.com/226f1370ec92bde4a45cd4-600'
}
]
},
{
next_name: '外套',
info: [{
son_name: '卫衣',
imgurl: 'http://img.haodanku.com/2329f94b4030aa27e819e159dc4-600'
},
{
son_name: '夹克',
imgurl: 'http://img.haodanku.com/abcd8a3e1ff4ed36e-600'
},
{
son_name: '棉服',
imgurl: 'http://img.haodanku.com/6d3898da49ebc6a80c150d15b2-600'
},
{
son_name: '毛呢',
imgurl: 'http://img.haodanku.com/5b397dfb79af64cb7e0af-600'
},
{
son_name: '牛仔',
imgurl: 'http://img.haodanku.com/38a001153e2ff3cae16f2b2a171-600'
},
{
son_name: '皮衣',
imgurl: 'http://img.haodanku.com/78c7fcecea8eaf4bb3308b3545-600'
},
{
son_name: '短外套',
imgurl: 'http://img.haodanku.com/26a08a44cce036a5cf49a3322e4cbf37-600'
},
{
son_name: '羽绒',
imgurl: 'http://img.haodanku.com/8bd1cab3cdc9008-600'
},
{
son_name: '西装',
imgurl: 'http://img.haodanku.com/8760d56b968fff5f4542cbaf911-600'
},
{
son_name: '风衣',
imgurl: 'http://img.haodanku.com/fce2eacae26fdd2be1edb29e-600'
},
{
son_name: '马甲',
imgurl: 'http://img.haodanku.com/72c6ef4b40de18dddb9ae5dd38a9a051-600'
}
]
},
{
next_name: '裤子',
info: [{
son_name: '休闲裤',
imgurl: 'http://img.haodanku.com/047dd119fa2649e05047-600'
},
{
son_name: '哈伦裤',
imgurl: 'http://img.haodanku.com/afbd5c921fef-600'
},
{
son_name: '棉麻裤',
imgurl: 'http://img.haodanku.com/a3e99f528f0cf163b96b0f-600'
},
{
son_name: '牛仔裤',
imgurl: 'http://img.haodanku.com/d1c7bf2b3a3dbf2bbace2c-600'
},
{
son_name: '短裤',
imgurl: 'http://img.haodanku.com/dea3d2a9c4ba569cfb8daf0d8e-600'
},
{
son_name: '破洞牛仔裤',
imgurl: 'http://img.haodanku.com/d589bebe9fccf66c170c7d-600'
},
{
son_name: '裤子',
imgurl: 'http://img.haodanku.com/049ea9c85a7b917eb9f0844df3910d4b-600'
},
{
son_name: '阔腿裤',
imgurl: 'http://img.haodanku.com/d59ece5f2a3af232cbb23c54f31-600'
}
]
}
]
},
{
cid: 2,
main_name: '男装',
data: [{
next_name: '内搭',
info: [{
son_name: '长袖T恤',
imgurl: 'http://img.haodanku.com/0cd092e3914e60edbbba638d093-600'
},
{
son_name: 'polo衫',
imgurl: 'http://img.haodanku.com/0c4c5d9618b5be5dc3f7712dcf-600'
},
{
son_name: 'T恤',
imgurl: 'http://img.haodanku.com/439ba8ee07892fe5f5fa49d-600'
},
{
son_name: '卫衣',
imgurl: 'http://img.haodanku.com/fa31cffcb202acafafb9-600'
},
{
son_name: '短袖T恤',
imgurl: 'http://img.haodanku.com/c12fa7a4b9e4856d552c91e3b3-600'
},
{
son_name: '衬衣',
imgurl: 'http://img.haodanku.com/9dc7fb17a0cb14-600'
}
]
},
{
next_name: '外套',
info: [{
son_name: '马甲',
imgurl: 'http://img.haodanku.com/ca7f6e1f03c438d818cb4c67cb-600'
},
{
son_name: '呢大衣',
imgurl: 'http://img.haodanku.com/f3c0fd52abf5945b5d253a64f8fce62d-600'
},
{
son_name: '夹克',
imgurl: 'http://img.haodanku.com/250eefdd7acef0934e9f0fafffa75c88-600'
},
{
son_name: '棉衣',
imgurl: 'http://img.haodanku.com/6b5cd4e0f1c6f346bcf78a3-600'
},
{
son_name: '棒球服',
imgurl: 'http://img.haodanku.com/2c296a0d7e6600da4b5f572c1c1878e4-600'
},
{
son_name: '牛仔外套',
imgurl: 'http://img.haodanku.com/d55f8511dc8a808dbe5b0868a-600'
},
{
son_name: '皮衣',
imgurl: 'http://img.haodanku.com/14f79fee301aa6bb5ad9d95a2ef-600'
},
{
son_name: '羽绒服',
imgurl: 'http://img.haodanku.com/51ee457f0c7b8c2ddb6f4e5e9dd9818e-600'
},
{
son_name: '西装',
imgurl: 'http://img.haodanku.com/09290bc5d957b245bf8d5dc22-600'
},
{
son_name: '风衣',
imgurl: 'http://img.haodanku.com/16a6f06b799c96fe124ee084f9a-600'
}
]
},
{
next_name: '下装',
info: [{
son_name: '七分裤',
imgurl: 'http://img.haodanku.com/cc410e901bbb46c0ccb39de7dd-600'
},
{
son_name: '九分裤',
imgurl: 'http://img.haodanku.com/fae33cdacda6852a7628c206f9cc3691-600'
},
{
son_name: '休闲裤',
imgurl: 'http://img.haodanku.com/afc8638ee804be7bb4e-600'
},
{
son_name: '哈伦裤',
imgurl: 'http://img.haodanku.com/87ee360cd8df6d1fc326fceebf-600'
},
{
son_name: '工装裤',
imgurl: 'http://img.haodanku.com/defe1031a3bca3f5d554-600'
},
{
son_name: '沙滩裤',
imgurl: 'http://img.haodanku.com/890d879df68a83fc884af2acf9f-600'
},
{
son_name: '牛仔裤',
imgurl: 'http://img.haodanku.com/f7aed5fbe92e57d667fb35-600'
},
{
son_name: '短裤',
imgurl: 'http://img.haodanku.com/957ec585e9c7af6b740b28e03ed-600'
},
{
son_name: '西裤',
imgurl: 'http://img.haodanku.com/883c7c0972e09d96ee7ba2df0990de48-600'
},
{
son_name: '运动裤',
imgurl: 'http://img.haodanku.com/11f8a9fe9f1c81ac65c3d-600'
}
]
},
{
next_name: '针织衫',
info: [{
son_name: '套头',
imgurl: 'http://img.haodanku.com/fad26efeddcbb8b28bf0e3ebdcf-600'
},
{
son_name: '开衫',
imgurl: 'http://img.haodanku.com/9a1297fddeb4ec33d63e1afef9-600'
},
{
son_name: '毛衣',
imgurl: 'http://img.haodanku.com/4f488cd57da11a19dc5dc0f6a1d48eff-600'
},
{
son_name: '羊毛衫',
imgurl: 'http://img.haodanku.com/469ad3c34a07e7296bd52a6e49e3e7cc-600'
},
{
son_name: '针织衫',
imgurl: 'http://img.haodanku.com/f9058dd6b94dbcb652b090-600'
},
{
son_name: '高领',
imgurl: 'http://img.haodanku.com/0edca60c499cd86fe5d9ad2afb85e9c7-600'
}
]
}
]
},
{
cid: 3,
main_name: '内衣',
data: [{
next_name: '内衣',
info: [{
son_name: '保暖背心',
imgurl: 'http://img.haodanku.com/e0d8e26e30a3d5aac4a613ec4f3-600'
},
{
son_name: '内衣套装',
imgurl: 'http://img.haodanku.com/8f0fd0ebae99d61f3c-600'
},
{
son_name: '内裤女',
imgurl: 'http://img.haodanku.com/8fb1969ae13d3854a0cb19fd-600'
},
{
son_name: '内裤男',
imgurl: 'http://img.haodanku.com/bd263e2ae6f0b6d55f58aa45e98f8d5a-600'
},
{
son_name: '打底裤',
imgurl: 'http://img.haodanku.com/48ecf13aa01d4df986d08f807f5bde8a-600'
},
{
son_name: '文胸',
imgurl: 'http://img.haodanku.com/e4b57c437ffaf9efa-600'
},
{
son_name: '塑身衣',
imgurl: 'http://img.haodanku.com/d4e8eb149c618aa91d74e2ea98c54bab-600'
},
{
son_name: '秋裤',
imgurl: 'http://img.haodanku.com/df2cea1ff02315cbcdf6-600'
}
]
},
{
next_name: '睡衣',
info: [{
son_name: '保暖睡衣',
imgurl: 'http://img.haodanku.com/4d20bbcd1789ffb9608e0e6c-600'
},
{
son_name: '卡通睡衣',
imgurl: 'http://img.haodanku.com/8972e51a91b6564fdad5efd05dac9f8a-600'
},
{
son_name: '夹棉睡衣',
imgurl: 'http://img.haodanku.com/b2c95bf4420cd9ae947a715da-600'
},
{
son_name: '女士睡衣',
imgurl: 'http://img.haodanku.com/9e1cbba89c247ed6df0a0db7267bf964-600'
},
{
son_name: '情侣睡衣',
imgurl: 'http://img.haodanku.com/8b005a55baa75f4ee3e56-600'
},
{
son_name: '珊瑚绒',
imgurl: 'http://img.haodanku.com/079c725c7efe42cd8a005ead939-600'
},
{
son_name: '男士睡衣',
imgurl: 'http://img.haodanku.com/c34cc2e6422f7493edac577c4b-600'
},
{
son_name: '睡袍',
imgurl: 'http://img.haodanku.com/7e5f5f97ab66f4d6c7b9fcf972e30e55-600'
},
{
son_name: '睡裙',
imgurl: 'http://img.haodanku.com/9348b8b75ef49b82e6cca3ef9d05bcf8-600'
},
{
son_name: '短袖睡衣',
imgurl: 'http://img.haodanku.com/360d6ce0158bea900-600'
},
{
son_name: '长袖睡衣',
imgurl: 'http://img.haodanku.com/3c2a90ac5aaed75ee2b2a-600'
}
]
},
{
next_name: '袜子',
info: [{
son_name: '女袜',
imgurl: 'http://img.haodanku.com/5721a24e445fcd88ae8afa4ba0f-600'
},
{
son_name: '棉袜',
imgurl: 'http://img.haodanku.com/b08b0ad37e100ddefbbc260-600'
},
{
son_name: '男袜',
imgurl: 'http://img.haodanku.com/1866e702ffacb979e2a87e95df-600'
},
{
son_name: '裤袜',
imgurl: 'http://img.haodanku.com/95a4cd9d01b7ca5c544afeb5af9-600'
},
{
son_name: '长筒袜',
imgurl: 'http://img.haodanku.com/edf2befbb6c1abd0fa67fbee47cb0ae9-600'
}
]
}
]
},
{
cid: 4,
main_name: '美妆',
data: [{
next_name: '个人护理',
info: [{
son_name: '头发造型',
imgurl: 'http://img.haodanku.com/d07c4bfa3b6a0a8a340bf068ac4-600'
},
{
son_name: '护发素',
imgurl: 'http://img.haodanku.com/a9ee7edc40aedde33cca15f03f7-600'
},
{
son_name: '染发膏',
imgurl: 'http://img.haodanku.com/1b8e6a4cd2961a1db4d766eca6-600'
},
{
son_name: '沐浴露',
imgurl: 'http://img.haodanku.com/14bfdb8fcaa985d310d390aad19-600'
},
{
son_name: '洗发水',
imgurl: 'http://img.haodanku.com/a65fc931cf7abaa5882cd-600'
},
{
son_name: '清洁剂',
imgurl: 'http://img.haodanku.com/cce016b01cc6005d028b55aa1cc-600'
},
{
son_name: '刷子',
imgurl: 'http://img.haodanku.com/a59eb3a2ed7cad27cc215f042c-600'
},
{
son_name: '私处护理',
imgurl: 'http://img.haodanku.com/28ca7a798ebef550bc0158f5a3f-600'
},
{
son_name: '足浴',
imgurl: 'http://img.haodanku.com/cae2d434d8a3342-600'
},
{
son_name: '足贴',
imgurl: 'http://img.haodanku.com/cb2badeff70c42b6a77d9ee7fbc-600'
},
{
son_name: '香薰',
imgurl: 'http://img.haodanku.com/d4ef0e2844a2ab4b1-600'
}
]
},
{
next_name: '美妆',
info: [{
son_name: 'BB霜',
imgurl: 'http://img.haodanku.com/489dc81ab735e508ea3c5a30d6-600'
},
{
son_name: '乳液',
imgurl: 'http://img.haodanku.com/2da72ef1545f4e6e729dacadaa7-600'
},
{
son_name: '卸妆',
imgurl: 'http://img.haodanku.com/11f4c31eca6578ef9d-600'
},
{
son_name: '唇膏',
imgurl: 'http://img.haodanku.com/73dce1ba7e1e6c2f087a82e6e2daaf0f-600'
},
{
son_name: '彩妆品盘',
imgurl: 'http://img.haodanku.com/885defc8e1c9263ff87a2bcc63-600'
},
{
son_name: '洁面仪',
imgurl: 'http://img.haodanku.com/e7a50ccfa0de187a8257ae-600'
},
{
son_name: '洗面奶',
imgurl: 'http://img.haodanku.com/0390aed3d-600'
},
{
son_name: '爽肤水',
imgurl: 'http://img.haodanku.com/5dc1013d4edd9963e03d24ca8f2-600'
},
{
son_name: '男士护理',
imgurl: 'http://img.haodanku.com/0821d27e39fffa2bc6cbd33b3-600'
},
{
son_name: '眼线',
imgurl: 'http://img.haodanku.com/4216c4cdc29f8e9bce9722bf2329f4d4-600'
},
{
son_name: '眼霜',
imgurl: 'http://img.haodanku.com/9bcc8b7e61d0958a4cf24efa92d8d7d9-600'
},
{
son_name: '睫毛膏',
imgurl: 'http://img.haodanku.com/917ca505a2916dc1df00aa6bc-600'
},
{
son_name: '粉底液',
imgurl: 'http://img.haodanku.com/b8c50f1f0de3a22b68bd0-600'
},
{
son_name: '精华',
imgurl: 'http://img.haodanku.com/c236b1acfcf8aeaffef5b01ab73e5608-600'
},
{
son_name: '精油',
imgurl: 'http://img.haodanku.com/c57bff5b7f863fc2a5ed-600'
},
{
son_name: '纤体',
imgurl: 'http://img.haodanku.com/900cbfe080fcea90a276c9b0ef-600'
},
{
son_name: '脱毛',
imgurl: 'http://img.haodanku.com/bd495c3062c688f6c1a00a6f02a-600'
},
{
son_name: '腮红',
imgurl: 'http://img.haodanku.com/1305d219fb2da1b3ee-600'
},
{
son_name: '身体护理',
imgurl: 'http://img.haodanku.com/cc77aeb39f1b929-600'
},
{
son_name: '防晒',
imgurl: 'http://img.haodanku.com/1d23fffba3e6edecf8fdab6659-600'
},
{
son_name: '隔离霜',
imgurl: 'http://img.haodanku.com/76cb9d2eb0ba2353d1c834a070-600'
},
{
son_name: '面膜',
imgurl: 'http://img.haodanku.com/f9ddb9d89e9bfdb02c4081bcd-600'
},
{
son_name: '面霜',
imgurl: 'http://img.haodanku.com/e57cb97f45eacb673b10d4179ce-600'
},
{
son_name: '香水',
imgurl: 'http://img.haodanku.com/04e330d7bfe0dcad8ac-600'
}
]
},
{
next_name: '营养保健',
info: [{
son_name: 'B族维生素',
imgurl: 'http://img.haodanku.com/1ffee3cc711c3d1d4ec4-600'
},
{
son_name: '大豆异黄酮',
imgurl: 'http://img.haodanku.com/12c9cb4bcba282fd3df6f0fa01e-600'
},
{
son_name: '左旋',
imgurl: 'http://img.haodanku.com/dd4eaa319c81ea718f50a447-600'
},
{
son_name: '氨基葡萄糖',
imgurl: 'http://img.haodanku.com/81b23d4f172a49b2c9c86-600'
},
{
son_name: '维生素',
imgurl: 'http://img.haodanku.com/affa0845de98cc2362b2c8fe78-600'
},
{
son_name: '维生素C',
imgurl: 'http://img.haodanku.com/815ca9b2b1af15cefe5254ca8ab-600'
},
{
son_name: '胶原蛋白',
imgurl: 'http://img.haodanku.com/1e22d5f3d6e3066d103cbb81d56aa413-600'
},
{
son_name: '葡萄籽',
imgurl: 'http://img.haodanku.com/d2d1641bbea26e9fbf1-600'
},
{
son_name: '螺旋藻',
imgurl: 'http://img.haodanku.com/5e0f7000c10daeddb311e9140bf-600'
},
{
son_name: '褪黑素',
imgurl: 'http://img.haodanku.com/ef9179d6fd8c35d953ef83-600'
},
{
son_name: '软骨素',
imgurl: 'http://img.haodanku.com/8598d5b6d46da97fc2e2bacc0ab6701a-600'
},
{
son_name: '辅酶Q10',
imgurl: 'http://img.haodanku.com/6d3244a7bcfec9c5776db5a4431-600'
},
{
son_name: '酵素',
imgurl: 'http://img.haodanku.com/6607fec9d51f603dd680aa56c8d367b7-600'
},
{
son_name: 'B族维生素',
imgurl: 'http://img.haodanku.com/1ffee3cc711c3d1d4ec4-600'
},
{
son_name: 'DHA',
imgurl: 'http://img.haodanku.com/a9146cfb07408eb0f8ec8-600'
},
{
son_name: '大豆异黄酮',
imgurl: 'http://img.haodanku.com/12c9cb4bcba282fd3df6f0fa01e-600'
},
{
son_name: '左旋',
imgurl: 'http://img.haodanku.com/dd4eaa319c81ea718f50a447-600'
},
{
son_name: '月见草油',
imgurl: 'http://img.haodanku.com/b7b3febf2ac9a51fc9ae956da2fa3de6-600'
},
{
son_name: '氨基葡萄糖',
imgurl: 'http://img.haodanku.com/81b23d4f172a49b2c9c86-600'
},
{
son_name: '玛咖',
imgurl: 'http://img.haodanku.com/6eed576e355b970a83afafaa7e18ab1d-600'
},
{
son_name: '益生菌',
imgurl: 'http://img.haodanku.com/b12d21f28f7ec2bd4fd91bebe5ca9e63-600'
},
{
son_name: '维生素',
imgurl: 'http://img.haodanku.com/affa0845de98cc2362b2c8fe78-600'
},
{
son_name: '维生素C',
imgurl: 'http://img.haodanku.com/815ca9b2b1af15cefe5254ca8ab-600'
},
{
son_name: '胶原蛋白',
imgurl: 'http://img.haodanku.com/1e22d5f3d6e3066d103cbb81d56aa413-600'
},
{
son_name: '葡萄籽',
imgurl: 'http://img.haodanku.com/d2d1641bbea26e9fbf1-600'
},
{
son_name: '螺旋藻',
imgurl: 'http://img.haodanku.com/5e0f7000c10daeddb311e9140bf-600'
},
{
son_name: '褪黑素',
imgurl: 'http://img.haodanku.com/ef9179d6fd8c35d953ef83-600'
},
{
son_name: '软骨素',
imgurl: 'http://img.haodanku.com/8598d5b6d46da97fc2e2bacc0ab6701a-600'
},
{
son_name: '辅酶Q10',
imgurl: 'http://img.haodanku.com/6d3244a7bcfec9c5776db5a4431-600'
},
{
son_name: '酵素',
imgurl: 'http://img.haodanku.com/6607fec9d51f603dd680aa56c8d367b7-600'
},
{
son_name: '钙',
imgurl: 'http://img.haodanku.com/98de533cbcbab620db00f6b-600'
},
{
son_name: '鱼油',
imgurl: 'http://img.haodanku.com/5b041d1a105e86d3c5c7f2e3c4ad713f-600'
}
]
}
]
},
{
cid: 5,
main_name: '配饰',
data: [{
next_name: '帽子',
info: [{
son_name: '套头帽',
imgurl: 'http://img.haodanku.com/125f6ee17b2c0ba682bd0a5a39-600'
},
{
son_name: '毛线帽',
imgurl: 'http://img.haodanku.com/e1187ddfe67efb50dac464dab-600'
},
{
son_name: '渔夫帽',
imgurl: 'http://img.haodanku.com/b3828f4435ede4fa3463e55dde914b40-600'
},
{
son_name: '爵士帽',
imgurl: 'http://img.haodanku.com/980c97dd05f40ed47ac16add167-600'
},
{
son_name: '盆帽',
imgurl: 'http://img.haodanku.com/cacdbe83c377d9cc9860aa9-600'
},
{
son_name: '礼帽',
imgurl: 'http://img.haodanku.com/cc142def22b4ceb3ce4fe6ec-600'
},
{
son_name: '贝雷帽',
imgurl: 'http://img.haodanku.com/6d5eebc640a964a4b55fb03046a2f8fb-600'
},
{
son_name: '针织帽',
imgurl: 'http://img.haodanku.com/0b376d73ab661bbab0c83d8aefc50aca-600'
},
{
son_name: '鸭舌帽',
imgurl: 'http://img.haodanku.com/1de98e064ef1e8dd92d4e95eda-600'
}
]
},
{
next_name: '配饰',
info: [{
son_name: '半指手套',
imgurl: 'http://img.haodanku.com/2439edcb2d8effef1fc4e4-600'
},
{
son_name: '手套',
imgurl: 'http://img.haodanku.com/e5183b8dd4c0cd2fe923f7d34-600'
},
{
son_name: '真皮腰带',
imgurl: 'http://img.haodanku.com/cd8ad3794ee3fbb1a8c8bce8f88f7ef1-600'
},
{
son_name: '腰带',
imgurl: 'http://img.haodanku.com/7586c7f14be6334d52ea6fce3a-600'
},
{
son_name: '触屏手套',
imgurl: 'http://img.haodanku.com/a69d879b523d78d0203fef-600'
},
{
son_name: '雨伞',
imgurl: 'http://img.haodanku.com/eb9cb749ec8237ad356bfd0f-600'
}
]
},
{
next_name: '围巾',
info: [{
son_name: '披肩围巾',
imgurl: 'http://img.haodanku.com/e7a8efb7077e6e0e71f0f7a6ba8-600'
},
{
son_name: '棉麻围巾',
imgurl: 'http://img.haodanku.com/ac5962edd9d533e467a85fd0-600'
},
{
son_name: '真丝围巾',
imgurl: 'http://img.haodanku.com/ce6e2f9b234f30d32c0a1295ef-600'
},
{
son_name: '羊毛围巾',
imgurl: 'http://img.haodanku.com/2959aeac58f07a5bd4312c0750-600'
},
{
son_name: '羊绒围巾',
imgurl: 'http://img.haodanku.com/9870a6e83a4e97ce9f8b8d2bf2fe057e-600'
}
]
}
]
},
{
cid: 6,
main_name: '鞋品',
data: [{
next_name: '男鞋',
info: [{
son_name: '乐福鞋',
imgurl: 'http://img.haodanku.com/9843bf86c735fca4495b93cbb9371b56-600'
},
{
son_name: '休闲鞋',
imgurl: 'http://img.haodanku.com/52ac4c99baa4767dfbcf1ee459-600'
},
{
son_name: '凉鞋',
imgurl: 'http://img.haodanku.com/6f80f7d856fefd88ac0ec633d93-600'
},
{
son_name: '增高鞋',
imgurl: 'http://img.haodanku.com/5dfbd1e8047e1fa4bc9424fc44a-600'
},
{
son_name: '帆布鞋',
imgurl: 'http://img.haodanku.com/b1ecaaccc9ff37d-600'
},
{
son_name: '板鞋',
imgurl: 'http://img.haodanku.com/c0ea8e1a9a0e9c486c2f3b571b-600'
},
{
son_name: '网布鞋',
imgurl: 'http://img.haodanku.com/acaf3517b2b374e568e512ea2c1c0334-600'
},
{
son_name: '豆豆鞋',
imgurl: 'http://img.haodanku.com/6f74d2cd0dc9de9ea1b746ab78ba6b66-600'
},
{
son_name: '运动鞋',
imgurl: 'http://img.haodanku.com/7b3bc2187dfeaf64dbb61ad6d3eb358f-600'
}
]
},
{
next_name: '女鞋',
info: [{
son_name: '中跟鞋',
imgurl: 'http://img.haodanku.com/5a52d7f0375aadd03558aab5a2489a81-600'
},
{
son_name: '乐福鞋',
imgurl: 'http://img.haodanku.com/8ebb992fc125dfe1468b634c1f-600'
},
{
son_name: '低跟鞋',
imgurl: 'http://img.haodanku.com/19c7f3e00dad71b5b0f6691-600'
},
{
son_name: '妈妈鞋',
imgurl: 'http://img.haodanku.com/6056eae45f0af028f5f145a7c57-600'
},
{
son_name: '小白鞋',
imgurl: 'http://img.haodanku.com/c8bdc977c2f8b484f7066e82f-600'
},
{
son_name: '帆布鞋',
imgurl: 'http://img.haodanku.com/a66d31db053a7a559aad5c-600'
},
{
son_name: '平底凉鞋',
imgurl: 'http://img.haodanku.com/5c245c0dfadb47e952b81-600'
},
{
son_name: '平底鞋',
imgurl: 'http://img.haodanku.com/8773b3b2620fbbc9d33cee40cbeff145-600'
},
{
son_name: '松糕厚底',
imgurl: 'http://img.haodanku.com/f8eee922c6d05a17e9bee9dcda4811ac-600'
},
{
son_name: '猫跟鞋',
imgurl: 'http://img.haodanku.com/aac30a76edce38c0a5a3560bcc-600'
},
{
son_name: '玛丽珍鞋',
imgurl: 'http://img.haodanku.com/b010a4fdd9bb85af6ca67c916c-600'
},
{
son_name: '豆豆鞋',
imgurl: 'http://img.haodanku.com/32f1673ed2c9aa793c7b2abbe-600'
},
{
son_name: '运动鞋',
imgurl: 'http://img.haodanku.com/9449c2e63a06f058a48f788cd00-600'
},
{
son_name: '高跟鞋',
imgurl: 'http://img.haodanku.com/0ee8f1f3483c3faa69f5ef1f129cfac5-600'
}
]
}
]
},
]
};
},
onLoad() {
},
methods: {
// 分类条目点击
toCategory(item) {
uni.showModal({
title: '温馨提示',
content: '点击条目数据 = ' + JSON.stringify(item)
})
}
}
};
</script>
<style lang="scss">
</style>
下载 5344
赞赏 23
下载 8586537
赞赏 1197
赞赏
京公网安备：11010802035340号