From 24f0ce147c8daef39ec437d5def9d089ea5b1839 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期五, 05 六月 2020 17:23:53 +0800
Subject: [PATCH] 2020-06-05
---
src/views/mobile/index.scss | 88 +++++++++++++++++++++++++++++++++++++++++++
1 files changed, 87 insertions(+), 1 deletions(-)
diff --git a/src/views/mobile/index.scss b/src/views/mobile/index.scss
index 10d6527..2e28ef6 100644
--- a/src/views/mobile/index.scss
+++ b/src/views/mobile/index.scss
@@ -1,4 +1,90 @@
-.mobile-container {
+.mobile-view {
+ background: #000;
+ .mob-body {
+ width: 100vw;
+ height: calc(100vh - 50px);
+ overflow: hidden;
+ position: relative;
+ background: #262626;
+
+ .mob-tool {
+ position: absolute;
+ left: 0;
+ top: 0;
+ height: 100%;
+ width: 40px;
+ background: #262626;
+ box-shadow: 2px 0px 2px #000;
+ }
+
+ .mob-shell {
+ width: 375px;
+ height: calc(100vh - 70px);
+ margin: 0 auto;
+ background: #ffffff url('../../assets/mobimg/mobile.png');
+ background-size: 100% 100%;
+ padding: 5vh 13px 6vh;
+ border-radius: 30px;
+
+ .mob-shell-inner {
+ width: 100%;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ background-color: #f5f5f9;
+ }
+ .mob-shell-inner::-webkit-scrollbar {
+ width: 4px;
+ }
+ .mob-shell-inner::-webkit-scrollbar-thumb {
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
+ background: rgba(0, 0, 0, 0.23);
+ border-radius: 5px;
+ }
+ .mob-shell-inner::-webkit-scrollbar-track {
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
+ border: 1px solid rgba(0, 0, 0, 0.07);
+ background: rgba(0, 0, 0, 0);
+ border-radius: 3px;
+ }
+ }
+ }
+
+ .mob-home {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ > .am-tabs {
+ > .am-tabs-tab-bar-wrap {
+ .am-tabs-default-bar-underline {
+ display: none;
+ }
+ }
+ > .am-tabs-content-wrap {
+ > .am-tabs-pane-wrap {
+ .home-tab {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ }
+ > .am-tabs-pane-wrap::-webkit-scrollbar {
+ width: 4px;
+ }
+ > .am-tabs-pane-wrap::-webkit-scrollbar-thumb {
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
+ background: rgba(0, 0, 0, 0.13);
+ border-radius: 5px;
+ }
+ > .am-tabs-pane-wrap::-webkit-scrollbar-track {
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
+ border: 1px solid rgba(0, 0, 0, 0.07);
+ background: rgba(0, 0, 0, 0);
+ border-radius: 3px;
+ }
+ }
+ }
+ }
.flex-container {
margin: 0 15px;
}
--
Gitblit v1.8.0