hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-12 12:26:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

图片路径

Browse Source
This commit is contained in:
lmj
2022-10-15 18:01:49 +08:00
parent a4e22c2989
commit b1608b78e4
11 changed files with 41 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Course/myNote.vue
View File

@@ -8,9 +8,9 @@
<!-- 新增笔记 --> <!-- 新增笔记 -->
<div class="newcote-content" v-if="notetab == 1"> <div class="newcote-content" v-if="notetab == 1">
<div class="newcote-time" v-if="mynoteData.playTime != 0"> <div class="newcote-time" v-if="mynoteData.playTime != 0">
<img src="../../../public/images/coteplay.png" /> <img :src="`${webBaseUrl}/images/coteplay.png`" />
{{formatSeconds(mynoteData.playTime)}} {{formatSeconds(mynoteData.playTime)}}
<img src="../../../public/images/cotedetel.png" @click="timeDel()" /> <img :src="`${webBaseUrl}/images/cotedetel.png`" @click="timeDel()" />
</div> </div>
<div class="newcote-text"> <div class="newcote-text">
<el-input type="textarea" :autofocus="true" placeholder="好记性不如烂笔头，记录些什么吧～" <el-input type="textarea" :autofocus="true" placeholder="好记性不如烂笔头，记录些什么吧～"
@@ -46,7 +46,7 @@
</span> </span>
<div style="margin-top:10px" class="newcote-time" v-if="note.playTime" <div style="margin-top:10px" class="newcote-time" v-if="note.playTime"
@click="onPlayVideo(note.contentId,note.playTime)"> @click="onPlayVideo(note.contentId,note.playTime)">
<img src="../../../public/images/coteplay.png" alt=""> <img :src="`${webBaseUrl}/images/coteplay.png`" alt="">
{{formatSeconds(note.playTime)}} {{formatSeconds(note.playTime)}}
</div> </div>
<div class="newcote-text"> <div class="newcote-text">
@@ -56,7 +56,7 @@
<h6 class="mycote-dibu">已经到底啦</h6> <h6 class="mycote-dibu">已经到底啦</h6>
</div> </div>
<div class="my-nonote" v-else> <div class="my-nonote" v-else>
<img src="../../../public/images/no-note.png" alt="" /> <img :src="`${webBaseUrl}/images/no-note.png`" alt="" />
<h6 style="color: #666666;font-size: 14px;">你还没有记录此课程的笔记哦～</h6> <h6 style="color: #666666;font-size: 14px;">你还没有记录此课程的笔记哦～</h6>
</div> </div>
</div> </div>
@@ -68,9 +68,9 @@
</p> </p>
<div class="newcote-content" style="margin-top:10px;min-height:236px;height: 100%;"> <div class="newcote-content" style="margin-top:10px;min-height:236px;height: 100%;">
<div class="newcote-time" v-if="mynoteData.playTime != 0"> <div class="newcote-time" v-if="mynoteData.playTime != 0">
<img src="../../../public/images/coteplay.png" /> <img :src="`${webBaseUrl}/images/coteplay.png`" />
{{formatSeconds(mynoteData.playTime)}} {{formatSeconds(mynoteData.playTime)}}
<img src="../../../public/images/cotedetel.png" @click="timeDel()" /> <img :src="`${webBaseUrl}/images/cotedetel.png`" @click="timeDel()" />
</div> </div>
<div class="newcote-text"> <div class="newcote-text">
<el-input type="textarea" :autofocus="true" placeholder="好记性不如烂笔头，记录些什么吧～" <el-input type="textarea" :autofocus="true" placeholder="好记性不如烂笔头，记录些什么吧～"
@@ -82,7 +82,7 @@
</div> </div>
</div> </div>
<div class="newcote-bottom" v-if="notetab == 1 || isEdit"> <div class="newcote-bottom" v-if="notetab == 1 || isEdit">
<span v-if="btnPlayTime" style="cursor: pointer;" @click="videoLocation"> <img src="../../../public/images/playtime.png" <span v-if="btnPlayTime" style="cursor: pointer;" @click="videoLocation"> <img :src="`${webBaseUrl}/images/playtime.png`"
alt=""> 视频位置</span> alt=""> 视频位置</span>
<el-radio v-if="mynoteData.openType == 9" v-model="editRadio" :label="9">公开</el-radio> <el-radio v-if="mynoteData.openType == 9" v-model="editRadio" :label="9">公开</el-radio>
<el-radio v-model="editRadio" :label="1">私密</el-radio> <el-radio v-model="editRadio" :label="1">私密</el-radio>
@@ -92,7 +92,7 @@
</div> </div>
<div class="animation-box" :class="inAnimation?'animation':''" @animationend="inAnimation=false"> <div class="animation-box" :class="inAnimation?'animation':''" @animationend="inAnimation=false">
<div class="box-text"> <div class="box-text">
<img src="../../../public/images/success-note.png" />{{inAnimationText}} <img :src="`${webBaseUrl}/images/success-note.png`" />{{inAnimationText}}
</div> </div>
</div> </div>
</div> </div>

