项目初始化

gaoluyang

3 天以前 92230c9a97dc9ce9df3313d11d26999c04bb6b26

 src/uni_modules/uni-list/components/uni-list-chat/uni-list-chat.scss

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,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;