|
@@ -1,22 +1,22 @@
|
|
|
/******************** 这里放组件样式 ********************/
|
|
/******************** 这里放组件样式 ********************/
|
|
|
-
|
|
|
|
|
-/***** view *****/
|
|
|
|
|
|
|
+
|
|
|
|
|
+/***** view *****/
|
|
|
view{box-sizing: border-box;}
|
|
view{box-sizing: border-box;}
|
|
|
|
|
|
|
|
/***** 对齐方式 *****/
|
|
/***** 对齐方式 *****/
|
|
|
.ezy-tl{text-align: left;}
|
|
.ezy-tl{text-align: left;}
|
|
|
.ezy-tc{text-align: center;}
|
|
.ezy-tc{text-align: center;}
|
|
|
-.ezy-tr{text-align: right;}
|
|
|
|
|
|
|
+.ezy-tr{text-align: right;}
|
|
|
|
|
|
|
|
/***** 状态栏 *****/
|
|
/***** 状态栏 *****/
|
|
|
.ezy-status-bar{height: var(--status-bar-height);width: 100%;background-color: red;}
|
|
.ezy-status-bar{height: var(--status-bar-height);width: 100%;background-color: red;}
|
|
|
|
|
|
|
|
/***** 超出省略 *****/
|
|
/***** 超出省略 *****/
|
|
|
-// 文本超出省略号显示 (一行)
|
|
|
|
|
-@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;}
|
|
|
|
|
|
|
+// 文本超出省略号显示 (一行)
|
|
|
|
|
+@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;}
|
|
|
|
|
|
|
|
|
|
|
|
|
/***** 页面高度 *****/
|
|
/***** 页面高度 *****/
|
|
@@ -40,12 +40,12 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
|
|
|
|
|
|
|
|
/***** 页面背景图 *****/
|
|
/***** 页面背景图 *****/
|
|
|
// no-repeat cover
|
|
// no-repeat cover
|
|
|
-@mixin ezy-no-repeat-cover($position: center) {
|
|
|
|
|
- background-position: $position;background-size: cover;background-repeat: no-repeat;
|
|
|
|
|
|
|
+@mixin ezy-no-repeat-cover($position: center) {
|
|
|
|
|
+ background-position: $position;background-size: cover;background-repeat: no-repeat;
|
|
|
}
|
|
}
|
|
|
// no-repeat contain
|
|
// no-repeat contain
|
|
|
-@mixin ezy-no-repeat-contain($position: center) {
|
|
|
|
|
- background-position: $position;background-size: contain;background-repeat: no-repeat;
|
|
|
|
|
|
|
+@mixin ezy-no-repeat-contain($position: center) {
|
|
|
|
|
+ background-position: $position;background-size: contain;background-repeat: no-repeat;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// active
|
|
// active
|
|
@@ -81,7 +81,7 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
|
|
|
display: flex;flex-direction: row;align-items: center;
|
|
display: flex;flex-direction: row;align-items: center;
|
|
|
.tabbar-item-box{
|
|
.tabbar-item-box{
|
|
|
width: 25%;display: flex;flex-wrap: nowrap;justify-content: space-evenly;
|
|
width: 25%;display: flex;flex-wrap: nowrap;justify-content: space-evenly;
|
|
|
- }
|
|
|
|
|
|
|
+ }
|
|
|
.tabbar-item{width: 60rpx;height: 80rpx;@include ezy-no-repeat-cover;z-index: 2;}
|
|
.tabbar-item{width: 60rpx;height: 80rpx;@include ezy-no-repeat-cover;z-index: 2;}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -108,7 +108,7 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
|
|
|
.icon-title-navBar-box{
|
|
.icon-title-navBar-box{
|
|
|
display: flex;align-items: center;justify-content: center;
|
|
display: flex;align-items: center;justify-content: center;
|
|
|
padding: calc(6rpx + var(--status-bar-height)) 20rpx 16rpx;box-sizing: border-box;position: relative;
|
|
padding: calc(6rpx + var(--status-bar-height)) 20rpx 16rpx;box-sizing: border-box;position: relative;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
.nav-bar-title{
|
|
.nav-bar-title{
|
|
|
font-size: 34rpx;height: 63rpx;line-height: 63rpx;color: #fff;
|
|
font-size: 34rpx;height: 63rpx;line-height: 63rpx;color: #fff;
|
|
|
max-width: 70%;position: relative;z-index: 1;
|
|
max-width: 70%;position: relative;z-index: 1;
|
|
@@ -257,8 +257,8 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
|
|
|
|
|
|
|
|
/***** 模拟标题栏 *****/
|
|
/***** 模拟标题栏 *****/
|
|
|
.ezy-title-bar {
|
|
.ezy-title-bar {
|
|
|
- height: calc(44px + env(safe-area-inset-top));
|
|
|
|
|
- position: fixed;top: var(--status-bar-height);left: var(--window-left);right: var(--window-right);
|
|
|
|
|
|
|
+ height: calc(44px + env(safe-area-inset-top));
|
|
|
|
|
+ position: fixed;top: var(--status-bar-height);left: var(--window-left);right: var(--window-right);
|
|
|
background-color: rgb(248, 248, 248);color: rgb(0, 0, 0);box-sizing: border-box;
|
|
background-color: rgb(248, 248, 248);color: rgb(0, 0, 0);box-sizing: border-box;
|
|
|
display: flex;align-items: center;justify-content: center;overflow: hidden;z-index: 998;
|
|
display: flex;align-items: center;justify-content: center;overflow: hidden;z-index: 998;
|
|
|
}
|
|
}
|
|
@@ -274,11 +274,7 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
|
|
|
.tip-content{
|
|
.tip-content{
|
|
|
color: #666;font-size: 32rpx;padding-bottom: 42rpx;
|
|
color: #666;font-size: 32rpx;padding-bottom: 42rpx;
|
|
|
border-bottom: 1px dashed #70cbf4;line-height: 1.6;
|
|
border-bottom: 1px dashed #70cbf4;line-height: 1.6;
|
|
|
- }
|
|
|
|
|
- .tip-img{
|
|
|
|
|
- width: 260rpx;height: 260rpx;@include ezy-no-repeat-contain;margin: 0 auto;
|
|
|
|
|
- background-image: url("@/static/images/common/dialog-login-img.png");
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ }
|
|
|
/*** 按钮 ***/
|
|
/*** 按钮 ***/
|
|
|
//其他按钮
|
|
//其他按钮
|
|
|
.tip-btn-box{
|
|
.tip-btn-box{
|
|
@@ -374,31 +370,19 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-/*积分框*/
|
|
|
|
|
-.ezy-jf-box{
|
|
|
|
|
- width: 142rpx;height: 46rpx;display: flex;align-items: center;line-height: 1.2;font-size: 26rpx;
|
|
|
|
|
- @include ezy-no-repeat-cover;background-image: url("@/static/images/common/jf-bj.png");margin-top: 20rpx;
|
|
|
|
|
- .jf-icon{width: 35rpx;height: 35rpx;margin:0 4rpx 0 10rpx;flex-shrink: 0;
|
|
|
|
|
- @include ezy-no-repeat-cover;background-image: url("@/static/images/my/jf-qb.png");}
|
|
|
|
|
- .jf-text{min-width: 60rpx;text-align: center;color: #fff;}
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
/***** 学科tab *****/
|
|
/***** 学科tab *****/
|
|
|
.ezy-xueke-tab-box{
|
|
.ezy-xueke-tab-box{
|
|
|
display: flex;justify-content: center;margin-bottom: 24rpx;flex-shrink: 0;
|
|
display: flex;justify-content: center;margin-bottom: 24rpx;flex-shrink: 0;
|
|
|
.tab-item{
|
|
.tab-item{
|
|
|
width: 242rpx;height: 90rpx;line-height: 90rpx;@include ezy-no-repeat-cover;
|
|
width: 242rpx;height: 90rpx;line-height: 90rpx;@include ezy-no-repeat-cover;
|
|
|
background-image: url("@/static/images/xuanke/tab-item-bj.png");
|
|
background-image: url("@/static/images/xuanke/tab-item-bj.png");
|
|
|
- text-align: center;color: #a6a6a6;
|
|
|
|
|
|
|
+ text-align: center;color: #a6a6a6;
|
|
|
}
|
|
}
|
|
|
.tab-item.active{
|
|
.tab-item.active{
|
|
|
color: #fff;background-image: url("@/static/images/xuanke/tab-item-a.png");
|
|
color: #fff;background-image: url("@/static/images/xuanke/tab-item-a.png");
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
// tab页面
|
|
// tab页面
|
|
|
.ezy-tab-border{
|
|
.ezy-tab-border{
|
|
|
flex: 1;width: 92%;height: auto;background-color: rgba(255, 255, 255, 0.6);border-radius: 10px;
|
|
flex: 1;width: 92%;height: auto;background-color: rgba(255, 255, 255, 0.6);border-radius: 10px;
|
|
@@ -412,7 +396,7 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
|
|
|
.segmented-control__item--button,.segmented-control__item--button--last{height: 62rpx;border: 0;border-width: 0!important;border-radius: 8rpx;}
|
|
.segmented-control__item--button,.segmented-control__item--button--last{height: 62rpx;border: 0;border-width: 0!important;border-radius: 8rpx;}
|
|
|
.segmented-control__item--button--active .segmented-control__text{color: #fff!important;}
|
|
.segmented-control__item--button--active .segmented-control__text{color: #fff!important;}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
//视频
|
|
//视频
|
|
|
.ezy-video-box{
|
|
.ezy-video-box{
|
|
|
width: 690rpx;height: 390rpx;margin: 0 auto 42rpx;
|
|
width: 690rpx;height: 390rpx;margin: 0 auto 42rpx;
|
|
@@ -433,10 +417,10 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// 升级提醒弹窗
|
|
// 升级提醒弹窗
|
|
|
-.phone-tip-dialog{
|
|
|
|
|
- width: 580rpx;border-radius: 12rpx;background-color: #fff;padding: 24rpx;
|
|
|
|
|
- .tip-title{padding-top: 24rpx;font-size: 34rpx;color: #333;text-align: center;}
|
|
|
|
|
- .tip-content{font-size: 32rpx;color: #666;margin:32rpx 32rpx 56rpx;line-height: 1.6;text-align: justify;}
|
|
|
|
|
|
|
+.phone-tip-dialog{
|
|
|
|
|
+ width: 580rpx;border-radius: 12rpx;background-color: #fff;padding: 24rpx;
|
|
|
|
|
+ .tip-title{padding-top: 24rpx;font-size: 34rpx;color: #333;text-align: center;}
|
|
|
|
|
+ .tip-content{font-size: 32rpx;color: #666;margin:32rpx 32rpx 56rpx;line-height: 1.6;text-align: justify;}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// 暂无数据
|
|
// 暂无数据
|
|
@@ -478,4 +462,3 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
|
|
|
|
|
|
|
|
// 没有更多
|
|
// 没有更多
|
|
|
.ezy-no-more{color: rgb(119, 119, 119);font-size: 28rpx;text-align: center;}
|
|
.ezy-no-more{color: rgb(119, 119, 119);font-size: 28rpx;text-align: center;}
|
|
|
-
|
|
|