diff --git a/src/pages/courseDetail/index.vue b/src/pages/courseDetail/index.vue
index 4923ee0c..4716f34b 100644
--- a/src/pages/courseDetail/index.vue
+++ b/src/pages/courseDetail/index.vue
@@ -32,7 +32,7 @@
已学
{{ form.styParaGraphNum || 0 }}
-
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+ 吾日三省吾身，传不习乎？
+
+
+
+
+
+
+
+
+ {{index + 1}}
+
+
+
+
+
+ {{'李想'}}
+ {{'吉林银行白城分行'}}
+
+ {{100 - index}}
+
+
+
+
+
+
+
+ {{21}}
+
+
+
+
+
+ {{'李想'}}
+ {{'吉林银行白城分行'}}
+
+ {{22}}
+
+
+
@@ -8,15 +63,272 @@
export default {
data() {
return {
-
+
}
},
methods: {
-
+
}
}
-
+ .exam-ranking {
+ position: relative;
+ height: 100vh;
+ width: 100vw;
+ overflow: hidden;
+ box-sizing: border-box;
+ padding-top: $top-height;
+
+ // background:url(@/static/images/examRanking/bg.png) no-repeat top center;
+ .bg-box {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100vw;
+ height: 412rpx;
+ z-index: 1;
+ }
+
+ .ranking-box {
+ height: calc(100% - $top-height);
+ overflow: hidden;
+ position: absolute;
+ top: $top-height;
+ width: 100%;
+ z-index: 2;
+ }
+
+ .nav-div {
+ position: relative;
+ overflow: hidden;
+ height: 70rpx;
+
+ .back_div {
+ margin-right: 10rpx;
+ position: absolute;
+ left: 25rpx;
+ top: 0;
+ padding: 15rpx;
+
+ .back-icon {
+ position: relative;
+ width: 40rpx;
+ height: 40rpx;
+ cursor: pointer;
+ }
+
+ .back-icon::before,
+ .back-icon::after {
+ content: '';
+ position: absolute;
+ transition: all 0.3s ease;
+ }
+
+ .back-icon::after {
+ top: 25%;
+ left: 25%;
+ width: 40%;
+ height: 40%;
+ border-top: 4rpx solid #000;
+ border-left: 4rpx solid #000;
+ transform: rotate(-45deg);
+ }
+ }
+ }
+
+ .title-view {
+ height: 180rpx;
+ position: relative;
+ padding-left: 79rpx;
+ padding-top: 20rpx;
+
+ .cup-image {
+ position: absolute;
+ right: 90rpx;
+ bottom: 0;
+ width: 178rpx;
+ height: 159rpx;
+ }
+
+ .title-desc {
+ color: #666;
+ line-height: 34rpx;
+ font-size: 25rpx;
+ }
+
+ .title-image {
+ width: 308rpx;
+ height: 88rpx;
+ }
+ }
+
+ .ranking-body {
+ height: calc(100% - 170rpx - 180rpx - 70rpx);
+ overflow: hidden;
+ background-color: #fff;
+ border-radius: 31rpx 31rpx 0 0;
+ padding-top: 20rpx;
+ box-sizing: border-box;
+ .scroll-items-view{
+ height: calc(100% - 54rpx);
+ }
+ }
+
+ .list-item {
+ height: 108rpx;
+ border-bottom: 2rpx solid #efefef;
+ overflow: hidden;
+
+ &.list-header {
+ height: 54rpx;
+ line-height: 54rpx;
+ color: #999;
+ font-size: 25rpx;
+ border-bottom: 0;
+ .rank-column {
+ height: 54rpx;
+ line-height: 54rpx;
+ color: #999;
+ font-weight: normal;
+ font-size: 25rpx;
+ font-style: initial;
+ text-indent: 0;
+ }
+ .user-column {
+ padding: 0;
+ }
+ .score-column {
+ line-height: 54rpx;
+ color: #999;
+ font-weight: normal;
+ font-size: 25rpx;
+ }
+ }
+
+ &.item-1 {
+ border-bottom: 0;
+ margin-bottom: 8rpx;
+ background: linear-gradient(90deg, #fbf9f5 0%, #fffffd 100%);
+ .rank-column{
+ color: #ffffff00;
+ background: url(@/static/images/examRanking/no-1.png) no-repeat ;
+ background-position: 40rpx center;
+ background-size: 44rpx 66rpx;
+ text-indent: 8rpx;
+ }
+ }
+
+ &.item-2 {
+ border-bottom: 0;
+ margin-bottom: 8rpx;
+ background: linear-gradient(90deg, #f4f8f9 0%, #f7fbfe 100%);
+ .rank-column{
+ color: #ffffff00;
+ background: url(@/static/images/examRanking/no-2.png) no-repeat ;
+ background-position: 40rpx center;
+ background-size: 44rpx 66rpx;
+ text-indent: 8rpx;
+ }
+ }
+
+ &.item-3 {
+ border-bottom: 0;
+ margin-bottom: 8rpx;
+ background: linear-gradient(90deg, #faf6f5 0%, #fcfbfc 100%);
+ .rank-column{
+ color: #ffffff00;
+ background: url(@/static/images/examRanking/no-3.png) no-repeat ;
+ background-position: 40rpx center;
+ background-size: 44rpx 66rpx;
+ text-indent: 8rpx;
+ }
+ }
+
+ &.item-me{
+ border-bottom: 0;
+ .rank-column {
+ color: #06f;
+ }
+ }
+
+ .rank-column {
+ width: 170rpx;
+ padding-left: 40rpx;
+ float: left;
+ font-weight: 600;
+ line-height: 92rpx;
+ height: 108rpx;
+ color: #333;
+ font-size: 38rpx;
+ font-style: italic;
+ text-indent: 8rpx;
+ }
+
+ .user-column {
+ width: 450rpx;
+ float: left;
+ padding: 15rpx 0;
+
+ .avatar-box{
+ width: 77rpx;
+ height: 77rpx;
+ overflow: hidden;
+ float: left;
+ background-color: #eee;
+ border-radius: 50%;
+ .avatar-image{
+ width: 77rpx;
+ height: 77rpx;
+ }
+ }
+ .user-name{
+ float: left;
+ width: calc(100% - 77rpx);
+ padding-left: 18rpx;
+ padding-right: 18rpx;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ height: 40rpx;
+ line-height: 40rpx;
+ font-size: 29rpx;
+ color: #000;
+ font-weight: 500;
+ }
+ .user-org{
+ float: left;
+ width: calc(100% - 77rpx);
+ padding-left: 18rpx;
+ padding-right: 18rpx;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ height: 34rpx;
+ line-height: 34rpx;
+ font-size: 25rpx;
+ color: #999;
+ }
+ }
+
+ .score-column {
+ width: 75rpx;
+ text-align: right;
+ float: left;
+ font-weight: 600;
+ line-height: 108rpx;
+ color: #333;
+ font-size: 31rpx;
+ }
+ }
+ .ranking-self {
+ height: 170rpx;
+ overflow: hidden;
+ background-color: #f5f9ff;
+ padding-top: 4rpx;
+ }
+ }
+
\ No newline at end of file
diff --git a/src/static/images/examRanking/bg.png b/src/static/images/examRanking/bg.png
new file mode 100644
index 00000000..a6e313c3
Binary files /dev/null and b/src/static/images/examRanking/bg.png differ
diff --git a/src/static/images/examRanking/cup.png b/src/static/images/examRanking/cup.png
new file mode 100644
index 00000000..acf36b85
Binary files /dev/null and b/src/static/images/examRanking/cup.png differ
diff --git a/src/static/images/examRanking/no-1.png b/src/static/images/examRanking/no-1.png
new file mode 100644
index 00000000..9896fd58
Binary files /dev/null and b/src/static/images/examRanking/no-1.png differ
diff --git a/src/static/images/examRanking/no-2.png b/src/static/images/examRanking/no-2.png
new file mode 100644
index 00000000..711edf2f
Binary files /dev/null and b/src/static/images/examRanking/no-2.png differ
diff --git a/src/static/images/examRanking/no-3.png b/src/static/images/examRanking/no-3.png
new file mode 100644
index 00000000..11871aa0
Binary files /dev/null and b/src/static/images/examRanking/no-3.png differ
diff --git a/src/static/images/examRanking/no1.png b/src/static/images/examRanking/no1.png
new file mode 100644
index 00000000..3e6e3f52
Binary files /dev/null and b/src/static/images/examRanking/no1.png differ
diff --git a/src/static/images/examRanking/no2.png b/src/static/images/examRanking/no2.png
new file mode 100644
index 00000000..d97f0d0b
Binary files /dev/null and b/src/static/images/examRanking/no2.png differ
diff --git a/src/static/images/examRanking/no3.png b/src/static/images/examRanking/no3.png
new file mode 100644
index 00000000..d3fa9493
Binary files /dev/null and b/src/static/images/examRanking/no3.png differ
diff --git a/src/static/images/examRanking/title.png b/src/static/images/examRanking/title.png
new file mode 100644
index 00000000..0f70b9be
Binary files /dev/null and b/src/static/images/examRanking/title.png differ