update dependencies

This commit is contained in:
梁灏 2017-10-13 16:51:47 +08:00
parent ed14d577c0
commit c6487ddfc2
9 changed files with 282 additions and 79 deletions

View file

@ -57,6 +57,7 @@ li + li { border-left: solid 1px #bbb; padding-left: 10px; margin-left: 10px; }
<li><router-link to="/avatar">Avatar</router-link></li>
<li><router-link to="/color-picker">ColorPicker</router-link></li>
<li><router-link to="/auto-complete">AutoComplete</router-link></li>
<li><router-link to="/scroll">Scroll</router-link></li>
</ul>
</nav>
<router-view></router-view>

View file

@ -192,6 +192,10 @@ const router = new VueRouter({
{
path: '/auto-complete',
component: require('./routers/auto-complete.vue')
},
{
path: '/scroll',
component: require('./routers/scroll.vue')
}
]
});

View file

@ -1,6 +1,6 @@
<style>
body{
height: 2000px;
/*height: 2000px;*/
}
</style>
<template>

View file

@ -0,0 +1,56 @@
<template>
<Scroll :on-reach-edge="loadData" loading-text="L-o-a-d-i-n-g...">
<section v-for="item in list">
<div class="city">
<p>{{ item }}</p>
</div>
</section>
</Scroll>
</template>
<script>
export default {
data () {
return {
list: [1,2,3,4,5,6,7,8,9,10]
}
},
methods: {
loadData (dir) {
return new Promise(resolve => {
setTimeout(() => {
if (dir > 0) {
const first = this.list[0];
for (let i = 1; i < 11; i++) {
this.list.unshift(first - i);
}
} else {
const last = this.list[this.list.length - 1];
for (let i = 1; i < 11; i++) {
this.list.push(last + i);
}
}
resolve();
}, 500);
});
}
}
}
</script>
<style>
section {
margin: 20px;
}
section > div {
width: 300px;
padding: 15px;
margin: 5px;
background-color: #ddf;
border: 1px solid #446;
border-radius: 5px;
margin: 0 auto;
}
.ivu-scroll-container {
height: 500px;
}
</style>

276
package-lock.json generated
View file

