Kaynağa Gözat

样式修改

tanxue 1 ay önce
ebeveyn
işleme
093588f0e6

+ 5 - 4
common/styles/global/components.scss

@@ -788,7 +788,7 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 
 // 单词列表item
 .word-list-item{
-		display: flex;margin-bottom: 24rpx;box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+		display: flex;margin-bottom: 24rpx;box-shadow: 0 0 8rpx rgba(6, 138, 234, 0.16);
 		background-color: #fff;border-radius:14rpx;overflow: hidden;
 		.item-word{
 			width: 43%;margin: 16rpx 0 0 16rpx;line-height: 1.4;flex-shrink: 0;
@@ -805,16 +805,17 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 			.explain-text + .explain-text{margin-top: 6rpx;}
 		}
 		.item-arrow{
-			width: 10%;background-color: #f4f4f4;flex: 1;flex-shrink: 0;
+			// background-color: #f4f4f4;
+			width: 10%;flex: 1;flex-shrink: 0;
 			display: flex;align-items: center;justify-content: center;
 			icon{width: 34rpx;height: 34rpx;@include ezy-no-repeat-cover;
-			background-image: url("@/static/images/common/jt-right-black.svg");}
+			background-image: url("@/static/images/common/xbb-item-jt-white.png");}
 		}
 	}
 .word-list-item.active{
 	background-color: #edf9ff;box-shadow: 0 2rpx 8rpx rgba(6, 138, 234, 0.2);
 	.item-arrow{
 		background-color: #cdecfb;
-		icon{background-image: url("@/static/images/common/jt-up-white-icon.svg");transform: rotate(90deg);}
+		icon{background-image: url("@/static/images/common/xbb-item-jt.png");}
 	}
 }

+ 7 - 8
common/styles/global/pages.scss

@@ -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;