diff --git a/aircraft/server/index/index.vue b/aircraft/server/index/index.vue index 5adee87..054f853 100644 --- a/aircraft/server/index/index.vue +++ b/aircraft/server/index/index.vue @@ -13,8 +13,11 @@ - + + {{ item.name }} @@ -128,32 +131,45 @@ export default { .mobile-index{ position: relative; // width: 100%; - // min-height: 100vh; + min-height: 100vh; display: flex; - justify-content: center; + flex-direction: column; + background-color: #F5F5F5; + height: 100%; .upage{ width: 100%; + height: calc(100vh - 114rpx - constant(safe-area-inset-bottom)); + height: calc(100vh - 114rpx - env(safe-area-inset-bottom)); + overflow-y: auto; } .navigation{ - width: 80%; - height: 128rpx; + width: 100%; + // height: 126rpx; position: fixed; - bottom: 15rpx; - z-index: 85; + bottom: 0; + z-index: 90; display: flex; background-color: #ffffff; - border-radius: 40rpx; justify-content: space-around; - padding: 25rpx; + padding-top: 18rpx; + padding-bottom: calc(10rpx + constant(safe-area-inset-bottom)); + padding-bottom: calc(10rpx + env(safe-area-inset-bottom)); align-items: center; - background-size: cover; - filter: drop-shadow(0 0 10rpx rgba(0,0,0,0.4)); + border-top: 2rpx solid #E6E6E6; + .nav-item-selected{ + color: #333333; + } .nav-item{ - width: 54rpx; - height: 85rpx; + font-family: Source Han Sans SC; + font-size: 26rpx; + color: #666666; + display: flex; + flex-direction: column; + align-items: center; image{ - width: 100%; - height: 100%; + width: 42rpx; + height: 42rpx; + margin-bottom: 10rpx; } } } diff --git a/package.json b/package.json new file mode 100644 index 0000000..a44e8df --- /dev/null +++ b/package.json @@ -0,0 +1,14 @@ +{ + "name": "utils", + "version": "1.0.0", + "description": "", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "author": "", + "license": "ISC", + "dependencies": { + "jsencrypt": "^3.3.2" + } +}