From 1ed3cfb3778e13904839e9729cb5b4ce9f5c905d Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 08 六月 2020 09:12:51 +0800
Subject: [PATCH] 2020-06-08
---
src/views/mobile/index.scss | 60 +++++++++++++++++++++++++-----------------------------------
1 files changed, 25 insertions(+), 35 deletions(-)
diff --git a/src/views/mobile/index.scss b/src/views/mobile/index.scss
index 2e28ef6..75adead 100644
--- a/src/views/mobile/index.scss
+++ b/src/views/mobile/index.scss
@@ -6,6 +6,7 @@
overflow: hidden;
position: relative;
background: #262626;
+ padding: 0px 300px 0px 40px;
.mob-tool {
position: absolute;
@@ -15,6 +16,30 @@
width: 40px;
background: #262626;
box-shadow: 2px 0px 2px #000;
+ .mob-tool-item {
+ color: #ffffff;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ writing-mode: tb-rl;
+ padding: 16px 0;
+ border-bottom: 1px solid #000;
+ cursor: pointer;
+ i {
+ margin-bottom: 5px;
+ margin-left: 2px;
+ }
+ }
+ }
+
+ .mob-setting {
+ position: absolute;
+ right: 0;
+ top: 0;
+ height: 100%;
+ width: 300px;
+ background: #262626;
+ box-shadow: 0px 2px 2px #000;
}
.mob-shell {
@@ -50,41 +75,6 @@
}
}
- .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