This commit is contained in:
kbing1981 2024-07-15 17:55:34 +08:00
parent c32fba98e6
commit d10fc98aab
4 changed files with 60 additions and 2 deletions

View File

@ -9,6 +9,7 @@
<image class="swiper-image" :src="item" mode="aspectFit" style="height: 100%;">
</image>
<view class="xiangshi" v-if="order.bdxsl">相识度{{order.bdxsl}}%</view>
</swiper-item>
</swiper>
</view>
@ -31,7 +32,19 @@
<view class="view-head">
<view class="jian-view">
<view class="jian-view-left">
<span>{{order.artificerName}}</span>
<view class="jian-view-name">{{order.artificerName}}</view>
<view class="headset-line">
<image class="headset-img" src="../../static/vip/headset1.png" mode=""></image>
<span class="headset-text">新手</span>
</view>
<!--<view class="headset-line">
<image class="headset-img" src="../../static/vip/headset2.png" mode=""></image>
<span class="headset-text1">专家</span>
</view>
<view class="headset-line">
<image class="headset-img" src="../../static/vip/headset3.png" mode=""></image>
<span class="headset-text2">资深</span>
</view>-->
<view class="keyuyue">
<view >
{{order.status == 1?"可服务":"休息中"}}
@ -643,6 +656,51 @@
</script>
<style scoped>
.headset-line{
display: flex;
position: relative;
}
.headset-img{
width: 55rpx;
height: 55rpx;
position: absolute;
top:-10rpx;
left:-6rpx;
}
.headset-text{
background: linear-gradient(90deg, #4b5f87, #4e7dd3);
font-size: 26rpx;
color: #fff;
height: 30rpx;
line-height: 30rpx;
border-radius: 30rpx;
width: 90rpx;
padding: 5rpx 15rpx;
text-align: right;
}
.headset-text1{
background: linear-gradient(90deg, #2e7de3, #102c82);
font-size: 26rpx;
color: #fff;
height: 30rpx;
line-height: 30rpx;
border-radius: 30rpx;
width: 90rpx;
padding: 5rpx 15rpx;
text-align: right;
}
.headset-text2{
background: linear-gradient(90deg, #d20d74, #730022);
font-size: 26rpx;
color: #fff;
height: 30rpx;
line-height: 30rpx;
border-radius: 30rpx;
width: 90rpx;
padding: 5rpx 15rpx;
text-align: right;
}
.xiangshi{
padding: 5px;
background-color: rgba(0, 0, 0, 0.1);
@ -1181,7 +1239,7 @@
flex-direction: row;
align-items: center;
}
.jian-view-left span{
.jian-view-name{
font-weight: bold;
font-size: 36rpx;
color: #13141A;

BIN
static/vip/headset1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

BIN
static/vip/headset2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 123 KiB

BIN
static/vip/headset3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 102 KiB