|
|
@@ -1,62 +1,19 @@
|
|
|
-/******************** 这里存放通用组件样式 ********************/
|
|
|
-
|
|
|
-/********** 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
|
|
|
+/******************** 这里放组件样式 ********************/
|
|
|
+/***** uni组件颜色覆盖 *****/
|
|
|
+// select选项面包 确定按钮
|
|
|
+.uni-picker-container .uni-picker-action.uni-picker-action-confirm{color: #30c190!important;}
|
|
|
+.uni-calendar-item__weeks-box .uni-calendar-item--checked{background-color: #30c190!important;}
|
|
|
+.uni-date-changed .uni-datetime-picker--btn{background-color: #30c190!important;}
|
|
|
+/***** view *****/
|
|
|
view{box-sizing: border-box;}
|
|
|
|
|
|
-// 对齐方式
|
|
|
-.lli-tl{text-align: left;}
|
|
|
-.lli-tc{text-align: center;}
|
|
|
-.lli-tr{text-align: right;}
|
|
|
+/***** 对齐方式 *****/
|
|
|
+.ezy-tl{text-align: left;}
|
|
|
+.ezy-tc{text-align: center;}
|
|
|
+.ezy-tr{text-align: right;}
|
|
|
|
|
|
-/***** view *****/
|
|
|
-view{box-sizing: border-box;}
|
|
|
+/***** 状态栏 *****/
|
|
|
+.phone-status-bar{height: var(--status-bar-height);width: 100%;}
|
|
|
|
|
|
/***** 超出省略 *****/
|
|
|
// 文本超出省略号显示 (一行)
|
|
|
@@ -115,71 +72,50 @@ view{box-sizing: border-box;}
|
|
|
|
|
|
/***** 按钮 *****/
|
|
|
// 按钮
|
|
|
-.phone-blue-btn[type='default']{background-color: $uni-primary;color: #fff;}
|
|
|
-.phone-white-btn[type='default']{background-color: #fff;color: $uni-primary;border: 1rpx solid $uni-primary;}
|
|
|
+.phone-green-btn[type='default']{background-color: #3fd2a1;color: #fff;}
|
|
|
+.phone-white-btn[type='default']{background-color: #fff;color: #3fd2a1;border: 1rpx solid #3fd2a1;}
|
|
|
.phone-white-btn[type='default']:after{display: none;}
|
|
|
-.phone-blue-btn[type='default']:hover{background-color: $lli-btn-hover;color: #fff;}
|
|
|
-
|
|
|
-
|
|
|
-/*****音频播放器 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();}
|
|
|
-
|
|
|
-/***** 通用弹窗 *****/
|
|
|
-.phone-common-dialog{
|
|
|
- width: 660rpx;border-radius: 12rpx;background-color: #fff;padding-top: 24rpx;box-sizing: border-box;position: relative;
|
|
|
- .common-title{padding-top: 24rpx;font-size: 34rpx;color: #333;text-align: center;}
|
|
|
- .common-content{font-size: 32rpx;color: #666;margin:32rpx 48rpx 48rpx;line-height: 1.6;}
|
|
|
- .common-input-box{
|
|
|
- padding: 32rpx 0 20rpx;
|
|
|
- .common-input-row{display: flex;align-items: center;margin-bottom: 24rpx;}
|
|
|
- .common-label-require{color: #ff0101;margin-right: 6rpx;width:16rpx;display: inline-block;flex-shrink: 0;}
|
|
|
- .common-input-label{width: 200rpx;line-height:70rpx;font-size: 28rpx;color: #333;text-align: right;}
|
|
|
- .common-input,.common-input-margin{
|
|
|
- height: 70rpx;min-height: 70rpx;padding: 20rpx;box-sizing: border-box;margin-right: 30rpx;
|
|
|
- border: 1rpx solid #f0f0f0;border-radius: 10rpx;display: block;flex: 1;font-size: 28rpx;}
|
|
|
- .common-input-margin{margin:0 46rpx 24rpx 46rpx;}
|
|
|
- .common-select{margin-right: 42rpx;}
|
|
|
+.phone-green-btn[type='default']:hover{background-color: #34c595;color: #fff;}
|
|
|
+
|
|
|
+/***** 标题栏 *****/
|
|
|
+// 三个元素
|
|
|
+.phone-navBar-box{
|
|
|
+ display: flex;align-items: center;justify-content: space-between;background-color: #fff;
|
|
|
+ padding: calc(20rpx + var(--status-bar-height)) 20rpx 20rpx;box-sizing: border-box;position: relative;
|
|
|
+ .nav-bar-icon{
|
|
|
+ width: 24rpx;height: 38rpx;
|
|
|
+ background-image: url("@/static/images/common/nav-bar-jt.svg");@include ezy-no-repeat-cover();
|
|
|
+ }
|
|
|
+ .nav-bar-title{font-size: 36rpx;color: #333;}
|
|
|
+ // 考试数字
|
|
|
+ .nav-bar-other{
|
|
|
+ font-size: 30rpx;color: #fff;margin-right: 2%;
|
|
|
+ .key-note{color: #ffff01;}
|
|
|
+ }
|
|
|
+ // 文字按钮
|
|
|
+ .text-btn{font-size: 26rpx;color: #666;padding-top: 4rpx;box-sizing: border-box;}
|
|
|
+ // 图标
|
|
|
+ .nav-bar-icon-box{
|
|
|
+ .nav-bar-right-icon{font-size: 42rpx;color: #666;}
|
|
|
+ .nav-bar-right-icon + .nav-bar-right-icon{margin-left: 24rpx;}
|
|
|
}
|
|
|
- .content-center-class{text-align: center;}
|
|
|
- .content-left-class{text-align: left;}
|
|
|
- .content-margin-bottom{margin-bottom: 20rpx;}
|
|
|
- .common-btn-box{display: flex;flex-direction: row;border-top-color: #f5f5f5;border-top-style: solid;border-top-width: 1px;}
|
|
|
- .not-confirm-btn,.confirm-btn{height: 90rpx;line-height: 90rpx;flex:1;text-align: center;font-size: 30rpx;}
|
|
|
- .not-confirm-btn{color: #666;}
|
|
|
- .confirm-btn{border-left-color: #f0f0f0;border-left-style: solid;border-left-width: 1px;color: $uni-primary;}
|
|
|
- .code-img{width: 500rpx;height: 500rpx;display: block;margin: 0 auto;}
|
|
|
}
|
|
|
-
|
|
|
-/*****分类组件 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;}
|
|
|
+// 两个元素
|
|
|
+.icon-title-navBar-box,.icon-title-bjcolor-navBar-box{
|
|
|
+ display: flex;align-items: center;justify-content: center;background-color: #fff;
|
|
|
+ padding: calc(20rpx + var(--status-bar-height)) 20rpx 20rpx;box-sizing: border-box;position: relative;
|
|
|
+ .nav-bar-title{
|
|
|
+ font-size: 32rpx;height: 63rpx;line-height: 63rpx;color: #333;max-width: 70%;
|
|
|
+ }
|
|
|
+ .nav-bar-icon{
|
|
|
+ width: 24rpx;height: 38rpx;position: absolute;left: 24rpx;top: calc(32rpx + var(--status-bar-height));
|
|
|
+ background-image: url("@/static/images/common/nav-bar-jt.svg");@include ezy-no-repeat-cover();
|
|
|
+ }
|
|
|
+ .bar-ml10{margin-left: 10rpx;}
|
|
|
+ .nav-bar-btn{font-size: 24rpx;position: absolute;right: 20rpx;
|
|
|
+ line-height: 50rpx;border-radius: 8rpx;padding: 0 10rpx;}
|
|
|
}
|
|
|
-
|
|
|
-/*****开发中，敬请期待 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;
|
|
|
-}
|
|
|
+// 仅一个返回按钮
|
|
|
+.phone-nav-bar-icon{width: 24rpx;height: 38rpx;position: absolute;left: 24rpx;top: var(--status-bar-height);
|
|
|
+ background-image: url("@/static/images/common/nav-bar-jt.svg");@include ezy-no-repeat-cover();
|
|
|
+ }
|
wangxy
