当前仓库属于关闭状态,部分功能使用受限,详情请查阅 仓库状态说明
2 Star 2 Fork 0

Invader / Suning
关闭

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

苏宁M站

布局方式less+rem 布局 ------当然里面也有流式布局等

  • index.html--------原生轮播
  • index-swiper-----swiper插件使用

#适配关键代码variable.less:

@charset "utf-8";
//适配主流设备
@adapterDeviceList:750px,720px,640px,540px,480px,434px,414px,400px,384px,375px,360px,320px;
//设计稿尺寸
@psdwidth:750px;
//预设基准值
@baseFontSize:100px;
//设备种类数量
@len:length(@adapterDeviceList);

mixins.less:

.adapterMixin(@index) when (@index > 0){
  @media (min-width: extract(@adapterDeviceList,@index)){
    html{
      font-size: @baseFontSize/@psdwidth* extract(@adapterDeviceList,@index);
    }
  }
  .adapterMixin(@index - 1);
}

版本1.0:

  • 运用原生js写轮播
  • 不运用任何插件

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

空文件

简介

苏宁M-----less+rem 布局(内容,图片等适配)--------当然里面也有流式布局等。 有原生轮播以及swiper轮播插件的使用。 展开 收起
JavaScript
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/zxinc/Suning.git
git@gitee.com:zxinc/Suning.git
zxinc
Suning
Suning
master

搜索帮助