技师头像显示优化

This commit is contained in:
曹磊 2025-03-25 14:46:24 +08:00
parent c0c0ab5dd5
commit 17fd5f4046
4 changed files with 45 additions and 32 deletions

View File

@ -43,7 +43,8 @@
<view class="flex align-center touxiang-left-view" v-for="(item, index) in dataList" :key='index' @click="itemClick(item)"> <view class="flex align-center touxiang-left-view" v-for="(item, index) in dataList" :key='index' @click="itemClick(item)">
<view class="touxiang-left-content"> <view class="touxiang-left-content">
<image style="border: 2px solid #e2e2e2;" class="touxiang-left-content-img" :src="item.artificerImg ? item.artificerImg : '../../static/logo.png'" @click.stop="saveImgs(item.artificerImg)" mode="aspectFill"></image> <image style="border: 2px solid #e2e2e2;" class="touxiang-left-content-img" :src="item.artificerImg ? item.artificerImg : '../../static/logo.png'" @click.stop="saveImgs(item.artificerImg)" mode="aspectFill"></image>
<image class="touxiang-frame" :src="item.technicianType=='3'?'../../static/vip/grade1-1.gif':item.technicianType=='4'?'../../static/vip/grade2-1.gif':'../../static/vip/grade3-1.gif'"></image> <!-- <image class="touxiang-frame" :src="item.technicianType=='3'?'../../static/vip/grade1-1.gif':item.technicianType=='4'?'../../static/vip/grade2-1.gif':'../../static/vip/grade3-1.gif'"></image> -->
<image class="touxiang-frame" :src="item.technicianType=='3'?'../../static/vip/grade4.png':item.technicianType=='4'?'../../static/vip/grade6.png':'../../static/vip/grade5.png'"></image>
</view> </view>
<view class="list-right"> <view class="list-right">
<view class="flex align-center" style="justify-content: start;"> <view class="flex align-center" style="justify-content: start;">
@ -349,13 +350,13 @@
} }
.touxiang-frame{ .touxiang-frame{
position: absolute; position: absolute;
width: 190rpx; width: 240rpx;
height: 190rpx; height:220rpx;
top:-6rpx; top:5rpx;
left:6rpx; left:5rpx;
} }
.touxiang-left-content{ .touxiang-left-content{
width: 180rpx; width:190rpx;
height: auto; height: auto;
border-radius: 10rpx; border-radius: 10rpx;
position: relative; position: relative;
@ -365,12 +366,12 @@
width: 150rpx; width: 150rpx;
height: 150rpx; height: 150rpx;
border-radius:120rpx; border-radius:120rpx;
margin: 0px 10px 0px 12px; // margin: 0px 10px 0px 12px;
} }
.touxiang-left-content-img{ .touxiang-left-content-img{
width: 150rpx; width: 160rpx;
height: 150rpx; height: 190rpx;
border-radius:120rpx; border-radius:30rpx;
margin: 14rpx 22rpx; margin: 14rpx 22rpx;
} }
.touxiang-left-view{ .touxiang-left-view{
@ -442,6 +443,7 @@
box-sizing: border-box; box-sizing: border-box;
position: absolute; position: absolute;
right:20rpx; right:20rpx;
margin-top:20rpx;
.whiteBox { .whiteBox {
height: 100%; height: 100%;
background: #ffffff; background: #ffffff;

View File

@ -97,40 +97,46 @@
<view class="my-serve-title">我的服务</view> <view class="my-serve-title">我的服务</view>
<view class="my-serve-view"> <view class="my-serve-view">
<view class="my-serve-list" @click="meServe('服务套餐')"> <view class="my-serve-list" @click="meServe('服务套餐')">
<div class="wdfw-dsy" v-show="wdfwTj.fwtc>0"> <!-- 允许发包时打开-->
</div> <!-- <div class="wdfw-dsy" v-show="wdfwTj.fwtc>0">
</div> -->
<image src="../../static/my-fuwu.png" mode=""></image> <image src="../../static/my-fuwu.png" mode=""></image>
<span class="my-serve-list-text">服务套餐</span> <span class="my-serve-list-text">服务套餐</span>
</view> </view>
<view class="my-serve-list" @click="meServe('项目次卡')"> <view class="my-serve-list" @click="meServe('项目次卡')">
<div class="wdfw-dsy" v-show="wdfwTj.xmck>0"> <!-- 允许发包时打开-->
</div> <!-- <div class="wdfw-dsy" v-show="wdfwTj.xmck>0">
</div> -->
<image src="../../static/my-cika.png" mode=""></image> <image src="../../static/my-cika.png" mode=""></image>
<span class="my-serve-list-text">项目次卡</span> <span class="my-serve-list-text">项目次卡</span>
</view> </view>
<view class="my-serve-list" @click="meServe('服务疗程')"> <view class="my-serve-list" @click="meServe('服务疗程')">
<div class="wdfw-dsy" v-show="wdfwTj.fwlc>0"> <!-- 允许发包时打开-->
</div> <!-- <div class="wdfw-dsy" v-show="wdfwTj.fwlc>0">
</div> -->
<image src="../../static/my-liaocheng.png" mode=""></image> <image src="../../static/my-liaocheng.png" mode=""></image>
<span class="my-serve-list-text">服务疗程</span> <span class="my-serve-list-text">服务疗程</span>
</view> </view>
</view> </view>
<view class="my-serve-view"> <view class="my-serve-view">
<view class="my-serve-list" @click="tuangou()"> <view class="my-serve-list" @click="tuangou()">
<div class="wdfw-dsy" v-show="wdfwTj.pt>0"> <!-- 允许发包时打开-->
</div> <!-- <div class="wdfw-dsy" v-show="wdfwTj.pt>0">
</div> -->
<image src="../../static/my-liaocheng2.png" mode=""></image> <image src="../../static/my-liaocheng2.png" mode=""></image>
<span class="my-serve-list-text">拼团</span> <span class="my-serve-list-text">拼团</span>
</view> </view>
<view class="my-serve-list" @click="miaoshao()"> <view class="my-serve-list" @click="miaoshao()">
<div class="wdfw-dsy" v-show="wdfwTj.xsms>0"> <!-- 允许发包时打开-->
</div> <!-- <div class="wdfw-dsy" v-show="wdfwTj.xsms>0">
</div> -->
<image src="../../static/my-liaocheng3.png" mode=""></image> <image src="../../static/my-liaocheng3.png" mode=""></image>
<span class="my-serve-list-text">限时秒杀</span> <span class="my-serve-list-text">限时秒杀</span>
</view> </view>
<view class="my-serve-list" @click="qiye()"> <view class="my-serve-list" @click="qiye()">
<div class="wdfw-dsy" v-show="wdfwTj.qyyy>0"> <!-- 允许发包时打开-->
</div> <!-- <div class="wdfw-dsy" v-show="wdfwTj.qyyy>0">
</div> -->
<image src="../../static/my-liaocheng1.png" mode=""></image> <image src="../../static/my-liaocheng1.png" mode=""></image>
<span class="my-serve-list-text">企业预约</span> <span class="my-serve-list-text">企业预约</span>
</view> </view>

View File

@ -192,7 +192,7 @@
</view> </view>
</view> </view>
<u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton> <u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton>
<view> <view class="jsds">
<!-- 普通弹窗 --> <!-- 普通弹窗 -->
<uni-popup ref="popup" background-color="#fff" @change="change"> <uni-popup ref="popup" background-color="#fff" @change="change">
<view class="popup-content"> <view class="popup-content">
@ -1794,5 +1794,9 @@
height: 500px; height: 500px;
overflow: auto; overflow: auto;
} }
.jsds /deep/ .uni-popup__wrapper-box{
width: 80%;
height: 50%;
}
</style> </style>

View File

@ -19,13 +19,14 @@
</view> </view>
</view>--> </view>-->
<image class="dideo-kuang" <image class="dideo-kuang"
:src="order.technicianType=='3'?'../../static/vip/grade1-1.gif':order.technicianType=='4'?'../../static/vip/grade2-1.gif':'../../static/vip/grade3-1.gif'" :src="order.technicianType=='3'?'../../static/vip/grade4.png':order.technicianType=='4'?'../../static/vip/grade6.png':'../../static/vip/grade5.png'"
mode=""></image> mode="">
</image>
<!--<span>{{order.technicianTypeName}}</span>--> <!--<span>{{order.technicianTypeName}}</span>-->
<view class="dvideo-name" v-if="order.length!=0"> <view class="dvideo-name" v-if="order.length!=0">
<text class="dvideo-name-word">{{order.artificerName}}</text> <text class="dvideo-name-word">{{order.artificerName}}</text>
</view> </view>
</image>
</view> </view>
<view class="flex pingfenlist"> <view class="flex pingfenlist">
<view class="timea-fu"> <view class="timea-fu">