|
@@ -137,24 +137,6 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
|
|
|
|
|
|
|
|
|
|
|
|
|
/***** 标题栏 *****/
|
|
/***** 标题栏 *****/
|
|
|
-// 三个元素
|
|
|
|
|
-.ezy-navBar-box{
|
|
|
|
|
- display: flex;align-items: center;justify-content: space-between;
|
|
|
|
|
- padding: 0 20rpx 20rpx;box-sizing: border-box;position: relative;
|
|
|
|
|
- .nav-bar-icon{
|
|
|
|
|
- width: 24rpx;height: 38rpx;
|
|
|
|
|
- background-image: url("@/static/images/common/navBar-return-btn.png");@include ezy-no-repeat-cover();
|
|
|
|
|
- }
|
|
|
|
|
- .nav-bar-title{font-size: 36rpx;color: #fff;}
|
|
|
|
|
- // 考试数字
|
|
|
|
|
- .nav-bar-other{
|
|
|
|
|
- font-size: 30rpx;color: #fff;margin-right: 2%;
|
|
|
|
|
- .key-note{color: #ffff01;}
|
|
|
|
|
- }
|
|
|
|
|
- // 文字按钮
|
|
|
|
|
- .text-btn{font-size: 26rpx;color: #fff;padding-top: 4rpx;box-sizing: border-box;}
|
|
|
|
|
-}
|
|
|
|
|
-// 两个元素
|
|
|
|
|
.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;
|
|
@@ -175,6 +157,10 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
|
|
|
width: 100%;height: 356rpx;content: '';display: block;position: absolute;z-index: 0;top: 0;left: 0;
|
|
width: 100%;height: 356rpx;content: '';display: block;position: absolute;z-index: 0;top: 0;left: 0;
|
|
|
background-image: url("@/static/images/phone/common/page-header-bj.png");@include ezy-no-repeat-cover(top);
|
|
background-image: url("@/static/images/phone/common/page-header-bj.png");@include ezy-no-repeat-cover(top);
|
|
|
}
|
|
}
|
|
|
|
|
+ // 右侧文字按钮
|
|
|
|
|
+ .navBar-text-btn{font-size: 26rpx;color: #fff;padding-top: 4rpx;box-sizing: border-box;
|
|
|
|
|
+ position: absolute;right: 4%;}
|
|
|
|
|
+
|
|
|
/*** pad ***/
|
|
/*** pad ***/
|
|
|
@include mediaSmall() {
|
|
@include mediaSmall() {
|
|
|
padding: calc(6rpx + var(--status-bar-height)) 20rpx 10rpx;
|
|
padding: calc(6rpx + var(--status-bar-height)) 20rpx 10rpx;
|
|
@@ -182,12 +168,14 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
|
|
|
.nav-bar-icon{width: 46rpx;height: 46rpx;top: calc(6rpx + var(--status-bar-height));}
|
|
.nav-bar-icon{width: 46rpx;height: 46rpx;top: calc(6rpx + var(--status-bar-height));}
|
|
|
.nav-bar-icon::before{width: 16rpx;height: 25rpx;margin-left: 20rpx;}
|
|
.nav-bar-icon::before{width: 16rpx;height: 25rpx;margin-left: 20rpx;}
|
|
|
&::before{height: 160rpx;background-image: url("@/static/images/pad/common/page-header-bj.png");}
|
|
&::before{height: 160rpx;background-image: url("@/static/images/pad/common/page-header-bj.png");}
|
|
|
|
|
+ .navBar-text-btn{font-size: 20rpx;padding-top: 3rpx;right: 3%;}
|
|
|
}
|
|
}
|
|
|
@include mediaBig(){
|
|
@include mediaBig(){
|
|
|
.nav-bar-title{font-size: 66rpx;height: 180rpx;line-height: 180rpx;}
|
|
.nav-bar-title{font-size: 66rpx;height: 180rpx;line-height: 180rpx;}
|
|
|
.nav-bar-icon{width: 180rpx;height: 180rpx;}
|
|
.nav-bar-icon{width: 180rpx;height: 180rpx;}
|
|
|
.nav-bar-icon::before{width: 38rpx;height: 61rpx;margin-left: 42rpx;}
|
|
.nav-bar-icon::before{width: 38rpx;height: 61rpx;margin-left: 42rpx;}
|
|
|
&::before{height: 420rpx;}
|
|
&::before{height: 420rpx;}
|
|
|
|
|
+ .navBar-text-btn{font-size: 46rpx;padding-top: 6rpx;right: 3%;}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
// 仅一个返回按钮
|
|
// 仅一个返回按钮
|
|
@@ -200,13 +188,12 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
|
|
|
|
|
|
|
|
@include mediaSmall() {
|
|
@include mediaSmall() {
|
|
|
width: 65rpx;height: 65rpx;
|
|
width: 65rpx;height: 65rpx;
|
|
|
- &::after {width: 16rpx;height: 25rpx;margin: 8rpx 21rpx 8rpx;}
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- @include mediaBig() {
|
|
|
|
|
- width: 160rpx;height: 160rpx;
|
|
|
|
|
- &::after {width: 38rpx;height: 61rpx;margin: 19rpx 51rpx 19rpx;}
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ &::after {width: 16rpx;height: 25rpx;margin: 8rpx 21rpx 8rpx;}
|
|
|
|
|
+ }
|
|
|
|
|
+ @include mediaBig() {
|
|
|
|
|
+ width: 160rpx;height: 160rpx;
|
|
|
|
|
+ &::after {width: 38rpx;height: 61rpx;margin: 19rpx 51rpx 19rpx;}
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/***** 登录按钮 *****/
|
|
/***** 登录按钮 *****/
|