8
src/components/HomePage/followList.vue
View File

@@ -11,8 +11,8 @@
<div v-else class="uavatar"> <div v-else class="uavatar">
<div v-if="item.authorInfo.sex == null" style="border-radius: 50%;width: 60px;height: 60px;"></div> <div v-if="item.authorInfo.sex == null" style="border-radius: 50%;width: 60px;height: 60px;"></div>
<div v-else> <div v-else>
<div v-if="item.authorInfo.sex === 1 "><img style="width:60px;height:60" src="../../../public/images/Avatarman.png" alt=""></div> <div v-if="item.authorInfo.sex === 1 "><img style="width:60px;height:60" :src="`${webBaseUrl}/images/Avatarman.png`" alt=""></div>
<div v-else><img style="width:60px;height:60" src="../../../public/images/Avatarwoman.png" alt=""></div> <div v-else><img style="width:60px;height:60" :src="`${webBaseUrl}/images/Avatarwoman.png`" alt=""></div>
</div> </div>
</div> </div>
<!-- <img style="width:60px;height:60" :src="item.authorInfo.avatar"/> --> <!-- <img style="width:60px;height:60" :src="item.authorInfo.avatar"/> -->
@@ -54,8 +54,8 @@
<div v-else class="uavatar"> <div v-else class="uavatar">
<div v-if="maPage.userFollow.authorInfo.sex == null" style="border-radius: 50%;width: 60px;height: 60px;"></div> <div v-if="maPage.userFollow.authorInfo.sex == null" style="border-radius: 50%;width: 60px;height: 60px;"></div>
<div v-else> <div v-else>
<div v-if="maPage.userFollow.authorInfo.sex === 1 "><img style="width:60px;height:60" src="../../../public/images/Avatarman.png" alt=""></div> <div v-if="maPage.userFollow.authorInfo.sex === 1 "><img style="width:60px;height:60" :src="`${webBaseUrl}/images/Avatarman.png`" alt=""></div>
<div v-else><img style="width:60px;height:60" src="../../../public/images/Avatarwoman.png" alt=""></div> <div v-else><img style="width:60px;height:60" :src="`${webBaseUrl}/images/Avatarwoman.png`" alt=""></div>
</div> </div>
</div> </div>
<!-- <img style="width:60px;height:60" :src="item.authorInfo.avatar"/> --> <!-- <img style="width:60px;height:60" :src="item.authorInfo.avatar"/> -->

4
src/components/HomePage/homePage.vue
View File

@@ -5,8 +5,8 @@
<div class="uesr-avaer"> <div class="uesr-avaer">
<img :src="fileBaseUrl+userData.avatar" v-if="userData.avatar !== '' "> <img :src="fileBaseUrl+userData.avatar" v-if="userData.avatar !== '' ">
<div v-else class="uavatar"> <div v-else class="uavatar">
<div v-if="userData.sex === 1 "><img src="../../../public/images/Avatarman.png" style="width: 100%;" alt=""></div> <div v-if="userData.sex === 1 "><img :src="`${webBaseUrl}/images/Avatarman.png`" style="width: 100%;" alt=""></div>
<div v-if="userData.sex === 2 "><img src="../../../public/images/Avatarwoman.png" style="width: 100%;" alt=""></div> <div v-if="userData.sex === 2 "><img :src="`${webBaseUrl}/images/Avatarwoman.png`" style="width: 100%;" alt=""></div>
</div> </div>
</div> </div>

