自定义主题

如果默认自定义缺省页颜色主题不符合需求，开发者可自定义缺省页主题。

缺省页主题配置

在 uni-appx => main.uts or uni-app => main.js 中进行引入配置项，注意区分 uni-app 与 uni-app-x 的配置。

uni-app-x 配置

import App from './App'
import { createSSRApp } from 'vue'

// 引入 flower-empty uts 配置
import { initEmptyConfig } from "@/uni_modules/flower-empty/core/config.uts";
// 自定义主题
initEmptyConfig({
	themeColor: "#f5222d"
});

export function createApp() {
	const app = createSSRApp(App)
	return {
		app
	}
}

uni-app 配置

import App from './App'

// 引入 flower-empty js 配置
import { initEmptyConfig } from "@/uni_modules/flower-empty/core/config.js";
// 自定义主题
initEmptyConfig({
	themeColor: "#f5222d"
});

// #ifndef VUE3
import Vue from 'vue'
import './uni.promisify.adaptor'
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
  ...App
})
app.$mount()
// #endif

// #ifdef VUE3
import { createSSRApp } from 'vue'
export function createApp() {
  const app = createSSRApp(App)
  return {
    app
  }
}
// #endif

默认初始化配置

提示：如果自定义中未设置 裤子颜色 和 鞋子颜色，这两项配置则默认初始化为已设置的 主题颜色。

// 默认初始化配置
initEmptyConfig({
	// 主题颜色
	themeColor: "#296BEF",
	// 头发颜色
	hairColor: '#483029',
	// 衣服颜色
	clothesColor: "#EDA20C",
	// 裤子颜色
	trousersColor: "#296BEF",
	// 鞋子颜色
	shoesColor: "#296BEF",
	// 物品颜色
	itemColor: "#483029",
	// 人物肤色
	skinColor: "#ffcda5",
	// 元素颜色
	elementColor: "#ffffff"
});