| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- /**
- * 这里是 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;
|
