117 lines
2.5 KiB
SCSS
117 lines
2.5 KiB
SCSS
|
/*
|
||
|
|
* weui-like overrides for uni-ui / uView components
|
||
|
|
* 目的：通过较高优先级的选择器和必要的 !important，调整常用组件外观
|
||
|
|
* 只做最小改动，便于后续微调
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* 基础色（WeUI 常用绿色） */
|
||
|
|
:root {
|
||
|
|
--weui-primary: #07c160;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 按钮 */
|
||
|
|
uni-button[type=primary],
|
||
|
|
.u-btn--primary,
|
||
|
|
.u-button--primary {
|
||
|
|
background-color: var(--weui-primary) !important;
|
||
|
|
color: #ffffff !important;
|
||
|
|
border: none !important;
|
||
|
|
border-radius: 6px !important;
|
||
|
|
padding: 8px 14px !important;
|
||
|
|
font-size: 14px !important;
|
||
|
|
box-shadow: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 默认按钮风格更扁平，白底带边框 */
|
||
|
|
uni-button[type=default],
|
||
|
|
.u-btn--default,
|
||
|
|
.u-button--default {
|
||
|
|
background-color: #ffffff !important;
|
||
|
|
color: #333 !important;
|
||
|
|
border: 1px solid #e6e6e6 !important;
|
||
|
|
box-shadow: none !important;
|
||
|
|
border-radius: 6px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 列表 / cell 风格：白底、细分割线 */
|
||
|
|
.uni-list,
|
||
|
|
.uni-list__item,
|
||
|
|
.uni-list-cell,
|
||
|
|
.u-list,
|
||
|
|
.u-list-item {
|
||
|
|
background-color: #ffffff !important;
|
||
|
|
border-bottom: 1px solid #f2f2f2 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.uni-list__item,
|
||
|
|
.u-list-item {
|
||
|
|
padding: 12px 16px !important;
|
||
|
|
font-size: 14px !important;
|
||
|
|
color: #333 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.uni-list__item .uni-list-item-sub,
|
||
|
|
.u-list-item__desc {
|
||
|
|
color: #888 !important;
|
||
|
|
font-size: 13px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 导航栏 */
|
||
|
|
.u-navbar,
|
||
|
|
.uni-navbar,
|
||
|
|
.custom-nav-bar,
|
||
|
|
.custom-nav-bar * {
|
||
|
|
background-color: #ffffff !important;
|
||
|
|
color: #000000 !important;
|
||
|
|
border-bottom: 1px solid #e9e9e9 !important;
|
||
|
|
box-shadow: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 头像圆形 */
|
||
|
|
.uni-avatar,
|
||
|
|
.u-avatar,
|
||
|
|
.avatar {
|
||
|
|
border-radius: 50% !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 标签风格 */
|
||
|
|
.uni-tag,
|
||
|
|
.u-tag {
|
||
|
|
background-color: #f5f5f5 !important;
|
||
|
|
color: #333 !important;
|
||
|
|
border-radius: 6px !important;
|
||
|
|
padding: 2px 6px !important;
|
||
|
|
font-size: 12px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 弹窗 / toast 圆角 */
|
||
|
|
.uni-toast,
|
||
|
|
.uni-modal,
|
||
|
|
.u-toast,
|
||
|
|
.u-modal {
|
||
|
|
border-radius: 8px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 输入框下边线样式更接近 WeUI */
|
||
|
|
uni-input,
|
||
|
|
.uni-input,
|
||
|
|
.u-input {
|
||
|
|
border-bottom: 1px solid #eaeaea !important;
|
||
|
|
padding: 10px 0 !important;
|
||
|
|
color: #333 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 全局小字体调整，避免太大 */
|
||
|
|
body,
|
||
|
|
.uni-page,
|
||
|
|
.u-page {
|
||
|
|
font-size: 14px !important;
|
||
|
|
color: #222 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 细节：移除不必要阴影，使用扁平化视觉 */
|
||
|
|
* {
|
||
|
|
box-shadow: none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 提示：若需要进一步微调某些组件，请告诉我你想调整的组件名或截屏 */
|