Browse Source

样式修改

tanxue 1 week ago
parent
commit
54926df5af

+ 22 - 2
common/styles/global/pages.scss

@@ -1757,6 +1757,26 @@
 	}
 }
 
+// 单词详情
+.word-view-page{
+	width: 100%;height: 100vh;background-color: #00c5fe;position: relative;
+	padding-top:var(--status-bar-height);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;
+		background-color: rgba(255, 255, 255, 0.6);border-radius:8rpx;}
+	.word-view-bottom{
+		width: 100%;height: 120rpx;background-color: #68b4e3;
+		border-top: 8rpx solid #add9f2;box-sizing: border-box;
+		display: flex;justify-content: space-between;align-items: center;
+		.word-view-btn{
+			width: 160rpx;height: 62rpx;line-height: 62rpx;
+			background-color: #fff;color: #333;text-align: center;}
+		.bottom-btn-box{display: flex;}
+	}
+	.word-view-swiper-box{flex: 1;overflow-y: auto;box-sizing: border-box;padding: 10rpx;}
+}
+
 // 选择版本
 .select-version-page{
 	width: 100%;height: 100vh;background-color: #00c5fe;position: relative;
@@ -1772,10 +1792,10 @@
 	}
 	.tab-item {
 		// width: 50%;height: 62rpx;line-height: 62rpx;
-		width: 288rpx;height: 60rpx;line-height: 60rpx;background-image: url("@/static/images/grade/grades-lv-bj2.png");
+		width: 288rpx;height: 60rpx;line-height: 60rpx;background-image: url("@/static/images/grade/grades-lv-bj.png");
 		text-align: center;font-size: 28rpx;color: #fff;@include ezy-no-repeat-cover;
 	}
-	.tab-item.active{background-image: url("@/static/images/grade/grades-lv-a-bj2.png");color: #fff;border-radius: 8rpx;color: #6e0c02;}
+	.tab-item.active{background-image: url("@/static/images/grade/grades-lv-a-bj.png");color: #fff;border-radius: 8rpx;color: #6e0c02;}
 	.select-version-body{flex: 1;overflow-y: auto;padding-top:24rpx;box-sizing: border-box;}
 	.version-content-box{
 		display: flex;flex-wrap: wrap;padding: 0 10rpx;box-sizing: border-box;

+ 1 - 3
pages/newEnglish/components/mainCard.vue

@@ -1,6 +1,5 @@
 <template>
-	<view>
-		<swiper class="swiper" :indicator-dots="false" :autoplay="false" :circular="false">
+		<swiper class="word-view-swiper-box" :indicator-dots="false" :autoplay="false" :circular="false">
 			<swiper-item>
 				<view class="swiper-item uni-bg-red">
@@ -32,7 +31,6 @@
 				</view>
 			</swiper-item>
 		</swiper>
-	</view>
 </template>
 
 <script setup>

BIN
static/images/grade/grades-lv-a-bj2.png


BIN
static/images/grade/grades-lv-bj2.png