Blame view

uni_modules/uni-list/components/uni-list-chat/uni-list-chat.scss 1.48 KB
4b045f7c   刘淇   江阴初始化项目
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
  /**
   * 这里是 uni-list 组件内置的常用样式变量
   * 如果需要覆盖样式,这里提供了基本的组件样式变量,您可以尝试修改这里的变量,去完成样式替换,而不用去修改源码
   *
   */
  
  // 背景色
  $background-color : #fff;
  // 分割线颜色
  $divide-line-color : #e5e5e5;
  
  // 默认头像大小,如需要修改此值,注意同步修改 js 中的值 const avatarWidth = xx ,目前只支持方形头像
  // nvue 页面不支持修改头像大小
  $avatar-width : 45px ;
  
  // 头像边框
  $avatar-border-radius: 5px;
  $avatar-border-color: #eee;
  $avatar-border-width: 1px;
  
  // 标题文字样式
  $title-size : 16px;
  $title-color : #3b4144;
  $title-weight : normal;
  
  // 描述文字样式
  $note-size : 12px;
  $note-color : #999;
  $note-weight : normal;
  
  // 右侧额外内容默认样式
  $right-text-size : 12px;
  $right-text-color : #999;
  $right-text-weight : normal;
  
  // 角标样式
  // nvue 页面不支持修改圆点位置以及大小
  // 角标在左侧时,角标的位置,默认为 0 ,负数左/下移动,正数右/上移动
  $badge-left: 0px;
  $badge-top: 0px;
  
  // 显示圆点时,圆点大小
  $dot-width: 10px;
  $dot-height: 10px;
  
  // 显示角标时,角标大小和字体大小
  $badge-size : 18px;
  $badge-font : 12px;
  // 显示角标时,角标前景色
  $badge-color : #fff;
  // 显示角标时,角标背景色
  $badge-background-color : #ff5a5f;
  // 显示角标时,角标左右间距
  $badge-space : 6px;
  
  // 状态样式
  // 选中颜色
  $hover : #f5f5f5;