提交 81453e04 编写于 作者: zhujiamin's avatar zhujiamin

删除文本对齐方式切换功能

上级 60afe8eb
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
</ion-header> </ion-header>
<div class="content"> <div class="content">
<ion-list> <!-- <ion-list>
<ion-radio-group > <ion-radio-group >
<ion-list-header> <ion-list-header>
<ion-label>文本对齐方式</ion-label> <ion-label>文本对齐方式</ion-label>
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
</div> </div>
</div> </div>
</ion-radio-group> </ion-radio-group>
</ion-list> </ion-list> -->
<ion-list> <ion-list>
<ion-radio-group :value="activeNavi"> <ion-radio-group :value="activeNavi">
...@@ -59,7 +59,7 @@ export default class AppSelect extends Vue { ...@@ -59,7 +59,7 @@ export default class AppSelect extends Vue {
* 当前文本对齐方式选中值 * 当前文本对齐方式选中值
* @memberof AppMobSelectChangeStyle * @memberof AppMobSelectChangeStyle
*/ */
public activeAlign:any = ''; // public activeAlign:any = '';
/** /**
* 当前导航栏选中值 * 当前导航栏选中值
...@@ -71,10 +71,10 @@ export default class AppSelect extends Vue { ...@@ -71,10 +71,10 @@ export default class AppSelect extends Vue {
* 文本对齐方式 * 文本对齐方式
* @memberof AppMobSelectChangeStyle * @memberof AppMobSelectChangeStyle
*/ */
public alignItems:Array<any> = [ // public alignItems:Array<any> = [
{text:'左对齐',value:'app-text-align-left',info:'设置对齐方式为左对齐'}, // {text:'左对齐',value:'app-text-align-left',info:'设置对齐方式为左对齐'},
{text:'右对齐',value:'app-text-align-right',info:'设置对齐方式为右对齐'}, // {text:'右对齐',value:'app-text-align-right',info:'设置对齐方式为右对齐'},
] // ]
/** /**
* 导航栏样式 * 导航栏样式
...@@ -117,7 +117,7 @@ export default class AppSelect extends Vue { ...@@ -117,7 +117,7 @@ export default class AppSelect extends Vue {
* @memberof AppMobSelectChangeStyle * @memberof AppMobSelectChangeStyle
*/ */
public mounted(){ public mounted(){
this.activeAlign = this.getActiveAlign(); // this.activeAlign = this.getActiveAlign();
this.activeNavi = this.getActiveNavi(); this.activeNavi = this.getActiveNavi();
} }
...@@ -125,15 +125,15 @@ export default class AppSelect extends Vue { ...@@ -125,15 +125,15 @@ export default class AppSelect extends Vue {
* 获取文本对齐方式 * 获取文本对齐方式
* @memberof AppMobSelectChangeStyle * @memberof AppMobSelectChangeStyle
*/ */
public getActiveAlign(){ // public getActiveAlign(){
if (this.$store.state.selectTextAlign) { // if (this.$store.state.selectTextAlign) {
return this.$store.state.selectTextAlign; // return this.$store.state.selectTextAlign;
} else if (localStorage.getItem('align-class')) { // } else if (localStorage.getItem('align-class')) {
return localStorage.getItem('align-class'); // return localStorage.getItem('align-class');
} else { // } else {
return 'app-text-align-right'; // return 'app-text-align-right';
} // }
} // }
/** /**
* 获取导航栏样式 * 获取导航栏样式
...@@ -153,22 +153,21 @@ export default class AppSelect extends Vue { ...@@ -153,22 +153,21 @@ export default class AppSelect extends Vue {
* 点击改变文本对齐方式 * 点击改变文本对齐方式
* @memberof AppMobSelectChangeStyle * @memberof AppMobSelectChangeStyle
*/ */
public changeTextAlign(item:any){ // public changeTextAlign(item:any){
this.textAlignChange(item.value); // this.textAlignChange(item.value);
this.activeAlign = item.value; // }
}
/** /**
* 文本对齐方式变化 * 文本对齐方式变化
* @memberof AppMobSelectChangeStyle * @memberof AppMobSelectChangeStyle
*/ */
public textAlignChange(val:any){ // public textAlignChange(val:any){
if (!Object.is(this.activeAlign, val)) { // if (!Object.is(this.activeAlign, val)) {
this.activeAlign = val; // this.activeAlign = val;
localStorage.setItem('align-class', val); // localStorage.setItem('align-class', val);
this.$store.commit('setTextAlignStyle', val); // this.$store.commit('setTextAlignStyle', val);
} // }
} // }
/** /**
* 点击改变导航栏样式 * 点击改变导航栏样式
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册