html实现商品列表2级分类,APICloud+Vue.js商城实战-6.商品分类页面（二级分类）

1、APICloud组件 openwin 打开新窗口组件，本案例中用于二级分类打开商品列表页

api.openWin({

name: 'page1',

url: './page1.html',

pageParam: {

name: 'test'

}

});

2、二级分类及跳转到对应分类商品列表

(1)html代码

.main_box .class_list_nav_box ul li {

font-size: 13px;

border-left: 3px solid #fafafa;

border-right: 1px solid #e6e6e6;

height: auto !important;

line-height: 20px;

text-align: center;

color: #4d525d;

padding: 15px 0px;

border-bottom: 1px solid #e6e6e6;

}

• { { vo.cate_name }}