多主题

APP/src/App.vue.ftl

@@ -2,7 +2,7 @@
 TARGET=PSSYSAPP
 </#ibiztemplate>
 <template>
-	<ion-app id="app">
+	<ion-app id="app" :class="themeClass">
 		<#if app.getAllRefPSAppViews()??>
 		<#list app.getAllRefPSAppViews() as view>
 		<#if view.getViewType() == "APPSTARTVIEW" >
@@ -20,5 +20,22 @@ TARGET=PSSYSAPP
 import { Component, Vue } from "vue-property-decorator";
 
 @Component({})
-export default class App extends Vue { }
+export default class App extends Vue { 
+
+	/**
+     * 当前主题
+     *
+     * @readonly
+     * @memberof App
+     */
+    get themeClass() {
+        if (this.$router.app.$store.state.selectTheme) {
+            return this.$router.app.$store.state.selectTheme;
+        } else if (localStorage.getItem('theme-class')) {
+            return localStorage.getItem('theme-class');
+        } else {
+            return 'app-default-theme';
+        }
+	}
+}
 </script>
\ No newline at end of file