|
@@ -44,7 +44,13 @@
|
|
|
<div class="mutal-info" v-if="mutalInfo">
|
|
|
<img v-if="smartRate.smartRateSummary.rateInfo.RatingSource === 'StudentWork'" :src="mutalInfo.material" />
|
|
|
<p v-if="smartRate.smartRateSummary.rateInfo.RatingSource === 'IRS'" v-html="mutalInfo.material"></p>
|
|
|
- <span class="svg-box" v-for="(item, index) in mutalInfo.obtained" :key="index" v-html="item.strokeComment"></span>
|
|
|
+
|
|
|
+ <Carousel v-model="mutalInfoCar" :radius-dot="true" loop class="svg-box">
|
|
|
+ <CarouselItem v-for="(item, index) in mutalInfo.obtained" :key="index">
|
|
|
+ <span v-html="item.strokeComment"></span>
|
|
|
+ </CarouselItem>
|
|
|
+ </Carousel>
|
|
|
+ <!-- <span class="svg-box" v-for="(item, index) in mutalInfo.obtained" :key="index" v-html="item.strokeComment"></span> -->
|
|
|
</div>
|
|
|
<div v-for="(item, index) in showResult" :key="index" style="margin-bottom: 5px;">
|
|
|
<span style="color: #2d8cf0;">{{ item.name }}</span>:
|
|
@@ -98,6 +104,7 @@ export default {
|
|
|
isComment: false,
|
|
|
allResult: [],
|
|
|
mutalInfo: undefined,
|
|
|
+ mutalInfoCar: 0,
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
@@ -295,6 +302,8 @@ export default {
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
+ height: 100%;
|
|
|
+ width: 300px;
|
|
|
}
|
|
|
svg {
|
|
|
width: 300px;
|