Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-Mob-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-Mob-R7-Res
提交
35d65085
提交
35d65085
编写于
9月 27, 2020
作者:
zhujiamin
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
解决侧滑菜单左右滑动和主界面内容左右滑动的冲突
上级
15bab80f
变更
7
显示空白字符变更
内嵌
并排
正在显示
7 个修改的文件
包含
92 行增加
和
50 行删除
+92
-50
app-register.ts
src/app-register.ts
+3
-1
app-mob-menu-sideslip-view-header.less
...deslip-view-header/app-mob-menu-sideslip-view-header.less
+30
-0
app-mob-menu-sideslip-view-header.vue
...ideslip-view-header/app-mob-menu-sideslip-view-header.vue
+26
-0
app-mob-menu-sideslip-view.less
...pp-mob-menu-sideslip-view/app-mob-menu-sideslip-view.less
+0
-28
app-mob-menu-sideslip-view.vue
...app-mob-menu-sideslip-view/app-mob-menu-sideslip-view.vue
+22
-21
mutations.ts
src/store/mutations.ts
+10
-0
state.ts
src/store/state.ts
+1
-0
未找到文件。
src/app-register.ts
浏览文件 @
35d65085
...
@@ -126,7 +126,9 @@ export const AppComponents = {
...
@@ -126,7 +126,9 @@ export const AppComponents = {
v
.
component
(
'app-mob-select-changeTheme'
,()
=>
import
(
'@/ibiz-core/components/app-mob-select-changeTheme/app-mob-select-changeTheme.vue'
));
v
.
component
(
'app-mob-select-changeTheme'
,()
=>
import
(
'@/ibiz-core/components/app-mob-select-changeTheme/app-mob-select-changeTheme.vue'
));
// 锚点列表插件
// 锚点列表插件
v
.
component
(
'app-anchor-list'
,()
=>
import
(
'@/components/app-anchor-list/app-anchor-list.vue'
));
v
.
component
(
'app-anchor-list'
,()
=>
import
(
'@/components/app-anchor-list/app-anchor-list.vue'
));
//
新
菜单组件
//
侧滑
菜单组件
v
.
component
(
'app-mob-menu-sideslip-view'
,()
=>
import
(
'@/components/app-mob-menu-sideslip-view/app-mob-menu-sideslip-view.vue'
));
v
.
component
(
'app-mob-menu-sideslip-view'
,()
=>
import
(
'@/components/app-mob-menu-sideslip-view/app-mob-menu-sideslip-view.vue'
));
// 侧滑菜单组件头部信息
v
.
component
(
'app-mob-menu-sideslip-view-header'
,()
=>
import
(
'@/components/app-mob-menu-sideslip-view-header/app-mob-menu-sideslip-view-header.vue'
));
},
},
};
};
\ No newline at end of file
src/components/app-mob-menu-sideslip-view-header/app-mob-menu-sideslip-view-header.less
0 → 100644
浏览文件 @
35d65085
.app-mob-menu-sideslip-view-header{
.header{
padding: 15px;
img{
margin-top: 20px;
width: 30%;
margin-bottom: 20px;
}
.title{
color: #fff;
font-size: 20px;
margin-bottom: 10px;
}
.text{
display: inline-block;
padding: 3px 6px;
background-color: #fff;
color: #333;
font-size: 12px;
margin-bottom: 20px;
}
.notice{
ion-icon{
font-size: 12px;
}
color: rgb(255, 248, 248);
font-size: 10px;
}
}
}
\ No newline at end of file
src/components/app-mob-menu-sideslip-view-header/app-mob-menu-sideslip-view-header.vue
0 → 100644
浏览文件 @
35d65085
<
template
>
<div
class=
"app-mob-menu-sideslip-view-header"
>
<div
class=
"header"
>
<img
src=
"assets/images/logo.png"
class=
"ibizLogo"
/>
<div
class=
"title"
>
iBizPMS
</div>
<div
class=
"text"
>
登录·试用测试版
</div>
<div
class=
"notice"
><ion-icon
name=
"megaphone-outline"
></ion-icon>
#最新通知——更新/下载
</div>
</div>
</div>
</
template
>
<
script
lang=
"ts"
>
import
{
Vue
,
Component
,
Prop
,
Emit
,
Model
}
from
'vue-property-decorator'
;
import
{
Environment
}
from
'@/environments/environment'
;
@
Component
({
components
:
{
}
})
export
default
class
AppMobMenuSideslipView
extends
Vue
{
}
</
script
>
<
style
lang=
"less"
>
@import "./app-mob-menu-sideslip-view-header.less";
</
style
>
\ No newline at end of file
src/components/app-mob-menu-sideslip-view/app-mob-menu-sideslip-view.less
浏览文件 @
35d65085
...
@@ -16,34 +16,6 @@
...
@@ -16,34 +16,6 @@
}
}
}
}
.app-menu-plugin{
.app-menu-plugin{
.header{
padding: 15px;
img{
margin-top: 20px;
width: 30%;
margin-bottom: 20px;
}
.title{
color: #fff;
font-size: 20px;
margin-bottom: 10px;
}
.text{
display: inline-block;
padding: 3px 6px;
background-color: #fff;
color: #333;
font-size: 12px;
margin-bottom: 20px;
}
.notice{
ion-icon{
font-size: 12px;
}
color: rgb(255, 248, 248);
font-size: 10px;
}
}
.top{
.top{
.title{
.title{
color:#727272;
color:#727272;
...
...
src/components/app-mob-menu-sideslip-view/app-mob-menu-sideslip-view.vue
浏览文件 @
35d65085
<
template
>
<
template
>
<div
class=
"app-mob-menu-sideslip-view"
>
<div
class=
"app-mob-menu-sideslip-view"
>
<van-popup
v-model=
"showPopup"
get-container=
"#app"
position=
"left"
:style=
"
{ height: '100%',width: '80%' }" duration="0.2
">
<van-popup
v-model=
"showPopup"
get-container=
"#app"
position=
"left"
:style=
"
{ height: '100%',width: '80%' }" duration="0.2" :close-on-popstate="true
">
<v-touch
v-on:swipeleft=
"onSwipeLeft"
style=
"height:100%;"
>
<v-touch
v-on:swipeleft=
"onSwipeLeft"
style=
"height:100%;"
>
<div
class=
"app-menu-plugin"
>
<div
class=
"app-menu-plugin"
>
<div
class=
"header"
>
<app-mob-menu-sideslip-view-header></app-mob-menu-sideslip-view-header>
<img
src=
"assets/images/logo.png"
class=
"ibizLogo"
/>
<div
class=
"title"
>
iBizPMS
</div>
<div
class=
"text"
>
登录·试用测试版
</div>
<div
class=
"notice"
><ion-icon
name=
"megaphone-outline"
></ion-icon>
#最新通知——更新/下载
</div>
</div>
<div
class=
"top"
>
<div
class=
"top"
>
<div
class=
"title"
>
Menu
</div>
<div
class=
"title"
>
Menu
</div>
<template
v-for=
"item in items"
>
<template
v-for=
"item in items"
>
...
@@ -27,6 +22,7 @@
...
@@ -27,6 +22,7 @@
<
/div
>
<
/div
>
<
/v-touch
>
<
/v-touch
>
<
/van-popup
>
<
/van-popup
>
<
v
-
touch
v
-
on
:
swiperight
=
"onSwipeRight"
style
=
"height:100%;"
>
<
v
-
touch
v
-
on
:
swiperight
=
"onSwipeRight"
style
=
"height:100%;"
>
<
template
v
-
for
=
"item in items"
>
<
template
v
-
for
=
"item in items"
>
<
template
v
-
if
=
"!item.hidden"
>
<
template
v
-
if
=
"!item.hidden"
>
...
@@ -38,21 +34,20 @@
...
@@ -38,21 +34,20 @@
<
/template
>
<
/template
>
<
script
lang
=
"ts"
>
<
script
lang
=
"ts"
>
import
{
Vue
,
Component
,
Prop
,
Emit
,
Model
}
from
'vue-property-decorator'
;
import
{
Vue
,
Component
,
Prop
,
Emit
,
Model
,
Provide
}
from
'vue-property-decorator'
;
import
{
Environment
}
from
'@/environments/environment'
;
import
{
Environment
}
from
'@/environments/environment'
;
@
Component
({
@
Component
({
components
:
{
components
:
{
}
}
}
)
}
)
export
default
class
AppMobMenuSideslipView
extends
Vue
{
export
default
class
AppMobMenuSideslipView
extends
Vue
{
/**
/**
* 向左滑动关闭弹出层
* 向左滑动关闭弹出层
*
*
* @type {*
}
* @type {*
}
* @memberof AppMobMenuSideslipView
* @memberof AppMobMenuSideslipView
*/
*/
public
onSwipeLeft
(){
public
onSwipeLeft
(
e
:
any
){
this
.
showPopup
=
false
;
this
.
showPopup
=
false
;
}
}
...
@@ -63,8 +58,10 @@ export default class AppMobMenuSideslipView extends Vue {
...
@@ -63,8 +58,10 @@ export default class AppMobMenuSideslipView extends Vue {
* @memberof AppMobMenuSideslipView
* @memberof AppMobMenuSideslipView
*/
*/
public
onSwipeRight
(){
public
onSwipeRight
(){
if
(
this
.
$store
.
state
.
popupStatus
)
{
this
.
showPopup
=
true
;
this
.
showPopup
=
true
;
}
}
}
/**
/**
* 是否能显示侧滑菜单
* 是否能显示侧滑菜单
...
@@ -232,6 +229,10 @@ export default class AppMobMenuSideslipView extends Vue {
...
@@ -232,6 +229,10 @@ export default class AppMobMenuSideslipView extends Vue {
}
}
}
)
}
)
}
}
// 阻止冒泡
document
.
addEventListener
(
'touchmove'
,
function
(
event
){
event
.
stopPropagation
();
}
,
false
);
}
}
/**
/**
...
...
src/store/mutations.ts
浏览文件 @
35d65085
...
@@ -282,3 +282,13 @@ export const setTextAlignStyle = (state: any, val: any) => {
...
@@ -282,3 +282,13 @@ export const setTextAlignStyle = (state: any, val: any) => {
export
const
setNavigationStyle
=
(
state
:
any
,
val
:
any
)
=>
{
export
const
setNavigationStyle
=
(
state
:
any
,
val
:
any
)
=>
{
state
.
selectNaviStyle
=
val
;
state
.
selectNaviStyle
=
val
;
}
}
/**
* 是否能弹出侧滑菜单
*
* @param state
* @param val
*/
export
const
setPopupStatus
=
(
state
:
any
,
val
:
any
)
=>
{
state
.
popupStatus
=
val
;
}
\ No newline at end of file
src/store/state.ts
浏览文件 @
35d65085
...
@@ -17,4 +17,5 @@ export const rootstate: any = {
...
@@ -17,4 +17,5 @@ export const rootstate: any = {
selectStatus
:
true
,
selectStatus
:
true
,
selectTextAlign
:
''
,
selectTextAlign
:
''
,
selectNaviStyle
:
''
,
selectNaviStyle
:
''
,
popupStatus
:
true
,
}
}
\ No newline at end of file
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录