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
提交
81453e04
提交
81453e04
编写于
9月 21, 2020
作者:
zhujiamin
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
删除文本对齐方式切换功能
上级
60afe8eb
变更
1
隐藏空白字符变更
内嵌
并排
正在显示
1 个修改的文件
包含
27 行增加
和
28 行删除
+27
-28
app-mob-select-changeStyle.vue
...app-mob-select-changeStyle/app-mob-select-changeStyle.vue
+27
-28
未找到文件。
src/components/app-mob-select-changeStyle/app-mob-select-changeStyle.vue
浏览文件 @
81453e04
...
...
@@ -15,7 +15,7 @@
</ion-header>
<div
class=
"content"
>
<ion-list>
<
!--
<
ion-list>
<ion-radio-group
>
<ion-list-header>
<ion-label>
文本对齐方式
</ion-label>
...
...
@@ -28,7 +28,7 @@
</div>
</div>
</ion-radio-group>
</ion-list>
</ion-list>
-->
<ion-list>
<ion-radio-group
:value=
"activeNavi"
>
...
...
@@ -59,7 +59,7 @@ export default class AppSelect extends Vue {
* 当前文本对齐方式选中值
* @memberof AppMobSelectChangeStyle
*/
public
activeAlign
:
any
=
''
;
//
public activeAlign:any = '';
/**
* 当前导航栏选中值
...
...
@@ -71,10 +71,10 @@ export default class AppSelect extends Vue {
* 文本对齐方式
* @memberof AppMobSelectChangeStyle
*/
public
alignItems
:
Array
<
any
>
=
[
{
text
:
'左对齐'
,
value
:
'app-text-align-left'
,
info
:
'设置对齐方式为左对齐'
},
{
text
:
'右对齐'
,
value
:
'app-text-align-right'
,
info
:
'设置对齐方式为右对齐'
},
]
//
public alignItems:Array
<
any
>
=
[
//
{text:'左对齐',value:'app-text-align-left',info:'设置对齐方式为左对齐'},
//
{text:'右对齐',value:'app-text-align-right',info:'设置对齐方式为右对齐'},
//
]
/**
* 导航栏样式
...
...
@@ -117,7 +117,7 @@ export default class AppSelect extends Vue {
* @memberof AppMobSelectChangeStyle
*/
public
mounted
(){
this
.
activeAlign
=
this
.
getActiveAlign
();
//
this.activeAlign = this.getActiveAlign();
this
.
activeNavi
=
this
.
getActiveNavi
();
}
...
...
@@ -125,15 +125,15 @@ export default class AppSelect extends Vue {
* 获取文本对齐方式
* @memberof AppMobSelectChangeStyle
*/
public
getActiveAlign
(){
if
(
this
.
$store
.
state
.
selectTextAlign
)
{
return
this
.
$store
.
state
.
selectTextAlign
;
}
else
if
(
localStorage
.
getItem
(
'align-class'
))
{
return
localStorage
.
getItem
(
'align-class'
);
}
else
{
return
'app-text-align-right'
;
}
}
//
public getActiveAlign(){
//
if (this.$store.state.selectTextAlign) {
//
return this.$store.state.selectTextAlign;
//
} else if (localStorage.getItem('align-class')) {
//
return localStorage.getItem('align-class');
//
} else {
//
return 'app-text-align-right';
//
}
//
}
/**
* 获取导航栏样式
...
...
@@ -153,22 +153,21 @@ export default class AppSelect extends Vue {
* 点击改变文本对齐方式
* @memberof AppMobSelectChangeStyle
*/
public
changeTextAlign
(
item
:
any
){
this
.
textAlignChange
(
item
.
value
);
this
.
activeAlign
=
item
.
value
;
}
// public changeTextAlign(item:any){
// this.textAlignChange(item.value);
// }
/**
* 文本对齐方式变化
* @memberof AppMobSelectChangeStyle
*/
public
textAlignChange
(
val
:
any
){
if
(
!
Object
.
is
(
this
.
activeAlign
,
val
))
{
this
.
activeAlign
=
val
;
localStorage
.
setItem
(
'align-class'
,
val
);
this
.
$store
.
commit
(
'setTextAlignStyle'
,
val
);
}
}
//
public textAlignChange(val:any){
//
if (!Object.is(this.activeAlign, val)) {
//
this.activeAlign = val;
//
localStorage.setItem('align-class', val);
//
this.$store.commit('setTextAlignStyle', val);
//
}
//
}
/**
* 点击改变导航栏样式
...
...
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录