/******************** 这里存放通用组件样式 ********************/ /********** uni-app基础组件 **********/ /*** lli-button--primary ***/ // lli-primary .lli-btn { background-color: $uni-primary; color:#ffffff; } // lli-primary-hover .button-hover.lli-btn{ background-color: $lli-btn-hover; color: hsla(0,0%,100%,.6); } // lli-primary-disabled .lli-btn[disabled]:not([type]){ background-color: $lli-btn-disabled; color: hsla(0,0%,100%,.6); } // lli-primary-loading .lli-btn[loading]{ background-color: $uni-primary; color: hsla(0,0%,100%,.6); } /*** lli-button--plain ***/ //lli-primary-plain .lli-btn[plain]{ border-color: $uni-primary; color: $uni-primary; } // lli-primary-plain .button-hover.lli-btn[plain]{ border-color: $lli-btn-disabled; color: $lli-btn-disabled; } // lli-primary-disabled .lli-btn[plain][disabled]:not([type]){ background-color: #f7f7f7; color: rgba(0, 0, 0, 0.3); } .lli-btn[plain][loading]{ background-color: transparent; border-color: $lli-btn-disabled; color: $lli-btn-disabled; } /***** 项目中组件 *****/ // view view{box-sizing: border-box;} // 对齐方式 .lli-tl{text-align: left;} .lli-tc{text-align: center;} .lli-tr{text-align: right;} /***** view *****/ view{box-sizing: border-box;} /***** 超出省略 *****/ // 文本超出省略号显示 (一行) @mixin single-line-ellipsis() {text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;white-space: nowrap;word-break: break-all;} // 文本超出省略号显示 (多行) @mixin multi-line-ellipsis($rows: 3){-webkit-line-clamp:$rows;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;display: -webkit-box;white-space: normal !important;-webkit-box-orient: vertical;} /***** 页面背景图 *****/ // no-repeat cover @mixin ezy-no-repeat-cover($position: center) { background-position: $position;background-size: cover;background-repeat: no-repeat; } // no-repeat contain @mixin ezy-no-repeat-contain($position: center) { background-position: $position;background-size: contain;background-repeat: no-repeat; } /*****音频播放器 author: TX date:2024-06-24*****/ .MtaBusAudioPlayerBox{ position: relative; .st-aplayer{ //position: relative; } .audio-mask { width: 30px; height: 30px; background: transparent; z-index: 99; position: absolute; top: 10px; right: 20px; } } /***** 默认头像 *****/ .phone-default-userImg{ width: 120rpx;height: 120rpx;margin: 0 auto; background-image: url("@/static/images/my/user-default-img.png");@include ezy-no-repeat-cover();} /*****分类组件 author: TX date:2024-06-24*****/ .lli-status-box{ display: flex;justify-content: space-around;background: #fff; border-bottom:1px solid #f2f1f2;padding: 15px 10px; .status-item{text-align: center;color: #333333;position: relative;} .status-item.click:before{content: '';position: absolute;height: 2px;width: 80%;bottom: -15px;font-size: 14px; background-color: $uni-primary; left: 10%;border-radius: 2px;} } /*****开发中,敬请期待 author: TX date:2024-06-25*****/ .lli-develop-expect-page{ height: 100vh;display: flex;align-items: center;justify-content: center;font-size: 36rpx;color: #666; }