4
src/components/Portal/authorImg.vue
View File

@@ -5,8 +5,8 @@
<div v-else class="uavatar"> <div v-else class="uavatar">
<div v-if="sex == null" style="border-radius: 50%;" :style="`width:${width};height:${height};`"></div> <div v-if="sex == null" style="border-radius: 50%;" :style="`width:${width};height:${height};`"></div>
<div v-else> <div v-else>
<div v-if="sex === 1 "><img src="../../../public/images/Avatarman.png" alt=""></div> <div v-if="sex === 1 "><img :src="`${webBaseUrl}/images/Avatarman.png`" alt=""></div>
<div v-else><img src="../../../public/images/Avatarwoman.png" alt=""></div> <div v-else><img :src="`${webBaseUrl}/images/Avatarwoman.png`" alt=""></div>
</div> </div>
</div> </div>
</div> </div>

6
src/views/portal/case/Index.vue
View File

@@ -16,7 +16,7 @@
<div class="search-item"> <div class="search-item">
<div style="margin-top:10px; display: flex;"> <div style="margin-top:10px; display: flex;">
<div style="line-height: 25px;padding-right: 10px;"> <div style="line-height: 25px;padding-right: 10px;">
<img class="orgaicon" src="../../../../public/images/orgaimg.png" alt=""> <img class="orgaicon" :src="`${webBaseUrl}/images/orgaimg.png`" alt="">
<span class="item-title" >组织领域</span> <span class="item-title" >组织领域</span>
<span class="item-line"></span> <span class="item-line"></span>
</div> </div>
@@ -33,7 +33,7 @@
<div style="margin-top:10px; display: flex;"> <div style="margin-top:10px; display: flex;">
<div style="line-height: 25px;padding-right: 10px;"> <div style="line-height: 25px;padding-right: 10px;">
<img class="orgaicon" src="../../../../public/images/specimg.png" alt=""> <img class="orgaicon" :src="`${webBaseUrl}/images/specimg.png`" alt="">
<span class="item-title" >专业分类</span> <span class="item-title" >专业分类</span>
<span class="item-line"></span> <span class="item-line"></span>
</div> </div>
@@ -112,7 +112,7 @@
<span class="pag-text" @click="loadMore()" v-if="moreState == 1">加载更多</span> <span class="pag-text" @click="loadMore()" v-if="moreState == 1">加载更多</span>
<span class="pag-text-msg" v-else-if="moreState == 2">数据加载中</span> <span class="pag-text-msg" v-else-if="moreState == 2">数据加载中</span>
<span class="notcoures" v-else-if="moreState == 3 && !isSeach"> <span class="notcoures" v-else-if="moreState == 3 && !isSeach">
<img src="../../../../public/images/nocase.png" alt=""> <img :src="`${webBaseUrl}/images/nocase.png`" alt="">
<h5>暂无案例，请优先学习其它案例吧～</h5> <h5>暂无案例，请优先学习其它案例吧～</h5>
</span> </span>
<span class="pag-text-msg" v-else-if="isSeach">没有查询到相关内容</span> <span class="pag-text-msg" v-else-if="isSeach">没有查询到相关内容</span>

6
src/views/portal/course/Index.vue
View File

