2025-04-16 16:15:41 +08:00
|
|
|
|
/**
|
2025-05-15 16:54:07 +08:00
|
|
|
|
* 这里是uni-app内置的常用样式变量
|
|
|
|
|
|
*
|
|
|
|
|
|
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
|
|
|
|
|
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
|
|
|
|
|
*
|
|
|
|
|
|
*/
|
2025-04-16 16:15:41 +08:00
|
|
|
|
|
|
|
|
|
|
/**
|
2025-05-15 16:54:07 +08:00
|
|
|
|
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
|
|
|
|
|
*
|
|
|
|
|
|
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
|
|
|
|
|
*/
|
2025-04-16 16:15:41 +08:00
|
|
|
|
|
2025-05-15 16:54:07 +08:00
|
|
|
|
/* 颜色变量 */
|
|
|
|
|
|
|
|
|
|
|
|
/* 底部tabbar */
|
|
|
|
|
|
$tabbar-normal-color: #515151;
|
|
|
|
|
|
$tabbar-select-color: #FE9944;
|
|
|
|
|
|
/* 我的页面账户信息背景 */
|
|
|
|
|
|
$mine-page-upbox-color: #FFDBB4;
|
|
|
|
|
|
$mine-page-upbox-color-light: #FFEDD2;
|
|
|
|
|
|
$mine-page-downbox-color: #FFF0DE;
|
|
|
|
|
|
$mine-page-downbox-color-light: #FEEBD0;
|
|
|
|
|
|
/* 主题色 */
|
|
|
|
|
|
$primary-color: #FFA900;
|
|
|
|
|
|
$primary-color-active: #ffaa008e;
|
|
|
|
|
|
$primary-color-light: #FFFAF1;
|
|
|
|
|
|
/* 页面背景色 */
|
|
|
|
|
|
$bg-top-color: #F0F0F0;
|
|
|
|
|
|
$bg-bottom-color: #FFFFFF;
|
|
|
|
|
|
/* 文字颜色 */
|
|
|
|
|
|
$text-color: #333333;
|
|
|
|
|
|
$text-brown-color: #42210B;
|
|
|
|
|
|
$text-gray-hint-color: #9A9A9A;
|
|
|
|
|
|
$text-gray-desc-color: #5c5c5c;
|
|
|
|
|
|
$text-blue-color: #3270FF;
|
|
|
|
|
|
/* 背景棕色 */
|
|
|
|
|
|
$bg-brown-color: #42210B;
|
|
|
|
|
|
$bg-gray-color: #FAFAFA;
|
|
|
|
|
|
$bg-primary-deep-color: #FFA900;
|
|
|
|
|
|
$bg-primary-shallow-color: #ffaa0017;
|
|
|
|
|
|
$bg-red-color: #F7312A6B;
|
|
|
|
|
|
$bg-green-color: #78e2846b;
|
|
|
|
|
|
$bg-green-deep-color: #39C7C1;
|
|
|
|
|
|
$bg-gray-deep-color: #CCCCCC;
|
|
|
|
|
|
$bg-gray-status-light-color: #D5D5D5;
|
|
|
|
|
|
$bg-green-status-deep-color: #4EAF79;
|
|
|
|
|
|
$bg-green-status-light-color: #AFE5C7;
|
|
|
|
|
|
$bg-red-deep-color: #F7312A;
|
|
|
|
|
|
$bg-gray-shade-color: #00000025;
|
|
|
|
|
|
$bg-gray-input-color: #F9FAFB;
|
|
|
|
|
|
/* 按钮颜色 */
|
|
|
|
|
|
$btn-cyan-color: #39C7C1;
|
|
|
|
|
|
$btn-cyan-active: #39c7c08f;
|
|
|
|
|
|
$btn-primary-color: #FFE5BC;
|
|
|
|
|
|
$btn-primary-color-active: #FFE5BC79;
|
|
|
|
|
|
$btn-green-color: #4EAF79;
|
|
|
|
|
|
$btn-green-color-active: #4EAF7979;
|
|
|
|
|
|
$btn-blue-color: #3270FF;
|
|
|
|
|
|
$btn-blue-color-active: #3270FF79;
|
|
|
|
|
|
$btn-red-color: #F7312A;
|
|
|
|
|
|
$btn-red-color-active: #F7312A6B;
|
|
|
|
|
|
$red-color: #FF0000;
|
|
|
|
|
|
$red-color-light: #FF000079;
|
|
|
|
|
|
$white-color: #FFFFFF;
|
|
|
|
|
|
$black-color: #000000;
|
|
|
|
|
|
$blue-color: #3270FF;
|
|
|
|
|
|
$gray-color: #9c9c9c;
|
|
|
|
|
|
$gray-bg-color: #efefef79;
|
|
|
|
|
|
$green-color: #4EAF79;
|
|
|
|
|
|
$green-color-light: #4EAF7979;
|
|
|
|
|
|
$gray-color-light: #eeeeee;
|
|
|
|
|
|
$divider-color: #F0F0F0;
|
|
|
|
|
|
$page-padding: 30rpx;
|
