uni.scss 1.11 KB
Newer Older
潘永坪's avatar
潘永坪 committed
1
@import 'uview-ui/theme.scss';
2 3 4 5 6 7 8 9 10 11 12 13 14
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/**
 * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
 */
潘永坪's avatar
潘永坪 committed
15 16 17 18 19 20 21 22 23 24 25 26

/*
1.页面背景颜色#f7f7f7
2.分隔线颜色#DBDBDB
3.正常字体颜色#333333
4.灰色字体颜色#666666或者#999999
5.主题颜色#3688FF
6.正常字体大小28rpx,偏小一点的24rpx
8.页面最外层与里面的第一层为padding:0 12px;
9.css单位为rpx
*/

潘永坪's avatar
潘永坪 committed
27
/*主题颜色*/
潘永坪's avatar
潘永坪 committed
28 29
$theme:#3688FF;

潘永坪's avatar
潘永坪 committed
30 31
/*红色*/ 
$red:#FC6703;
潘永坪's avatar
潘永坪 committed
32

潘永坪's avatar
潘永坪 committed
33 34
/*灰色*/ 
$grey:#999;
35

潘永坪's avatar
潘永坪 committed
36
// 分割线颜色
37
$divider:#f3f3f3;
38 39