/* 设置全局样式 */ /* (1) 页面高度100%,默认字体28upx,默认行高1.8,背景颜色 */ page { height: 100%; font-size: 28upx; line-height: 1.8; background: #FFFFFF; } /* (2) 图片默认100%宽度 */ image { width: 100%; } ::-webkit-scrollbar { display: none; } /* 主色调 */ /* 主背景颜色(橙色)*/ .main-bg-color { background-color: #FD6801; } /* 主点击背景颜色(淡橙色)*/ .main-bg-hover-color { background-color: rgba(253, 104, 1, 0.85); } /* 主字体颜色(橙色)*/ .main-text-color { color: #FD6801; } /* 主边框颜色 */ .main-border-color { border-color: #F1F1F1; } .home-icon { width: 48px; height: 48px; align-items: center; border-radius: 6px; box-sizing: border-box; display: flex; justify-content: center; color:#ffffff; font-size: 26px; } .home-icon i{ font-size: 26px; } .icon-color01{ background: #ef8e35; border:1rpx solid #ef8e35; } .icon-color02{ background-image: linear-gradient(0deg, #5a9aec, #84acf7); border:1rpx solid #6893d5; } .icon-color03{ background-image: linear-gradient(0deg, #5fceb3, #61d2ba); border:1rpx solid #58c1ab; } .icon-color03{ background-image: linear-gradient(0deg, #58ca93, #58ca93); border:1rpx solid #58c1ab; } .icon-color04{ background-image: linear-gradient(0deg, #4f77ed, #4f77ed); border:1rpx solid #4f77ed; } .icon-color05{ background-image: linear-gradient(0deg, #eb516b, #eb516c); border:1rpx solid #cc4962; } .icon-color06{ background-image: linear-gradient(0deg, #F35643, #F35643); border:1rpx solid #F35643; } .icon-color07{ background-image: linear-gradient(0deg, #4b86f6, #4b86f6); border:1rpx solid #4e7fd8; } .icon-color08{ background-image: linear-gradient(0deg, #f2a953, #f2a953); border:1rpx solid #d2954c; } .icon-color09{ background-image: linear-gradient(-30deg, #3b6eef, #3b6eef); border:1rpx solid #3663d1; } .icon-color10{ background-image: linear-gradient(0deg, #59bef7, #58bcf6); border:1rpx solid #4ea6da; } .icon-color11{ background:#ffffff; border:1rpx solid #ddddde; } .icon-color12{ background-image: linear-gradient(0deg, #FFC60A, #FFC60A); border:1rpx solid #FFC60A; } .icon-color13{ background:#f5f6f7; border:1rpx dashed #e1e1e3; } .home-icon{ position: relative; .u-badge{ top:-8px!important; right:-8px!important; padding:1px 4px!important; } }