page css edit

This commit is contained in:
joshen
2024-05-14 21:02:41 +08:00
parent 258812b777
commit 6a38f22dfa
2 changed files with 43 additions and 48 deletions

View File

@@ -1,37 +1,38 @@
<template>
<view class="ranking-list-info">
<view class="back-icon" @click="back()">
<u-icon style="position: absolute;" name="arrow-left"></u-icon>
<text class="back-icon-title">个人信息</text>
</view>
<view class="ranking-list-box">
<view class="main">
<view class="tip" v-if="lecturersList.length">请选择您要评分的讲师{{lecturersList.length}}</view>
<view class="lecturers">
<view v-for="( itemes, index) in lecturersList" :key="itemes.id" class="lecturers_item" @click="gotoInfo(itemes)">
<view class="avatar">
<image :src="`../../../static/images/lecturer/teacher.png`" style="width: 144rpx;height: 144rpx;border-radius: 72rpx;"></image>
</view>
<view class="information">
<view class="information_1">
<view class="name">{{ itemes.teacherName }}</view>
<view class="numbering">{{itemes.teacherNo}}</view>
</view>
<view class="information_2">{{itemes.orgPath}}</view>
<view class="information_3">
<view class="posts">{{ itemes.positionName }}</view>
<view class="rank">{{ itemes.bandCode }}</view>
</view>
</view>
<view v-if="itemes.score && itemes.score<=80" class="status" style="color: #FF4040">{{itemes.score}}</view>
<view v-if="itemes.score && itemes.score>80" class="status" style="color:#31AF0D">{{itemes.score}}</view>
<view v-if="!itemes.score" class="status" style="color:#409EFF">去评</view>
</view>
</view>
<u-empty mode="list" icon="http://cdn.uviewui.com/uview/empty/car.png"></u-empty>
</view>
</view>
</view>
<u-toast ref="uToast"></u-toast>
<view class="back-icon" @click="back()">
<u-icon style="position: absolute;" name="arrow-left"></u-icon>
<text class="back-icon-title">个人信息</text>
</view>
<view class="ranking-list-box">
<view class="main">
<view class="tip" v-if="lecturersList.length">请选择您要评分的讲师{{lecturersList.length}}</view>
<view class="lecturers">
<view v-for="( itemes, index) in lecturersList" :key="itemes.id" class="lecturers_item" @click="gotoInfo(itemes)">
<view class="avatar">
<image :src="`../../../static/images/lecturer/teacher.png`" style="width: 144rpx;height: 144rpx;border-radius: 72rpx;"></image>
</view>
<view class="information">
<view class="information_1">
<view class="name">{{ itemes.teacherName }}</view>
<view class="numbering">{{itemes.teacherNo}}</view>
</view>
<view class="information_2">{{itemes.orgPath}}</view>
<view class="information_3">
<view class="posts">{{ itemes.positionName }}</view>
<view class="rank">{{ itemes.bandCode }}</view>
</view>
</view>
<view v-if="itemes.score && itemes.score<=80" class="status" style="color: #FF4040">{{itemes.score}}</view>
<view v-if="itemes.score && itemes.score>80" class="status" style="color:#31AF0D">{{itemes.score}}</view>
<view v-if="!itemes.score" class="status" style="color:#409EFF">去评分</view>
</view>
</view>
<u-empty v-if="lecturersList.length == 0 && lecturersList!==''" mode="list" icon="http://cdn.uviewui.com/uview/empty/car.png"></u-empty>
</view>
</view>
</view>
</template>
<script>
@@ -56,9 +57,10 @@
reviewId: options.reviewId
}).then(res => {
if (res.code == 200) {
this.lecturersList = res.data
this.lecturersList = res.data
} else {
this.$message.error(res.message);
this.lecturersList = []
this.$refs.uToast.show({message:res.msg,type:'error'});
}
});
},