|
|
@@ -2326,17 +2326,17 @@
|
|
|
|
|
|
// 单词列表页
|
|
|
.word-list-page{
|
|
|
- width: 100%;height: 100vh;position: relative;
|
|
|
- padding-top:var(--status-bar-height);display: flex;flex-direction: column;
|
|
|
+ width: 100%;height: 100vh;position: relative;display: flex;flex-direction: column;
|
|
|
.word-body-box{padding: 42rpx 0 0;}
|
|
|
.word-list-swiper-box{
|
|
|
height: calc(100vh - 230rpx - var(--status-bar-height));overflow-y: auto;
|
|
|
.word-list-swiper-item{display: flex;flex-direction: column;}
|
|
|
}
|
|
|
.word-tab-box{
|
|
|
- display: flex;align-items: center;flex-shrink: 0;width: 100%;overflow:hidden;
|
|
|
- box-sizing: border-box;border-bottom: 1rpx dashed #068aea;padding: 0 0 16rpx;
|
|
|
- .tab-item-list,.uni-scroll-view-content{flex: 1;display: flex;flex-wrap: nowrap;flex-direction: row;overflow-x: auto;margin: 0 4rpx;}
|
|
|
+ display: flex;align-items: center;flex-shrink: 0;width: 98%;overflow:hidden;
|
|
|
+ box-sizing: border-box;border-bottom: 3rpx dashed #2d9cff;padding: 0 0 16rpx;
|
|
|
+ margin: 0 1%;
|
|
|
+ .tab-item-list,.uni-scroll-view-content{flex: 1;display: flex;flex-wrap: nowrap;flex-direction: row;overflow-x: auto;}
|
|
|
// @include single-line-ellipsis
|
|
|
.tab-item{
|
|
|
min-width: 148rpx;margin: 10rpx 6rpx;border-radius: 36rpx;
|
|
|
@@ -2352,7 +2352,7 @@
|
|
|
.jt-left::before{left: 12rpx;transform: rotate(180deg);}
|
|
|
.jt-right::before{right: 12rpx;}
|
|
|
.tab-item.active{font-weight: bold;background-color: #409eff;border: 1rpx solid #409eff;
|
|
|
- color: #fff;box-shadow: 0 4rpx 8rpx rgba(6, 138, 234, 0.5);}
|
|
|
+ color: #fff;box-shadow: 0 2rpx 8rpx rgba(6, 138, 234, 0.5);}
|
|
|
}
|
|
|
.word-list-body{flex: 1;overflow-y: auto;box-sizing: border-box;padding: 0 24rpx;}
|
|
|
.no-word-box{font-size: 28rpx;color: #666;flex: 1;display: flex;align-items: center;justify-content: center;}
|
|
|
@@ -2365,8 +2365,7 @@
|
|
|
|
|
|
// 单词详情
|
|
|
.word-view-page{
|
|
|
- width: 100%;height: 100vh;position: relative;
|
|
|
- padding-top:var(--status-bar-height);display: flex;flex-direction: column;
|
|
|
+ width: 100%;height: 100vh;position: relative;display: flex;flex-direction: column;
|
|
|
@include ezy-no-repeat-cover(bottom);
|
|
|
.ezy-border-body{
|
|
|
width: 94%;margin: 3% 3%;display: flex;flex-direction: column;flex: 1;
|