@ -185,6 +185,12 @@
"integrity": "sha1-7/UuN1gknTO+QCuLuOVkuytdQDE=",
"dev": true
},
"array-find-index": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz",
"integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=",
"dev": true
},
"array-flatten": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-2.1.1.tgz",
@ -1642,6 +1648,24 @@
"integrity": "sha1-m7UwTS4LVmmLLHWLCKPqqdqlijk=",
"dev": true
},
"camelcase-keys": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
"integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
"dev": true,
"requires": {
"camelcase": "2.1.1",
"map-obj": "1.0.1"
},
"dependencies": {
"camelcase": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz",
"integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=",
"dev": true
}
}
},
"center-align": {
"version": "0.1.3",
"resolved": "https://registry.npmjs.org/center-align/-/center-align-0.1.3.tgz",
@ -1888,9 +1912,9 @@
}
},
"compression-webpack-plugin": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/compression-webpack-plugin/-/compression-webpack-plugin-1.0.0.tgz",
"integrity": "sha512-OPp+tvvMCd8FrJHDLG4v5EpP4Fe5w5uBNXOmc3K7SdBaK1FH+TGwtafG9GLgTI6c2WHIgDFt98T8qXwaXuyRnw==",
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/compression-webpack-plugin/-/compression-webpack-plugin-1.0.1.tgz",
"integrity": "sha512-ABF2AFb31gpIBeEy/w6Ct0u+K+jY8jFRfGwjUWGxVTidA9pf7iH/JzjcVBQ+KB1gNMycujMxA56/PznMPUV5jw==",
"requires": {
"async": "2.4.1",
"webpack-sources": "1.0.1"
@ -3564,6 +3588,15 @@
"integrity": "sha1-3c5MVHtRCuDVlKjx+/iq+OLFwA0=",
"dev": true
},
"currently-unhandled": {
"version": "0.4.1",
"resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
"integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=",
"dev": true,
"requires": {
"array-find-index": "1.0.2"
}
},
"custom-event": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/custom-event/-/custom-event-1.0.1.tgz",
@ -3631,19 +3664,9 @@
"dev": true
},
"deepmerge": {
"version": "1.5.1",
"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-1.5.1.tgz",
"integrity": "sha512-Ndl8eeOHB9dQkmT1HWCgY3t0odl4bmWKFzjQZBYAxVTNs2B3nn5b6orimRYHKZ4FI8psvZkA1INRCW6l7vc9lQ=="
},
"default-gateway": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-2.5.0.tgz",
"integrity": "sha512-Mb+xi1aktPE+Uz5RmS3vU6Kr1fDqRvlMX3M5eneBai7LkldzM+WPjaUpz396taZgOgSw4s+CJGvd6VJJ/9W0dQ==",
"dev": true,
"requires": {
"execa": "0.7.0",
"ip-regex": "2.1.0"
}
"version": "1.5.2",
"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-1.5.2.tgz",
"integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ=="
},
"define-properties": {
"version": "1.1.2",
@ -5882,6 +5905,12 @@
"integrity": "sha1-9wLmMSfn4jHBYKgMFVSstw1QR+U=",
"dev": true
},
"get-stdin": {
"version": "4.0.1",
"resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz",
"integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
"dev": true
},
"get-stream": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
@ -9760,6 +9789,15 @@
"integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
"dev": true
},
"indent-string": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz",
"integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
"dev": true,
"requires": {
"repeating": "2.0.1"
}
},
"indexes-of": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
@ -9821,24 +9859,6 @@
"through": "2.3.8"
}
},
"internal-ip": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-2.0.3.tgz",
"integrity": "sha512-XxJMiJOjXbb9LlwH6SVTsnUPymYACunXzKg3dqU+HIC+xYIkUhMyTiT/H6xxPmhlE4zHq50lKlx0CZlyN2C76Q==",
"dev": true,
"requires": {
"default-gateway": "2.5.0",
"ipaddr.js": "1.5.2"
},
"dependencies": {
"ipaddr.js": {
"version": "1.5.2",
"resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.5.2.tgz",
"integrity": "sha1-1LUFvemUaYfM8PxY2QEP+WB+P6A=",
"dev": true
}
}
},
"interpret": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/interpret/-/interpret-1.0.3.tgz",
@ -9866,12 +9886,6 @@
"integrity": "sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=",
"dev": true
},
"ip-regex": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-2.1.0.tgz",
"integrity": "sha1-+ni/XS5pE8kRzp+BnuUUa7bYROk=",
"dev": true
},
"ipaddr.js": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.4.0.tgz",
@ -11465,9 +11479,9 @@
}
},
"karma-webpack": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/karma-webpack/-/karma-webpack-2.0.4.tgz",
"integrity": "sha1-Pi1PSLqUqHjhxmu44a5hKJh6F1s=",
"version": "2.0.5",
"resolved": "https://registry.npmjs.org/karma-webpack/-/karma-webpack-2.0.5.tgz",
"integrity": "sha512-tb+P6rCNqPpVOzaDkNvuAX5gXJ/baGIFBSD/Pin1p1RTa3cookXxEc5wRkrLVA9acwEKvEq1TetGkOX1f8mf8A==",
"dev": true,
"requires": {
"async": "0.9.2",
@ -12591,6 +12605,16 @@
"js-tokens": "3.0.2"
}
},
"loud-rejection": {
"version": "1.6.0",
"resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz",
"integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=",
"dev": true,
"requires": {
"currently-unhandled": "0.4.1",
"signal-exit": "3.0.2"
}
},
"lower-case": {
"version": "1.1.4",
"resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
@ -12616,6 +12640,12 @@
"tmpl": "1.0.4"
}
},
"map-obj": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
"integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
"dev": true
},
"md5.js": {
"version": "1.3.4",
"resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.4.tgz",
@ -12663,6 +12693,86 @@
"readable-stream": "2.3.3"
}
},
"meow": {
"version": "3.7.0",
"resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
"integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
"dev": true,
"requires": {
"camelcase-keys": "2.1.0",
"decamelize": "1.2.0",
"loud-rejection": "1.6.0",
"map-obj": "1.0.1",
"minimist": "1.2.0",
"normalize-package-data": "2.4.0",
"object-assign": "4.1.1",
"read-pkg-up": "1.0.1",
"redent": "1.0.0",
"trim-newlines": "1.0.0"
},
"dependencies": {
"load-json-file": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
"integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
"dev": true,
"requires": {
"graceful-fs": "4.1.11",
"parse-json": "2.2.0",
"pify": "2.3.0",
"pinkie-promise": "2.0.1",
"strip-bom": "2.0.0"
}
},
"minimist": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
"integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
"dev": true
},
"path-type": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz",
"integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=",
"dev": true,
"requires": {
"graceful-fs": "4.1.11",
"pify": "2.3.0",
"pinkie-promise": "2.0.1"
}
},
"read-pkg": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
"integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=",
"dev": true,
"requires": {
"load-json-file": "1.1.0",
"normalize-package-data": "2.4.0",
"path-type": "1.1.0"
}
},
"read-pkg-up": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz",
"integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=",
"dev": true,
"requires": {
"find-up": "1.1.2",
"read-pkg": "1.1.0"
}
},
"strip-bom": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
"integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
"dev": true,
"requires": {
"is-utf8": "0.2.1"
}
}
}
},
"merge-descriptors": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
@ -13810,6 +13920,16 @@
"resolve": "1.3.3"
}
},
"redent": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz",
"integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=",
"dev": true,
"requires": {
"indent-string": "2.1.0",
"strip-indent": "1.0.1"
}
},
"regenerate": {
"version": "1.3.2",
"resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.3.2.tgz",
@ -14264,9 +14384,9 @@
}
},
"sinon-chai": {
"version": "2.13.0",
"resolved": "https://registry.npmjs.org/sinon-chai/-/sinon-chai-2.13.0.tgz",
"integrity": "sha512-hRNu/TlYEp4Rw5IbzO8ykGoZMSG489PGUx1rvePpHGrtl20cXivRBgtr/EWYxIwL9EOO9+on04nd9k3tW8tVww==",
"version": "2.14.0",
"resolved": "https://registry.npmjs.org/sinon-chai/-/sinon-chai-2.14.0.tgz",
"integrity": "sha512-9stIF1utB0ywNHNT7RgiXbdmen8QDCRsrTjw+G9TgKt1Yexjiv8TOWZ6WHsTPz57Yky3DIswZvEqX8fpuHNDtQ==",
"dev": true
},
"slash": {
@ -14615,6 +14735,15 @@
"integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",
"dev": true
},
"strip-indent": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz",
"integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
"dev": true,
"requires": {
"get-stdin": "4.0.1"
}
},
"strip-json-comments": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
@ -14821,6 +14950,12 @@
"integrity": "sha1-8CzYp0vYvi/A6YYRw7rLlaFxhpw=",
"dev": true
},
"trim-newlines": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz",
"integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=",
"dev": true
},
"trim-right": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz",
@ -15108,9 +15243,9 @@
"dev": true
},
"vue": {
"version": "2.4.4",
"resolved": "https://registry.npmjs.org/vue/-/vue-2.4.4.tgz",
"integrity": "sha512-PCiRmc8ZT1DD5+BN8QUAmnkBefcCLfZVSuhc1u7iu5JoPrSHyyk/+4nehm7k2xVMi8+RFLk5WIHAN14UKF0txw==",
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/vue/-/vue-2.5.0.tgz",
"integrity": "sha512-KngZQLLe/N2Bvl3qu0xgqQHemm9MNz9y73D7yJ5tVavOKyhSgCLARYzrXJzYtoeadUSrItzV36VrHywLGVUx7w==",
"dev": true
},
"vue-hot-reload-api": {
@ -15779,9 +15914,9 @@
}
},
"vue-router": {
"version": "2.7.0",
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-2.7.0.tgz",
"integrity": "sha512-kxgsT50dDExua3i103nxNBjlfk8LeUmO9iujVxXV42MnISINHUjqMrknpOOJEg+i9nEkoVgG8N86Pklze35c/A==",
"version": "2.8.0",
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-2.8.0.tgz",
"integrity": "sha512-p9w/ZgvK5jBmwpcYSVtF2bic1tCKt+HtSx9011c9uH47K+yJg6la/O0MxYVWCFReL/HtbIwbUpOYAgU4wYD12g==",
"dev": true
},
"vue-style-loader": {
@ -15834,9 +15969,9 @@
}
},
"vue-template-compiler": {
"version": "2.4.4",
"resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.4.4.tgz",
"integrity": "sha512-XdHsNi8Z5WqwuFl/Z5eLKgE2DOEEOdMk1aA459uSgvwyy+pjKLBlQWsUpAtoR6o6Wmpujw6NtinAUGuqSTituQ==",
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.5.0.tgz",
"integrity": "sha512-W4hDoXXpCwfilO1MRTDM4EHm1DC1mU1wS8WyvEo119cUtxdaPuq/dD0OJbSEIkeW8fdT07qGCSnLOfPlmrKRqw==",
"dev": true,
"requires": {
"de-indent": "1.0.2",
@ -15879,14 +16014,14 @@
}
},
"webpack": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/webpack/-/webpack-3.6.0.tgz",
"integrity": "sha512-OsHT3D0W0KmPPh60tC7asNnOmST6bKTiR90UyEdT9QYoaJ4OYN4Gg7WK1k3VxHK07ZoiYWPsKvlS/gAjwL/vRA==",
"version": "3.7.1",
"resolved": "https://registry.npmjs.org/webpack/-/webpack-3.7.1.tgz",
"integrity": "sha512-8MR+gVfxsvtx4J1UlbRGkUJEpDQUBFmisRmpPO5cVLgF21R8UMChX39OOjDz63a+m/iswGoqATszdZB2VCsYuA==",
"dev": true,
"requires": {
"acorn": "5.1.1",
"acorn-dynamic-import": "2.0.2",
"ajv": "5.2.2",
"ajv": "5.2.3",
"ajv-keywords": "2.1.0",
"async": "2.5.0",
"enhanced-resolve": "3.4.1",
@ -15909,9 +16044,9 @@
},
"dependencies": {
"ajv": {
"version": "5.2.2",
"resolved": "https://registry.npmjs.org/ajv/-/ajv-5.2.2.tgz",
"integrity": "sha1-R8aNaehvXZUxA7AHSpQw3GPaXjk=",
"version": "5.2.3",
"resolved": "https://registry.npmjs.org/ajv/-/ajv-5.2.3.tgz",
"integrity": "sha1-wG9Zh3jETGsWGrr+NGa4GtGBTtI=",
"dev": true,
"requires": {
"co": "4.6.0",
@ -16051,9 +16186,9 @@
}
},
"webpack-dev-server": {
"version": "2.8.2",
"resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-2.8.2.tgz",
"integrity": "sha512-wD9bs+Z1uwvf3Jc+8ZkyMI0Xi+aJJYjC2UZplOWoo/vStelK5Mv62X2uXYEYIQEjy9wJQMzC0fEFqQsg7vVEIg==",
"version": "2.9.1",
"resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-2.9.1.tgz",
"integrity": "sha512-qFKs4Wg6JI6FkAQ6WFqeDCCxXEBLsDHkqJB3f9tmlqx8C68Y9vQWwcaMT4Q9H8WF32Q6QUNmgK4qQkdHfXvj/g==",
"dev": true,
"requires": {
"ansi-html": "0.0.7",
@ -16066,7 +16201,7 @@
"express": "4.15.4",
"html-entities": "1.2.1",
"http-proxy-middleware": "0.17.4",
"internal-ip": "2.0.3",
"internal-ip": "1.2.0",
"ip": "1.1.5",
"loglevel": "1.5.0",
"opn": "5.1.0",
@ -16140,6 +16275,15 @@
"integrity": "sha1-6CB68cx7MNRGzHC3NLXovhj4jVE=",
"dev": true
},
"internal-ip": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/internal-ip/-/internal-ip-1.2.0.tgz",
"integrity": "sha1-rp+/k7mEh4eF1QqN4bNWlWBYz1w=",
"dev": true,
"requires": {
"meow": "3.7.0"
}
},
"load-json-file": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",

View file

@ -41,9 +41,9 @@
},
"dependencies": {
"async-validator": "^1.8.1",
"compression-webpack-plugin": "^1.0.0",
"compression-webpack-plugin": "^1.0.1",
"core-js": "^2.5.0",
"deepmerge": "^1.5.1",
"deepmerge": "^1.5.2",
"element-resize-detector": "^1.1.12",
"lodash.throttle": "^4.1.1",
"popper.js": "^0.6.4",
@ -83,24 +83,24 @@
"karma-sinon-chai": "^1.3.2",
"karma-sourcemap-loader": "^0.3.7",
"karma-spec-reporter": "0.0.26",
"karma-webpack": "^2.0.4",
"karma-webpack": "^2.0.5",
"less": "^2.7.1",
"less-loader": "^2.2.3",
"lolex": "^1.5.2",
"mocha": "^3.5.3",
"sinon": "^3.3.0",
"sinon-chai": "^2.13.0",
"sinon-chai": "^2.14.0",
"style-loader": "^0.13.1",
"url-loader": "^0.5.9",
"vue": "^2.4.4",
"vue": "^2.5.0",
"vue-hot-reload-api": "^1.3.3",
"vue-html-loader": "^1.2.3",
"vue-loader": "^11.3.4",
"vue-router": "^2.7.0",
"vue-router": "^2.8.0",
"vue-style-loader": "^1.0.0",
"vue-template-compiler": "^2.4.4",
"webpack": "^3.6.0",
"webpack-dev-server": "^2.8.2",
"vue-template-compiler": "^2.5.0",
"webpack": "^3.7.1",
"webpack-dev-server": "^2.9.1",
"webpack-merge": "^3.0.0"
},
"engines": {

View file

@ -1,4 +1,3 @@
<template lang="html">
<div :class="wrapperClasses">
<div :class="spinnerClasses">

View file

@ -1,4 +1,3 @@
<template>
<div :class="wrapClasses" style="touch-action: none;">
<div

View file

@ -23,7 +23,7 @@
&-loader {
text-align: center;
padding: 0px;
padding: 0;
transition: padding 0.5s;
}
}