|
|
@@ -1711,4 +1711,46 @@
|
|
|
.hdj-text{font-size: 32rpx;color: #333;margin-left: auto;}
|
|
|
}
|
|
|
}
|
|
|
+}
|
|
|
+
|
|
|
+// 单词列表页
|
|
|
+.word-list-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);background-image: url("@/static/images/common/ezy-page-bj.png");
|
|
|
+ .ezy-border-body{
|
|
|
+ width: 94%;height: 90vh;margin: 3% 3%;display: flex;flex-direction: column;
|
|
|
+ background-color: rgba(255, 255, 255, 0.6);border-radius:0 0 8rpx 8rpx;}
|
|
|
+ .word-title-box{
|
|
|
+ box-sizing: border-box;padding: 20rpx 24rpx;margin: 0 8rpx;text-align: justify;
|
|
|
+ color: #068aea;font-size: 34rpx;font-weight: bold;flex-shrink: 0;
|
|
|
+ border-bottom: 1rpx dashed #068aea;line-height: 1.4;}
|
|
|
+ .word-list-body{flex: 1;overflow-y: auto;box-sizing: border-box;padding: 0 24rpx;}
|
|
|
+ .word-num-box{
|
|
|
+ display: flex;align-items: center;padding: 20rpx 24rpx;box-sizing: border-box;
|
|
|
+ icon{width: 10rpx;height: 32rpx;background-color:#068aea;border-radius:4rpx;margin-right: 8rpx;}
|
|
|
+ text{font-size: 34rpx;color: #068aea;font-weight: bold;}
|
|
|
+ }
|
|
|
+ .word-list-item{
|
|
|
+ display: flex;margin-bottom: 24rpx;
|
|
|
+ background-color: #fff;border-radius:14rpx;overflow: hidden;
|
|
|
+ .item-word{
|
|
|
+ width: 40%;margin: 16rpx 0 0 24rpx;line-height: 1.4;flex-shrink: 0;
|
|
|
+ .word-text{font-size: 34rpx;color: #000;font-weight: bold;}
|
|
|
+ .phonetic-alphabet{font-size: 26rpx;color: #999;margin: 0 0 16rpx;}
|
|
|
+ }
|
|
|
+ .item-explain{
|
|
|
+ width: 44%;display: flex;align-items: center;flex-direction: column;justify-content: center;margin-right: 2%;flex-shrink: 0;
|
|
|
+ .item-explain-content{height: 70rpx;text-align: justify;font-size: 22rpx;color: #787878;line-height: 1.4;overflow: hidden;}
|
|
|
+ .explain-v{@include multi-line-ellipsis(2);}
|
|
|
+ .explain-n{@include multi-line-ellipsis(2);}
|
|
|
+ .explain-v + .explain-n{margin-top: 6rpx;}
|
|
|
+ }
|
|
|
+ .item-arrow{
|
|
|
+ width: 10%;background-color: #f4f4f4;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");}
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
tanxue