<!DOCTYPE html>
<html lang="en" style="font-size: 23.8px;">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>手机壳定制</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/swiper.min.css" rel="stylesheet" type="text/css" />
<script>var documentEl = document.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange': 'resize',
recalc = function(e) {
var clientWidth = documentEl.clientWidth;
if (!clientWidth) return;
var u = navigator.userAgent;
const isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览
var derW = document.documentElement.clientWidth || document.body.clientWidth;
derW = derW > 750 ? 750 : derW;
var html = document.querySelector('html');
html.style.fontSize = derW / 20 + 'px';
};
if (window.addEventListener) {
window.addEventListener(resizeEvt, recalc, false);
document.addEventListener('DOMContentLoaded', recalc, false);
};
recalc();</script>
</head>
<script src="js/jquery.min.js"> </script>
<script src="js/swiper.min.js"> </script>
<body>
<div id="app" style="visibility: inherit;">
<div class="make-wrap">
<div class="_top">
<a class="choose_phone">
<span>苹果 11</span></a>
<a class="done"></a>
</div>
<div class="_wrap">
<div class="notice1">
<img src="images/notice1-0716.png"></div>
<div class="notice2">
<img src="images/notice3-0716.png"></div>
<div class="wrap J_wrap" style="height: 350.2px; width: 180.984px;">
<div class="content" style="touch-action: none; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<img src="images/bg1.png" class="bg J_BASE_BG">
<div class="make">
<div class="baseimg" style="width:100%;height: 100%;">
<img src="images/max/a0.jpg" id="preview" class="J_base_img" _width="" _height="100%" style="left: -8.4845px; top: -0.094px; height: 100%;">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="step">
<div class="step1">
<div class="van-tabs van-tabs--line">
<div class="van-tabs__wrap van-tabs__wrap--scrollable van-hairline--top-bottom">
<div class="van-tabs__nav van-tabs__nav--line">
<div class="van-tab van-tab--active">
<span class="">热门</span></div>
<div class="van-tab van-tab--complete">
<span class="">动漫</span></div>
<div class="van-tab van-tab--complete">
<span class="">卡通</span></div>
<div class="van-tab van-tab--complete">
<span class="">电影</span></div>
<div class="van-tab van-tab--complete">
<span class="">文字控</span></div>
<div class="van-tab van-tab--complete">
<span class="">祥瑞</span></div>
<div class="van-tab van-tab--complete">
<span class="">小清新</span></div>
<div class="van-tab van-tab--complete">
<span class="">潮流</span></div>
<div class="van-tab van-tab--complete">
<span class="">文艺</span></div>
<div class="van-tab van-tab--complete">
<span class="">情侣</span></div>
<div class="van-tab van-tab--complete">
<span class="">游戏</span></div>
<div class="van-tab van-tab--complete">
<span class="">萌宠</span></div>
<div class="van-tab van-tab--complete">
<span class="">科技感</span></div>
<div class="van-tab van-tab--complete">
<span class="">军人</span></div>
</div>
</div>
<div class="van-tabs__content">
<div class="choose_new">
<input type="file" id="upload" accept="image/*">
<p>相机</p>
</div>
<div class="van-tab__pane">
<div class="imgs">
<ul class="list J_base_list">
<li class="active" data-imgurl="images/max/a0.jpg">
<div>
<img src="images/a0.jpg"></div>
</li>
<li class="" data-imgurl="images/max/a1.jpg">
<div>
<img src="images/a1.jpg"></div>
</li>
<li class="" data-imgurl="images/max/a2.jpg">
<div>
<img src="images/a2.jpg"></div>
</li>
<li class="" data-imgurl="images/max/a3.jpg">
<div>
<img src="images/a3.jpg"></div>
</li>
<li class="" data-imgurl="images/max/a4.jpg">
<div>
<img src="images/a4.jpg"></div>
</li>
<li class="" data-imgurl="images/max/a5.jpg">
<div>
<img src="images/a5.jpg"></div>
</li>
<li class="" data-imgurl="images/max/a6.jpg">
<div>
<img src="images/a6.jpg"></div>
</li>
<li class="" data-imgurl="images/max/a7.jpg">
<div>
<img src="images/a7.jpg"></div>
</li>
<li class="" data-imgurl="images/max/a8.jpg">
<div>
<img src="images/a8.jpg"></div>
</li>
<li class="" data-imgurl="images/max/a9.jpg">
<div>
<img src="images/a9.jpg"></div>
</li>
<li class="" data-imgurl="images/max/a10.jpg">
<div>
<img src="images/a10.jpg"></div>
</li>
<li class="" data-imgurl="images/max/a11.jpg">
<div>
<img src="images/a11.jpg"></div>
</li>
<li class="" data-imgurl="images/max/a12.jpg">
<div>
<img src="images/a12.jpg"></div>
</li>
<li class="" data-imgurl="images/max/a13.jpg">
<div>
<img src="images/a13.jpg"></div>
</li>
<li class="" data-imgurl="images/max/a14.jpg">
<div>
<img src="images/a14.jpg"></div>
</li>
<li class="" data-imgurl="images/max/a15.jpg">
<div>
<img src="images/a15.jpg"></div>
</li>
<li class="" data-imgurl="images/max/a16.jpg">
<div>
<img src="images/a16.jpg"></div>
</li>
<li class="" data-imgurl="images/max/a17.jpg">
<div>
<img src="images/a17.jpg"></div>
手机壳在线diy设计前端页面
需积分: 50 169 浏览量
2020-02-05
15:55:33
上传
评论 7
收藏 88.32MB ZIP 举报
手机壳在线diy设计前端页面 （2000个子文件） 
style.css 53KB swiper.min.css 19KB
8831f7f56b2d443981302d6076e230c3.gif 0B
index.html 166KB
make_bg.jpg 68KB make_bg.jpg 68KB h16.jpg 61KB h16.jpg 61KB f18.jpg 57KB f18.jpg 57KB e26.jpg 55KB e26.jpg 55KB b29.jpg 54KB b29.jpg 54KB a71.jpg 52KB a71.jpg 52KB f17.jpg 52KB f17.jpg 52KB b72.jpg 52KB b72.jpg 52KB f20.jpg 50KB f20.jpg 50KB i38.jpg 50KB i38.jpg 50KB f12.jpg 50KB f12.jpg 50KB c32.jpg 49KB c32.jpg 49KB a36.jpg 49KB a36.jpg 49KB i13.jpg 48KB i13.jpg 48KB f16.jpg 47KB f16.jpg 47KB b76.jpg 47KB b76.jpg 47KB e73.jpg 47KB e73.jpg 47KB a24.jpg 47KB a24.jpg 47KB a78.jpg 46KB a78.jpg 46KB i35.jpg 46KB i35.jpg 46KB a27.jpg 46KB a27.jpg 46KB f26.jpg 46KB f26.jpg 46KB h28.jpg 46KB h28.jpg 46KB d47.jpg 45KB d47.jpg 45KB d57.jpg 45KB d57.jpg 45KB d18.jpg 45KB d18.jpg 45KB h66.jpg 45KB h66.jpg 45KB b28.jpg 45KB b28.jpg 45KB f15.jpg 44KB f15.jpg 44KB l5.jpg 44KB l5.jpg 44KB b102.jpg 44KB b102.jpg 44KB b127.jpg 44KB b127.jpg 44KB i36.jpg 44KB i36.jpg 44KB d48.jpg 44KB d48.jpg 44KB b63.jpg 44KB b63.jpg 44KB c21.jpg 44KB c21.jpg 44KB k32.jpg 44KB k32.jpg 44KB d6.jpg 43KB d6.jpg 43KB h65.jpg 43KB h65.jpg 43KB a57.jpg 43KB a57.jpg 43KB b40.jpg 43KB b40.jpg 43KB h44.jpg 43KB h44.jpg 43KB c27.jpg 43KB c27.jpg 43KB a1.jpg 43KB a1.jpg 43KB a45.jpg 42KB a45.jpg 42KB e24.jpg 42KB e24.jpg 42KB e25.jpg 42KB e25.jpg 42KB b146.jpg 42KB b146.jpg 42KB共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
