唯品会: 仿站唯品会购物商城 | 您所在的位置:网站首页 › 唯品会官网首页在哪里打开 › 唯品会: 仿站唯品会购物商城 |
唯品会
项目目录
主要包括api、components、js、scss、view几个目录 api这个目录提供项目中需要的数据,比如轮播图数据、活动页数据、商品卡片数据,分类数据等 components主要存放一些组件,由于我们还没有学到vue,所以我们只用全局对象变量和模板字符串方式实现组件的使用 1.创造组件 function comp(data){ var mycomp=data.list.map(item=>`${item.name}`) return ``+mycomp+`` }2.使用组件 let data={ list:[ { name:'程麒阁' }, { name:'李想' }, { name:'李勇' } ] } //使用组件并渲染页面 dom.innerHTML=comp(data)我们使用函数和模板字符串来制作组件。然后在另外一个界面引用传入数据并使用组件 js这个目录主要存放js文件,包括jQuery、swiper等 sass这个目录主要采用sass编写,主要使用sass的@mixin、$variable和嵌套结构进行编写 view主要在这里放置一些视图容器,容器之间用@@include进行引入 首页功能实现 |
CopyRight 2018-2019 实验室设备网 版权所有 |