You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
796 B
31 lines
796 B
5 months ago
|
import { computed } from 'vue'
|
||
|
|
import { useStore, mapGetters } from 'vuex'
|
||
|
|
import store from '@/store/index'
|
||
|
|
import platform from '@/core/platform'
|
||
|
|
|
||
|
|
// 字符串驼峰转中划线
|
||
|
|
const formatToLine = value => {
|
||
|
|
return value.replace(/([A-Z])/g, '-$1').toLowerCase()
|
||
|
|
}
|
||
|
|
|
||
|
|
// 主题样式 (因小程序端不支持styleObject语法，所以需要转换成字符串)
|
||
|
|
const appTheme2Str = appTheme => {
|
||
|
|
let str = ''
|
||
|
|
for (const index in appTheme) {
|
||
|
|
const name = formatToLine(index)
|
||
|
|
str += `--${name}:${appTheme[index]};`
|
||
|
|
}
|
||
|
|
return str
|
||
|
|
}
|
||
|
|
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
platform
|
||
|
|
}
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
appTheme: () => store.getters.appTheme,
|
||
|
|
appThemeStyle: () => appTheme2Str(store.getters.appTheme)
|
||
|
|
}
|
||
|
|
}
|