zhaoyingbo/img_zip
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调整footer

Browse Source
This commit is contained in:
RainSun 2021-01-06 23:11:01 +08:00
parent e731a469d8
commit 21f0ae89d8
8 changed files with 17 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/css/app.5a59ad82.css → dist/css/app.8201cec7.css vendored
View File

@ -1 +1 @@
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,textarea{font:12px/1.5tahoma,arial,\5b8b\4f53}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:couriernew,courier,monospace}small{font-size:12px}ol,ul{list-style:none}a{text-decoration:none}a:hover{text-decoration:underline}sup{vertical-align:text-top}sub{vertical-align:text-bottom}legend{color:#000}fieldset,img{border:0}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}button{margin:0;padding:0;background:none;border:none;outline:none}#app{font-family:Roboto,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;z-index:-99;top:0;left:0;width:100%;height:100%;min-height:100%;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cropper-box[data-v-a7e6d032]{flex:1;width:100%;margin-top:2rem}.cropper-box .cropper[data-v-a7e6d032]{width:auto;height:300px}footer[data-v-a7e6d032]{padding:.5rem;box-sizing:border-box}footer .scope-btn[data-v-a7e6d032]{margin-top:.5rem;display:flex;justify-content:space-between}footer .scope-btn .btn[data-v-a7e6d032]{outline:none;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;transition:.1s;padding:.2rem .4rem;font-size:.3rem;border-radius:3px;color:#fff;background-color:#409eff;border-color:#409eff}footer .btn-submit[data-v-a7e6d032]{margin-top:1rem;border-radius:1rem;height:1rem;font-size:.4rem;font-weight:400;text-align:center;line-height:1rem;color:#fff;background:linear-gradient(90deg,#3aa5fc,#20d6fa)}.home[data-v-276e7b57]{width:100%;max-width:1024px;margin:0 auto;min-height:100vh;position:relative;overflow:hidden;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)!important;background-color:#fff}.home header[data-v-276e7b57]{position:fixed;top:0;left:0;width:100%}.home header .warp[data-v-276e7b57]{background-color:#fff;width:100%;max-width:1024px;margin:0 auto;height:1.4rem;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)!important;border-bottom:1px solid #f3f3f3}.home header .warp .back[data-v-276e7b57]{float:left;margin:.35rem .3rem;height:.7rem;width:.7rem}.home header .warp p[data-v-276e7b57]{font-size:.45rem;color:#494e5e;line-height:1.4rem;width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home .logo-box[data-v-276e7b57]{height:3rem;margin-top:1.4rem;display:flex;align-items:center;justify-content:center}.home .logo-box .logo[data-v-276e7b57]{height:5rem;width:5rem}.home .logo-box img[data-v-276e7b57]{display:block;height:3rem;width:3rem;margin:0 auto}.home .title[data-v-276e7b57]{text-align:center;color:#303133;font-size:.6rem}.home .tip-box[data-v-276e7b57]{padding:.5rem 1rem;box-sizing:border-box;margin-top:1rem}.home .tip-box .tip-line[data-v-276e7b57]{display:flex;align-items:center;justify-content:space-between;font-size:.45rem;margin-bottom:.2rem}.home .tip-box .tip-line .tip-title[data-v-276e7b57]{flex:1;color:#c0c4cc}.home .tip-box .tip-line .tip-content[data-v-276e7b57]{flex:3;text-align:right;color:#606266}.home .btn-submit[data-v-276e7b57]{margin:1.5rem 1rem;margin-top:.5rem;border-radius:1rem;height:1rem;font-size:.4rem;font-weight:400;text-align:center;line-height:1rem;color:#fff;background:linear-gradient(90deg,#3aa5fc,#20d6fa)}.home footer[data-v-276e7b57]{position:absolute;bottom:0;left:0;width:100%;padding-bottom:.3rem}.home footer p[data-v-276e7b57]{text-align:center;font-size:.25rem;margin-bottom:.2rem;color:#989898}.snake-bar[data-v-6de0334b]{position:fixed;left:0;bottom:-1.2rem;width:100%}.snake-bar .warp[data-v-6de0334b]{width:100%;max-width:1024px;margin:0 auto;height:1.2rem;background:#ebf6ff}.snake-bar .warp .content[data-v-6de0334b]{margin-left:.3rem;padding-left:.3rem;font-size:.35rem;line-height:1.2rem;letter-spacing:2px;color:#249cff}.higher-snake-bar[data-v-6de0334b]{-webkit-animation:snakeToHigh-data-v-6de0334b .5s ease;animation:snakeToHigh-data-v-6de0334b .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.lower-snake-bar[data-v-6de0334b]{-webkit-animation:snakeToLow-data-v-6de0334b .5s ease;animation:snakeToLow-data-v-6de0334b .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes snakeToHigh-data-v-6de0334b{0%{bottom:-1.2rem}to{bottom:0}}@keyframes snakeToHigh-data-v-6de0334b{0%{bottom:-1.2rem}to{bottom:0}}@-webkit-keyframes snakeToLow-data-v-6de0334b{0%{bottom:0}to{bottom:-1.2rem}}@keyframes snakeToLow-data-v-6de0334b{0%{bottom:0}to{bottom:-1.2rem}}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,textarea{font:12px/1.5tahoma,arial,\5b8b\4f53}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:couriernew,courier,monospace}small{font-size:12px}ol,ul{list-style:none}a{text-decoration:none}a:hover{text-decoration:underline}sup{vertical-align:text-top}sub{vertical-align:text-bottom}legend{color:#000}fieldset,img{border:0}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}button{margin:0;padding:0;background:none;border:none;outline:none}#app{font-family:Roboto,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;z-index:-99;top:0;left:0;width:100%;height:100%;min-height:100%;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cropper-box[data-v-a7e6d032]{flex:1;width:100%;margin-top:2rem}.cropper-box .cropper[data-v-a7e6d032]{width:auto;height:300px}footer[data-v-a7e6d032]{padding:.5rem;box-sizing:border-box}footer .scope-btn[data-v-a7e6d032]{margin-top:.5rem;display:flex;justify-content:space-between}footer .scope-btn .btn[data-v-a7e6d032]{outline:none;display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;transition:.1s;padding:.2rem .4rem;font-size:.3rem;border-radius:3px;color:#fff;background-color:#409eff;border-color:#409eff}footer .btn-submit[data-v-a7e6d032]{margin-top:1rem;border-radius:1rem;height:1rem;font-size:.4rem;font-weight:400;text-align:center;line-height:1rem;color:#fff;background:linear-gradient(90deg,#3aa5fc,#20d6fa)}.home[data-v-5d896ece]{width:100%;max-width:1024px;margin:0 auto;min-height:100vh;position:relative;overflow:hidden;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)!important;background-color:#fff}.home header[data-v-5d896ece]{position:fixed;top:0;left:0;width:100%}.home header .warp[data-v-5d896ece]{background-color:#fff;width:100%;max-width:1024px;margin:0 auto;height:1.4rem;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)!important;border-bottom:1px solid #f3f3f3}.home header .warp .back[data-v-5d896ece]{float:left;margin:.35rem .3rem;height:.7rem;width:.7rem}.home header .warp p[data-v-5d896ece]{font-size:.45rem;color:#494e5e;line-height:1.4rem;width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home .logo-box[data-v-5d896ece]{height:3rem;margin-top:1.4rem;display:flex;align-items:center;justify-content:center}.home .logo-box .logo[data-v-5d896ece]{height:5rem;width:5rem}.home .logo-box img[data-v-5d896ece]{display:block;height:3rem;width:3rem;margin:0 auto}.home .title[data-v-5d896ece]{text-align:center;color:#303133;font-size:.6rem}.home .tip-box[data-v-5d896ece]{padding:.5rem 1rem;box-sizing:border-box;margin-top:1rem}.home .tip-box .tip-line[data-v-5d896ece]{display:flex;align-items:center;justify-content:space-between;font-size:.45rem;margin-bottom:.2rem}.home .tip-box .tip-line .tip-title[data-v-5d896ece]{flex:1;color:#c0c4cc}.home .tip-box .tip-line .tip-content[data-v-5d896ece]{flex:3;text-align:right;color:#606266}.home .btn-submit[data-v-5d896ece]{margin:1.5rem 1rem;margin-top:.5rem;border-radius:1rem;height:1rem;font-size:.4rem;font-weight:400;text-align:center;line-height:1rem;color:#fff;background:linear-gradient(90deg,#3aa5fc,#20d6fa)}.home footer[data-v-5d896ece]{margin-top:1rem;margin-bottom:.5rem}.home footer p[data-v-5d896ece]{text-align:center;font-size:.25rem;margin-bottom:.2rem;color:#989898}.snake-bar[data-v-6de0334b]{position:fixed;left:0;bottom:-1.2rem;width:100%}.snake-bar .warp[data-v-6de0334b]{width:100%;max-width:1024px;margin:0 auto;height:1.2rem;background:#ebf6ff}.snake-bar .warp .content[data-v-6de0334b]{margin-left:.3rem;padding-left:.3rem;font-size:.35rem;line-height:1.2rem;letter-spacing:2px;color:#249cff}.higher-snake-bar[data-v-6de0334b]{-webkit-animation:snakeToHigh-data-v-6de0334b .5s ease;animation:snakeToHigh-data-v-6de0334b .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.lower-snake-bar[data-v-6de0334b]{-webkit-animation:snakeToLow-data-v-6de0334b .5s ease;animation:snakeToLow-data-v-6de0334b .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes snakeToHigh-data-v-6de0334b{0%{bottom:-1.2rem}to{bottom:0}}@keyframes snakeToHigh-data-v-6de0334b{0%{bottom:-1.2rem}to{bottom:0}}@-webkit-keyframes snakeToLow-data-v-6de0334b{0%{bottom:0}to{bottom:-1.2rem}}@keyframes snakeToLow-data-v-6de0334b{0%{bottom:0}to{bottom:-1.2rem}}

2
dist/index.html vendored
View File

@ -1 +1 @@
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]--><title>护资照片压缩</title><link href="/css/app.5a59ad82.css" rel="preload" as="style"><link href="/css/chunk-vendors.23c1f75a.css" rel="preload" as="style"><link href="/js/app.adc6bfeb.js" rel="modulepreload" as="script"><link href="/js/chunk-vendors.6458e28e.js" rel="modulepreload" as="script"><link href="/css/chunk-vendors.23c1f75a.css" rel="stylesheet"><link href="/css/app.5a59ad82.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico"><link rel="icon" type="image/png" sizes="16x16" href="/favicon.ico"><link rel="manifest" href="/manifest.json"><meta name="theme-color" content="#2dbdfb"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="ImgZip"><link rel="apple-touch-icon" href="/favicon.ico"><link rel="mask-icon" href="/favicon.ico" color="#2dbdfb"><meta name="msapplication-TileImage" content="/favicon.ico"><meta name="msapplication-TileColor" content="#000000"></head><body><noscript><strong>We're sorry but imgzip doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script type="module" src="/js/chunk-vendors.6458e28e.js"></script><script type="module" src="/js/app.adc6bfeb.js"></script><script>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script><script src="/js/chunk-vendors-legacy.2904f938.js" nomodule></script><script src="/js/app-legacy.c88b9551.js" nomodule></script></body></html>
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]--><title>护资照片压缩</title><link href="/css/app.8201cec7.css" rel="preload" as="style"><link href="/css/chunk-vendors.23c1f75a.css" rel="preload" as="style"><link href="/js/app.c57b410b.js" rel="modulepreload" as="script"><link href="/js/chunk-vendors.6458e28e.js" rel="modulepreload" as="script"><link href="/css/chunk-vendors.23c1f75a.css" rel="stylesheet"><link href="/css/app.8201cec7.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico"><link rel="icon" type="image/png" sizes="16x16" href="/favicon.ico"><link rel="manifest" href="/manifest.json"><meta name="theme-color" content="#2dbdfb"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="ImgZip"><link rel="apple-touch-icon" href="/favicon.ico"><link rel="mask-icon" href="/favicon.ico" color="#2dbdfb"><meta name="msapplication-TileImage" content="/favicon.ico"><meta name="msapplication-TileColor" content="#000000"></head><body><noscript><strong>We're sorry but imgzip doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script type="module" src="/js/chunk-vendors.6458e28e.js"></script><script type="module" src="/js/app.c57b410b.js"></script><script>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script><script src="/js/chunk-vendors-legacy.2904f938.js" nomodule></script><script src="/js/app-legacy.bd34b908.js" nomodule></script></body></html>

