lecturer teacher img edit

This commit is contained in:
joshen
2024-05-24 18:56:04 +08:00
parent 1d01fc8820
commit fa73f72e4e
4 changed files with 14 additions and 12 deletions

View File

@@ -5,7 +5,7 @@
<div class="info"> <div class="info">
<div class="info_top"> <div class="info_top">
<div class="header_img"> <div class="header_img">
<img :src="lecturersInfo.courseImage || `../../../static/images/lecturer/teacher.png`"></img> <img style="width: 144rpx;height: 144rpx;border-radius: 72rpx;" :src="lecturersInfo.courseImage&&imageBaseUrl+lecturersInfo.courseImage || (lecturersInfo.gender==2?'../../../static/images/lecturer/teacher_girl.png':'../../../static/images/lecturer/teacher.png')"></img>
</div> </div>
<div class="base_info"> <div class="base_info">
<div class="base_info_1"> <div class="base_info_1">
@@ -15,7 +15,7 @@
<div class="base_info_2">{{lecturersInfo.orgPath}}</div> <div class="base_info_2">{{lecturersInfo.orgPath}}</div>
<div class="base_info_3"> <div class="base_info_3">
<div>{{lecturersInfo.positionName}}</div> <div>{{lecturersInfo.positionName}}</div>
<div>{{lecturersInfo.bandCode}}</div> <!-- <div>{{lecturersInfo.bandCode}}</div> -->
</div> </div>
</div> </div>
</div> </div>
@@ -118,10 +118,12 @@
</view> </view>
</template> </template>
<script> <script>
import config from '@/config/index.js'
import apiLecturerCert from "@/api/lecturer/certification.js"; import apiLecturerCert from "@/api/lecturer/certification.js";
export default { export default {
data() { data() {
return { return {
imageBaseUrl: config.fileUrl,
showFlag: false, showFlag: false,
lecturersInfo: {}, lecturersInfo: {},
score:{ score:{
@@ -269,11 +271,11 @@
.base_info_2 { .base_info_2 {
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 1; -webkit-line-clamp: 2;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: normal; white-space: normal;
margin: 8px 0; margin: 8px 0 0;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;
@@ -300,7 +302,7 @@
text-align: left; text-align: left;
font-style: normal; font-style: normal;
span{ span{
width: 110px; width: 102px;
display: inline-block; display: inline-block;
} }
} }

View File

@@ -11,7 +11,7 @@
<view class="lecturers"> <view class="lecturers">
<view v-for="( itemes, index) in lecturersList" :key="itemes.id" class="lecturers_item" @click="gotoInfo(itemes)"> <view v-for="( itemes, index) in lecturersList" :key="itemes.id" class="lecturers_item" @click="gotoInfo(itemes)">
<view class="avatar"> <view class="avatar">
<image :src="`../../../static/images/lecturer/teacher.png`" style="width: 144rpx;height: 144rpx;border-radius: 72rpx;"></image> <image style="width: 144rpx;height: 144rpx;border-radius: 72rpx;" :src="itemes.courseImage&&imageBaseUrl+itemes.courseImage || (itemes.gender==2?'../../../static/images/lecturer/teacher_girl.png':'../../../static/images/lecturer/teacher.png')"></image>
</view> </view>
<view class="information"> <view class="information">
<view class="information_1"> <view class="information_1">
@@ -21,7 +21,7 @@
<view class="information_2">{{itemes.orgPath}}</view> <view class="information_2">{{itemes.orgPath}}</view>
<view class="information_3"> <view class="information_3">
<view class="posts">{{ itemes.positionName }}</view> <view class="posts">{{ itemes.positionName }}</view>
<view class="rank">{{ itemes.bandCode }}</view> <!-- <view class="rank">{{ itemes.bandCode }}</view> -->
</view> </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: #FF4040">{{itemes.score}}</view>
@@ -36,12 +36,13 @@
</template> </template>
<script> <script>
import config from '@/config/index.js'
import apiLecturerCert from "@/api/lecturer/certification.js"; import apiLecturerCert from "@/api/lecturer/certification.js";
export default { export default {
data() { data() {
return { return {
lecturersList: '' lecturersList: '',
imageBaseUrl: config.fileUrl
} }
}, },
onPullDownRefresh() { onPullDownRefresh() {
@@ -92,7 +93,7 @@
text-align: center; text-align: center;
} }
.main { .main {
height: 100vh; height: calc(100vh - 60px);
padding: 10px 13px 10px 16px; padding: 10px 13px 10px 16px;
background: #ffffff; background: #ffffff;
.tip { .tip {
@@ -105,10 +106,9 @@
} }
.lecturers{ .lecturers{
.lecturers_item{ .lecturers_item{
padding: 20rpx 0; padding: 20rpx 0 10rpx;
border-bottom: 1px solid rgba(83,83,83,0.06); border-bottom: 1px solid rgba(83,83,83,0.06);
width: 100%; width: 100%;
height: 95px;
display: flex; display: flex;
.avatar{ .avatar{
margin-left: 9px; margin-left: 9px;

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 64 KiB