主题配置

用户的主题配置在 option.duxapp.theme

配置duxapp的主题，这里面包含了基础配置和组件配置，组件配置请前往组件查看具体的使用方法

默认配置

{
  // General
  primaryColor: '#337ab7', // 主色
  secondaryColor: '#5bc0de', // 辅色
  successColor: '#34a853', // 成功颜色
  dangerColor: '#ea4335', // 错误颜色
  warningColor: '#fbbc05', // 警告颜色
  pageColor: '#fafbf8', // 页面背景颜色

  //用户自定义颜色1
  customColor1: '#337ab7',
  customColor2: '#337ab7',
  customColor3: '#337ab7',

  // 文本颜色 从暗色到亮色
  textColor1: '#373D52',
  textColor2: '#73778E',
  textColor3: '#A1A6B6',
  textColor4: '#FFF',

  // 文本尺寸 从小到大
  textSize1: 24,
  textSize2: 26,
  textSize3: 28,
  textSize4: 30,
  textSize5: 32,
  textSize6: 34,
  textSize7: 36,

  // 公共配置
  common: {
    get radius() {
      if (!getConfig.radiusPxValue) {
        getConfig.radiusPxValue = px(getConfig.radiusValue)
      }
      return getConfig.radiusPxValue
    },
    set radius(value) {
      getConfig.radiusValue = value
    },
    get radiusValue() {
      return getConfig.radiusValue
    }
  },

  header: {
    color: '#fff', // 仅支持rgb hex值，请勿使用纯单词 设置为数组将显示一个渐变按钮
    textColor: '#000', // 文本颜色
    showWechat: false, // 微信公众号是否显示header
    showWap: true, // h5是否显示header
  },

  topView: {
    weappRem: false
  }
}

全局scss变量

$duxappPrimaryColor: #337ab7;
$duxappSecondaryColor: #5bc0de;
$duxappSuccessColor: #34a853;
$duxappDangerColor: #ea4335;
$duxappWarningColor: #fbbc05;
$duxappPageColor: #fafbf8;
$duxappCustomColor1: #337ab7;
$duxappCustomColor2: #337ab7;
$duxappCustomColor3: #337ab7;

$duxappTextColor1: #373D52;
$duxappTextColor2: #73778E;
$duxappTextColor3: #A1A6B6;
$duxappTextColor4: #FFF;

$duxappTextSize1: 24px;
$duxappTextSize2: 26px;
$duxappTextSize3: 28px;
$duxappTextSize4: 30px;
$duxappTextSize5: 32px;
$duxappTextSize6: 34px;
$duxappTextSize7: 36px;