2
dist/js/app-legacy.c88b9551.js → dist/js/app-legacy.bd34b908.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/js/app.adc6bfeb.js → dist/js/app.c57b410b.js vendored
View File

File diff suppressed because one or more lines are too long

10
dist/precache-manifest.9c5d6847d8d8d98439d811ac44aec1dc.js → dist/precache-manifest.b1caaeaccf3927b7cec808d0496cd7df.js vendored
View File

@ -1,19 +1,19 @@
self.__precacheManifest = (self.__precacheManifest || []).concat([
{
"revision": "f678f3ba544d6addba30",
"url": "/css/app.5a59ad82.css"
"revision": "86e1dd73d8988d61c260",
"url": "/css/app.8201cec7.css"
},
{
"revision": "dc7dfa177e02bb82fb74",
"url": "/css/chunk-vendors.23c1f75a.css"
},
{
"revision": "c964bfb4786c3e5d102121b1845a11e2",
"revision": "87388b9650d353dcb3694d487a5381c7",
"url": "/index.html"
},
{
"revision": "f678f3ba544d6addba30",
"url": "/js/app.adc6bfeb.js"
"revision": "86e1dd73d8988d61c260",
"url": "/js/app.c57b410b.js"
},
{
"revision": "dc7dfa177e02bb82fb74",

10
dist/precache-manifest.57af2bfe1591510c7a45b35798ce6719.js → dist/precache-manifest.d9deef7a1840ea8f861b991da20c7cb6.js vendored
View File

@ -1,19 +1,19 @@
self.__precacheManifest = (self.__precacheManifest || []).concat([
{
"revision": "bdbf159056326227731c",
"url": "/css/app.5a59ad82.css"
"revision": "d99c3d331a88d016563a",
"url": "/css/app.8201cec7.css"
},
{
"revision": "092e8f42717f524f5171",
"url": "/css/chunk-vendors.23c1f75a.css"
},
{
"revision": "a1f58e3aebe6395667df7547c799d9ac",
"revision": "d07bda71ccf37ca65e5df6bb0ac05dea",
"url": "/index.html"
},
{
"revision": "bdbf159056326227731c",
"url": "/js/app-legacy.c88b9551.js"
"revision": "d99c3d331a88d016563a",
"url": "/js/app-legacy.bd34b908.js"
},
{
"revision": "092e8f42717f524f5171",

2
dist/service-worker.js vendored
View File

@ -14,7 +14,7 @@
importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
importScripts(
"/precache-manifest.9c5d6847d8d8d98439d811ac44aec1dc.js"
"/precache-manifest.b1caaeaccf3927b7cec808d0496cd7df.js"
);
workbox.core.setCacheNameDetails({prefix: "imgzip"});

7
src/views/Home.vue
View File

@ -201,11 +201,8 @@ export default {
background: linear-gradient(to right, #3aa5fc, #20d6fa);
}
footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding-bottom: 0.3rem;
margin-top: 1rem;
margin-bottom: .5rem;
p {
text-align: center;
font-size: 0.25rem;