@@ -113,7 +113,7 @@
<span class="pag-text" @click="loadMore()" v-if="moreState == 1 && courseList.length>=course.pageSize">加载更多</span> <span class="pag-text" @click="loadMore()" v-if="moreState == 1 && courseList.length>=course.pageSize">加载更多</span>
<span class="pag-text-msg" v-else-if="moreState == 2">数据加载中</span> <span class="pag-text-msg" v-else-if="moreState == 2">数据加载中</span>
<span class="notcoures" v-else-if="moreState == 3"> <span class="notcoures" v-else-if="moreState == 3">
<img src="../../../../public/images/nocouresimg.png" alt=""> <img :src="`${webBaseUrl}/images/nocouresimg.png`" alt="">
<h5>暂无课程，请优先学习其它课程吧～</h5> <h5>暂无课程，请优先学习其它课程吧～</h5>
</span> </span>
</div> </div>
@@ -179,10 +179,10 @@
<li class="list-info" v-for="(item, index) in ankingList" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;"> <li class="list-info" v-for="(item, index) in ankingList" :key="index" style="cursor: pointer;margin-top:24px;line-height: 30px;display: flex;">
<a style="display: inherit" :href="toCourseDetail(item)"> <a style="display: inherit" :href="toCourseDetail(item)">
<span class="portal-right-text orange-one" v-if="index==0"> <span class="portal-right-text orange-one" v-if="index==0">
<img src="`${webBaseUrl}/images/list-01.png`" alt=""> <img :src="`${webBaseUrl}/images/list-01.png`" alt="">
</span> </span>
<span class="portal-right-text orange-tow" v-if="index==1"> <span class="portal-right-text orange-tow" v-if="index==1">
<img src="/images/list02.png" alt=""> <img :src="`${webBaseUrl}/images/list02.png`" alt="">
</span> </span>
<span class="portal-right-text orange-three" v-if="index==2"> <span class="portal-right-text orange-three" v-if="index==2">
<img :src="`${webBaseUrl}/images/list03.png`" alt=""> <img :src="`${webBaseUrl}/images/list03.png`" alt="">

4
src/views/study/coursenew.vue
View File

@@ -122,7 +122,7 @@
<div v-for="(item, index) in catalogTree" :key="index" :name="index"> <div v-for="(item, index) in catalogTree" :key="index" :name="index">
<div style="margin: 10px 0px;font-weight: 700;">{{item.section.name}}</div> <div style="margin: 10px 0px;font-weight: 700;">{{item.section.name}}</div>
<div class="units-info" :class="{'units-active':contentData.id == ele.id}" @click="showRes(ele,i,index)" v-for="(ele, i) in item.children" :key="i"> <div class="units-info" :class="{'units-active':contentData.id == ele.id}" @click="showRes(ele,i,index)" v-for="(ele, i) in item.children" :key="i">
<img v-if="contentData.id == ele.id" src="../../../public/images/playicon.png" alt=""> {{i+1}}. <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> {{i+1}}.
{{ ele.contentName }} {{ ele.contentName }}
</div> </div>
</div> </div>
@@ -131,7 +131,7 @@
<!-- contentList --> <!-- contentList -->
<div class="units-info" v-for="(list, index) in contentList" :key="index" :name="index" @click="showRes(list,i,index)" :class="{'units-active':contentData.id == list.id}"> <div class="units-info" v-for="(list, index) in contentList" :key="index" :name="index" @click="showRes(list,i,index)" :class="{'units-active':contentData.id == list.id}">
<!-- <div class="units-info" :class="{'units-active':contentData.id == ele.id}" @click="showRes(ele,i,index)" v-for="(ele, i) in item.children" :key="i"> --> <!-- <div class="units-info" :class="{'units-active':contentData.id == ele.id}" @click="showRes(ele,i,index)" v-for="(ele, i) in item.children" :key="i"> -->
<img v-if="contentData.id == list.id" src="../../../public/images/playicon.png" alt=""> {{index+1}}. <img v-if="contentData.id == list.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> {{index+1}}.
{{ list.contentName }} {{ list.contentName }}
<!-- </div> --> <!-- </div> -->
</div> </div>

10
src/views/ucurrency/Index.vue
View File

