yangjun
/
sadjv3_user
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

视频主页

This commit is contained in:
kbing1981 2024-07-25 21:10:10 +08:00
parent b6d6481478
commit 9618e035dc
4 changed files with 144 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

177
pages/videoCircle/gDvideo.vue
View File

@ -9,16 +9,30 @@
<view class="u-flex-wrap" <view class="u-flex-wrap"
style="padding-top: 18rpx;padding-bottom: 18rpx;position: relative;align-items: center;display: flex;flex-direction: row;justify-content: flex-end;"> style="padding-top: 18rpx;padding-bottom: 18rpx;position: relative;align-items: center;display: flex;flex-direction: row;justify-content: flex-end;">
<view class="info-avatar"> <view class="info-avatar">
<u-avatar :src="order.artificerImg" size="135"></u-avatar> <u-avatar :src="order.artificerImg" size="135" style="border: 3rpx solid #ffffff;">
<view class="pingfen keyuyue"> </u-avatar>
<!--<view class="pingfen keyuyue">
<view class="flex"> <view class="flex">
<view class="timea-fu"> <view class="timea-fu">
评分 评分
</view> </view>
<view class="timea-time">{{ordersScore}}</view> <view class="timea-time">{{ordersScore}}</view>
</view> </view>
</view>-->
<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'"
mode=""></image>
<!--<span>{{order.technicianTypeName}}</span>-->
<view class="dvideo-name" v-if="order.length!=0">
<text class="dvideo-name-word">{{order.artificerName}}</text>
</view> </view>
</image>
</view>
<view class="flex pingfenlist">
<view class="timea-fu">
评分
</view>
<view class="timea-time">{{ordersScore}}</view>
</view> </view>
<view class="oder-mian-guan" style="margin-right: 20px;"> <view class="oder-mian-guan" style="margin-right: 20px;">
<view :class="[isFollow?'activeG':'activeQ']" @click="guanzhu(order)"> <view :class="[isFollow?'activeG':'activeQ']" @click="guanzhu(order)">
@ -31,20 +45,24 @@
</view> --> </view> -->
</view> </view>
<!-- 用户名 --> <!-- 用户名 -->
<view style="display: flex;align-items: center;margin-left: 50rpx;margin-top: 20rpx;" <view class="header-bottom-foot" style="margin-top: 30rpx;">
v-if="order.length!=0"> <view><image class="header-bottom-foot-title" src="../../static/dituzhaoren1.png" ></image></view>
<text <view class="header-bottom-foot-view">
style="font-size: 32rpx;color: #111111;font-weight: bold;margin-right: 10rpx;">{{order.artificerName}}</text> <image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
<view class="headset-line"> <span>实名认证</span>
<image class="headset-img" </view>
:src="order.technicianType=='3'?'../../static/vip/grade1.gif':order.technicianType=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'" <view class="header-bottom-foot-view" style="margin: 0px 7px;">
mode=""></image> <image class="header-bottom-foot-view-img2" src="../../static/servicePackage/money.png" mode=""></image>
<span class="headset-text2">{{order.technicianTypeName}}</span> <span>资质认证</span>
</view>
<view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
<span>平台担保</span>
</view> </view>
</view> </view>
<!-- 简介--> <!-- 简介-->
<view style="font-size: 24rpx;margin:20rpx 50rpx;"> <view class="header-bottom-foot">
<text style="margin-right: 20rpx;color: #777;">{{order.content==''?'暂无简介':order.content}}</text> <text class="dvideo-concent">{{order.content==''?'暂无简介':order.content}}</text>
</view> </view>
</view> </view>
@ -303,52 +321,127 @@
</script> </script>
<style scoped> <style scoped>
.keyuyue{ .dvideo-concent{
padding: 0px 4px; font-size: 26rpx;
height: 21px; color: #666;
padding: 12rpx 0;
}
.header-bottom-foot-view-img1{
width: 30rpx;
height: 30rpx;
}
.header-bottom-foot-view-img2{
width: 28rpx;
height: 28rpx;
}
.header-bottom-foot-view-img3{
width: 30rpx;
height: 30rpx;
}
.header-bottom-foot-view image{
margin-right: 3px;
}
.header-bottom-foot-title{
width: 65px;
height: 17px;
margin-right: 8rpx;
margin-top: 4rpx;
}
.header-bottom-foot-view-img2{
width: 28rpx;
height: 28rpx;
}
.header-bottom-foot-view-img3{
width: 30rpx;
height: 30rpx;
}
.header-bottom-foot-view image{
margin-right: 3px;
}
.header-bottom-foot-view{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
background: #eefdf8; justify-content: center;
border-radius: 14px 9px 9px 14px; width: 80px;
color: #8d500f; height: 22px;
line-height: 22px;
background-color: rgba(8, 162, 138, 0.1);
border-radius: 8px;
font-weight: 400;
font-size: 11px; font-size: 11px;
color: #029D88;
}
.header-bottom-foot{
width: 86%;
margin: 0 auto;
display: flex;
flex-direction: row;
align-items: center;
}
.dvideo-name{
width: 88%;
display: flex;
align-items: center;
margin:10rpx auto;
}
.dvideo-name-word{
width:150rpx;
height:20rpx;
line-height: 50rpx;
font-size: 30rpx;
font-weight: bold;
color: #333333;
text-align: center;
}
.pingfenlist{
width: 130rpx;
height: 50rpx;
line-height: 50rpx;
color: #129d88;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 30rpx;
border: 1px solid #d0f4ed;
margin-right:10rpx;
} }
.timea-fu{ .timea-fu{
font-size: 11px; font-size: 26rpx;
color: #2dbe93;
line-height: 21px;
margin-left: 3px;
margin-right: 2px;
} }
.timea-time{ .timea-time{
font-size: 12px; font-size: 26rpx;
color: #2dbe93;
line-height: 21px;
padding-right: 4px;
} }
.oder-mian-text{ .oder-mian-text{
padding-left:50rpx; padding-left:50rpx;
font-size: 28rpx; font-size: 26rpx;
font-weight: bold;
} }
.oder-mian-guan{ .oder-mian-guan{
width: 110rpx; width: 130rpx;
height: 50rpx; height: 50rpx;
line-height: 50rpx;
color: #1bb097; color: #1bb097;
display: flex; display: flex;
align-items: center; align-items: center;
background-color: #fff;
border-radius: 30rpx;
border: 1px solid #d0f4ed;
}
.u-flex-wrap{
background: linear-gradient(0deg, #ffffff,#d0f4ed);
} }
.activeQ{ .activeQ{
background: url('../../static/follow.png') 8rpx 4rpx; background: url('../../static/follow.png')16rpx 10rpx;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size:32rpx 32rpx; background-size:30rpx 30rpx;
} }
.activeG{ .activeG{
background: url('../../static/follow2.png') 8rpx 4rpx; background: url('../../static/follow2.png') 16rpx 10rpx;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size:32rpx 32rpx; background-size:30rpx 30rpx;
} }
.t-loading-box{ .t-loading-box{
display: flex; display: flex;
align-items: center; align-items: center;
@ -628,10 +721,11 @@
.info-cover { .info-cover {
display: block; display: block;
width: 100%; width: 100%;
height: 260rpx; height: 460rpx;
} }
.info-avatar { .info-avatar {
padding: 16rpx;
position: absolute; position: absolute;
left: 0; left: 0;
top: -56rpx; top: -56rpx;
@ -640,4 +734,13 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
} }
.dideo-kuang{
width: 160rpx;
height: 160rpx;
position: absolute;
left:2rpx;
top:2rpx;
display: flex;
flex-direction: row;
}
</style> </style>

BIN
static/vip/grade1-1.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

BIN
static/vip/grade2-1.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

BIN
static/vip/grade3-1.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB