/* * 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; } /* 提示:若需要进一步微调某些组件,请告诉我你想调整的组件名或截屏 */