@@ -15,7 +15,7 @@
<h3>{{day.dayNmae}}</h3> <h3>{{day.dayNmae}}</h3>
<div class="Recording-info" v-for="info in day.list"> <div class="Recording-info" v-for="info in day.list">
<div class="info-tit">{{info.content}}</div> <div class="info-tit">{{info.content}}</div>
<div class="info-Gold"><img src="../../../public/images/Uimg.png" alt="">{{info.uvalue > 0? '+':''}} {{info.uvalue}}</div> <div class="info-Gold"><img :src="`${webBaseUrl}/images/Uimg.png`" alt="">{{info.uvalue > 0? '+':''}} {{info.uvalue}}</div>
</div> </div>
</div> </div>
</div> </div>
@@ -76,9 +76,9 @@
<div> <div>
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(ran,index) in rankingData" :key="ran.id"> <div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(ran,index) in rankingData" :key="ran.id">
<div class="tab-rank"> <div class="tab-rank">
<img v-if="index == 0" src="../../../public/images/rank1.png" alt=""/> <img v-if="index == 0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
<img v-if="index == 1" src="../../../public/images/rank2.png" alt=""/> <img v-if="index == 1" :src="`${webBaseUrl}/images/rank2.png`" alt=""/>
<img v-if="index == 2" src="../../../public/images/rank3.png" alt=""/> <img v-if="index == 2" :src="`${webBaseUrl}/images/rank3.png`" alt=""/>
<div v-if="index > 2" style="line-height: 40px;padding-left:15px;font-size: 16px;color: #333333;">{{index+1}}</div> <div v-if="index > 2" style="line-height: 40px;padding-left:15px;font-size: 16px;color: #333333;">{{index+1}}</div>
</div> </div>
<div class="tab-name"><author-img :avatar="ran.authorInfo.avatar" :aid="ran.authorInfo.aid" :sex="ran.authorInfo.sex"></author-img> <span>{{ran.authorInfo.name}}</span> </div> <div class="tab-name"><author-img :avatar="ran.authorInfo.avatar" :aid="ran.authorInfo.aid" :sex="ran.authorInfo.sex"></author-img> <span>{{ran.authorInfo.name}}</span> </div>
@@ -438,7 +438,7 @@
.box-top{ .box-top{
color: #FBA511; color: #FBA511;
padding: 26px 212px 17px 61px; padding: 26px 212px 17px 61px;
background: url('/images/homeWu/u-bg.png') no-repeat; background: url('../../../public/images/homeWu/u-bg.png') no-repeat;
} }
.box-table{ .box-table{
padding: 26px 14px 40px 66px; padding: 26px 14px 40px 66px;

4
src/views/user/Mynotes.vue
View File

@@ -62,7 +62,7 @@
<div class="all-title"> <div class="all-title">
<h3> {{ item.courseName }} </h3> <h3> {{ item.courseName }} </h3>
<div v-if="item.type==2">导入</div> <div v-if="item.type==2">导入</div>
<div v-if="item.playTime != ''"><img src="../../../public/images/coteplay.png" alt=""> {{ getHMS(item.playTime) }} </div> <div v-if="item.playTime != ''"><img :src="`${webBaseUrl}/images/coteplay.png`" alt=""> {{ getHMS(item.playTime) }} </div>
<span style="margin-left:14px">{{item.openType == 9?'公开':'私密'}}</span> <span style="margin-left:14px">{{item.openType == 9?'公开':'私密'}}</span>
<h6>{{ item.sysUpdateTime }}</h6> <h6>{{ item.sysUpdateTime }}</h6>
</div> </div>
@@ -147,7 +147,7 @@
<div class="Export-info" style="" v-for="(item,idx) in exportPreData" :key="idx"> <div class="Export-info" style="" v-for="(item,idx) in exportPreData" :key="idx">
<div class="all-title"> <div class="all-title">
<h3> {{item.courseName}}</h3> <h3> {{item.courseName}}</h3>
<div v-if="item.playTime != ''"><img src="../../../public/images/coteplay.png" alt="">{{item.playTime}}</div> <div v-if="item.playTime != ''"><img :src="`${webBaseUrl}/images/coteplay.png`" alt="">{{item.playTime}}</div>
<h6>{{item.sysCreateTime}}</h6> <h6>{{item.sysCreateTime}}</h6>
</div> </div>
<div class="all-content"> <div class="all-content">

2
src/views/user/Noteedit.vue
View File

@@ -9,7 +9,7 @@
<div class="edit-content"> <div class="edit-content">
<div class="note-tit"> <div class="note-tit">
<h3> {{ editdata.courseName }} </h3> <h3> {{ editdata.courseName }} </h3>
<div v-if="editdata.playTime != ''"><img src="../../../public/images/coteplay.png" alt="">8:40</div> <div v-if="editdata.playTime != ''"><img :src="`${webBaseUrl}/images/coteplay.png`" alt="">8:40</div>
</div> </div>
<div class="note-text" v-if="editdata.contentType != 3"> <div class="note-text" v-if="editdata.contentType != 3">
<!-- <input style="vertical-align:top;outline:none;" type="textarea" :rows="4" v-model="editdata.content"> --> <!-- <input style="vertical-align:top;outline:none;" type="textarea" :rows="4" v-model="editdata.content"> -->

18
src/views/user/ranking.vue
View File

@@ -50,9 +50,9 @@
<div style="height:450px;overflow-y:auto"> <div style="height:450px;overflow-y:auto">
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(ran,index) in experience.list" :key="ran.id"> <div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(ran,index) in experience.list" :key="ran.id">
<div class="tab-rank" > <div class="tab-rank" >
<img v-if="index ==0" src="../../../public/images/rank1.png" alt=""/> <img v-if="index ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
<img v-if="index ==1" src="../../../public/images/rank2.png" alt=""/> <img v-if="index ==1" :src="`${webBaseUrl}/images/rank2.png`" alt=""/>
<img v-if="index ==2" src="../../../public/images/rank3.png" alt=""/> <img v-if="index ==2" :src="`${webBaseUrl}/images/rank3.png`" alt=""/>
<div v-if="index >2" style="line-height: 40px;padding-left:15px;font-size: 16px;color: #333333;">{{index+1}}</div> <div v-if="index >2" style="line-height: 40px;padding-left:15px;font-size: 16px;color: #333333;">{{index+1}}</div>
</div> </div>
<div class="tab-name"> <div class="tab-name">
@@ -126,9 +126,9 @@
<div style="height:500px;overflow-y:auto"> <div style="height:500px;overflow-y:auto">
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(lan,idx) in learningDuration.list" :key="lan.id"> <div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(lan,idx) in learningDuration.list" :key="lan.id">
<div class="tab-rank"> <div class="tab-rank">
<img v-if="idx ==0" src="../../../public/images/rank1.png" alt=""/> <img v-if="idx ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
<img v-if="idx ==1" src="../../../public/images/rank2.png" alt=""/> <img v-if="idx ==1" :src="`${webBaseUrl}/images/rank2.png`" alt=""/>
<img v-if="idx ==2" src="../../../public/images/rank3.png" alt=""/> <img v-if="idx ==2" :src="`${webBaseUrl}/images/rank3.png`" alt=""/>
<div v-if="idx >2" style="line-height: 40px;padding-left:15px;font-size: 16px;color: #333333;">{{idx+1}}</div> <div v-if="idx >2" style="line-height: 40px;padding-left:15px;font-size: 16px;color: #333333;">{{idx+1}}</div>
</div> </div>
<div class="tab-name"> <div class="tab-name">
@@ -199,9 +199,9 @@
<div style="height:500px;overflow-y:auto"> <div style="height:500px;overflow-y:auto">
<div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(day,inx) in learningDays.list" :key="day.id"> <div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(day,inx) in learningDays.list" :key="day.id">
<div class="tab-rank" > <div class="tab-rank" >
<img v-if="inx ==0" src="../../../public/images/rank1.png" alt=""/> <img v-if="inx ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
<img v-if="inx ==1" src="../../../public/images/rank2.png" alt=""/> <img v-if="inx ==1" :src="`${webBaseUrl}/images/rank2.png`" alt=""/>
<img v-if="inx ==2" src="../../../public/images/rank3.png" alt=""/> <img v-if="inx ==2" :src="`${webBaseUrl}/images/rank3.png`" alt=""/>
<div v-if="inx >2" style="line-height: 40px;padding-left:15px;font-size: 16px;color: #333333;">{{inx+1}}</div> <div v-if="inx >2" style="line-height: 40px;padding-left:15px;font-size: 16px;color: #333333;">{{inx+1}}</div>
</div> </div>
<div class="tab-name"> <div class="tab-name">