mirror of
https://github.com/eyebluecn/tank-front
synced 2024-04-21 12:31:55 +00:00
Fix the bad behavior in mobile.
This commit is contained in:
hxsherry
+1
-1
@@ -34,7 +34,7 @@ module.exports = {
|
||||
proxyTable: {
|
||||
'/api': {
|
||||
//target: 'http://tank.eyeblue.cn',
|
||||
target: 'http://192.168.0.100:6010',
|
||||
target: 'http://localhost:6010',
|
||||
changeOrigin: true,
|
||||
pathRewrite: {
|
||||
'^/api': '/api'
|
||||
|
||||
+8
-2
@@ -1,9 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
|
||||
<title>蓝眼云盘</title>
|
||||
<meta charset="utf-8"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1,maximum-scale=1">
|
||||
<meta name="msapplication-tap-highlight" content="no">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
@media (max-width: 768px) {
|
||||
.el-message-box__wrapper {
|
||||
.el-message-box {
|
||||
width: 300px;
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -5,6 +5,7 @@
|
||||
<div>
|
||||
<SideNavigation/>
|
||||
<div id="page-wrapper" :class="{'show-drawer':$store.state.config.showDrawer}" @click="blankClick">
|
||||
|
||||
<div>
|
||||
|
||||
<div class="mb10">
|
||||
@@ -30,8 +31,10 @@
|
||||
</div>
|
||||
|
||||
|
||||
<TopNavigation/>
|
||||
</div>
|
||||
<TopNavigation/>
|
||||
|
||||
<!--手机上不显示bottomNavigation，而采用弹出的形式-->
|
||||
<BottomNavigation />
|
||||
</div>
|
||||
</div>
|
||||
@@ -105,6 +108,7 @@
|
||||
bottom: @power-footer-height;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
z-index: 10;
|
||||
|
||||
padding: 10px;
|
||||
|
||||
@@ -122,6 +126,7 @@
|
||||
//小屏幕
|
||||
@media (max-width: @screen-xs-max) {
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
&.show-drawer {
|
||||
@@ -133,6 +138,7 @@
|
||||
//小屏幕
|
||||
@media (max-width: @screen-xs-max) {
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -16,7 +16,6 @@
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'bottom-navigation',
|
||||
data(){
|
||||
return{
|
||||
preference: this.$store.state.preference
|
||||
@@ -32,6 +31,7 @@
|
||||
position: fixed;
|
||||
height: @power-footer-height;
|
||||
line-height: @power-footer-height;
|
||||
background-color: white;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: @sidebar-width;
|
||||
@@ -44,6 +44,7 @@
|
||||
//小屏幕
|
||||
@media (max-width: @screen-xs-max) {
|
||||
left: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.show-drawer {
|
||||
@@ -55,6 +56,7 @@
|
||||
//小屏幕
|
||||
@media (max-width: @screen-xs-max) {
|
||||
left: 0;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -52,6 +52,13 @@
|
||||
</router-link>
|
||||
</li>
|
||||
|
||||
<li class="about-menu">
|
||||
<a href="javascript:void(0)" @click.stop.prevent="showAbout">
|
||||
<i class="w14 fa fa-info-circle"></i>
|
||||
<span>关于</span>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
@@ -59,13 +66,14 @@
|
||||
</nav>
|
||||
</template>
|
||||
<script>
|
||||
|
||||
import {Message, MessageBox, Notification} from 'element-ui'
|
||||
|
||||
export default {
|
||||
|
||||
data() {
|
||||
return {
|
||||
user: this.$store.state.user
|
||||
user: this.$store.state.user,
|
||||
preference: this.$store.state.preference
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
@@ -88,15 +96,30 @@
|
||||
this.$router.push("/user/detail/" + this.user.uuid);
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
eatClick() {
|
||||
|
||||
},
|
||||
showAbout() {
|
||||
|
||||
let html = '<div class="text-center">' + this.preference.footerLine1 + "<br/>" + this.preference.footerLine2 + "<br/>" + 'Powered by <a target="_blank" href="https://github.com/eyebluecn/tank"><img class="w30" src="../../assets/img/logo.png"/> 蓝眼云盘</a>' + '</div>'
|
||||
MessageBox({
|
||||
title: '关于',
|
||||
message: html,
|
||||
dangerouslyUseHTMLString: true,
|
||||
confirmButtonText: '确定',
|
||||
showCancelButton: false,
|
||||
cancelButtonText: '关闭',
|
||||
callback: (action, instance) => {
|
||||
if (action === 'confirm') {
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
||||
},
|
||||
watch: {},
|
||||
mounted() {
|
||||
let that = this;
|
||||
}
|
||||
@@ -133,7 +156,7 @@
|
||||
left: -@sidebar-width;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 2000;
|
||||
z-index: 1000;
|
||||
|
||||
background: darken(@nav-bg, 3%);
|
||||
|
||||
@@ -204,6 +227,7 @@
|
||||
&:hover, &:focus {
|
||||
color: @font-highlight-color;
|
||||
background-color: transparent;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
i {
|
||||
@@ -217,6 +241,18 @@
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.about-menu {
|
||||
//大屏幕
|
||||
@media (min-width: @screen-sm-min) {
|
||||
display: none;
|
||||
}
|
||||
//手机屏幕
|
||||
@media (max-width: @screen-xs-max) {
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -62,7 +62,7 @@
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 10;
|
||||
z-index: 100;
|
||||
padding-left: @sidebar-width;
|
||||
|
||||
.navbar {
|
||||
|
||||
Reference in New Issue
Block a user