视频主页
This commit is contained in:
parent
b6d6481478
commit
9618e035dc
|
|
@ -9,16 +9,30 @@
|
|||
<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;">
|
||||
<view class="info-avatar">
|
||||
<u-avatar :src="order.artificerImg" size="135"></u-avatar>
|
||||
<view class="pingfen keyuyue">
|
||||
<u-avatar :src="order.artificerImg" size="135" style="border: 3rpx solid #ffffff;">
|
||||
</u-avatar>
|
||||
<!--<view class="pingfen keyuyue">
|
||||
<view class="flex">
|
||||
<view class="timea-fu">
|
||||
评分
|
||||
</view>
|
||||
<view class="timea-time">{{ordersScore}}</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>
|
||||
</image>
|
||||
</view>
|
||||
<view class="flex pingfenlist">
|
||||
<view class="timea-fu">
|
||||
评分
|
||||
</view>
|
||||
|
||||
<view class="timea-time">{{ordersScore}}</view>
|
||||
</view>
|
||||
<view class="oder-mian-guan" style="margin-right: 20px;">
|
||||
<view :class="[isFollow?'activeG':'activeQ']" @click="guanzhu(order)">
|
||||
|
|
@ -31,20 +45,24 @@
|
|||
</view> -->
|
||||
</view>
|
||||
<!-- 用户名 -->
|
||||
<view style="display: flex;align-items: center;margin-left: 50rpx;margin-top: 20rpx;"
|
||||
v-if="order.length!=0">
|
||||
<text
|
||||
style="font-size: 32rpx;color: #111111;font-weight: bold;margin-right: 10rpx;">{{order.artificerName}}</text>
|
||||
<view class="headset-line">
|
||||
<image class="headset-img"
|
||||
:src="order.technicianType=='3'?'../../static/vip/grade1.gif':order.technicianType=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'"
|
||||
mode=""></image>
|
||||
<span class="headset-text2">{{order.technicianTypeName}}</span>
|
||||
<view class="header-bottom-foot" style="margin-top: 30rpx;">
|
||||
<view><image class="header-bottom-foot-title" src="../../static/dituzhaoren1.png" ></image></view>
|
||||
<view class="header-bottom-foot-view">
|
||||
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
|
||||
<span>实名认证</span>
|
||||
</view>
|
||||
<view class="header-bottom-foot-view" style="margin: 0px 7px;">
|
||||
<image class="header-bottom-foot-view-img2" src="../../static/servicePackage/money.png" mode=""></image>
|
||||
<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 style="font-size: 24rpx;margin:20rpx 50rpx;">
|
||||
<text style="margin-right: 20rpx;color: #777;">{{order.content==''?'暂无简介':order.content}}</text>
|
||||
<view class="header-bottom-foot">
|
||||
<text class="dvideo-concent">{{order.content==''?'暂无简介':order.content}}</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
|
@ -303,52 +321,127 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
.keyuyue{
|
||||
padding: 0px 4px;
|
||||
height: 21px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
background: #eefdf8;
|
||||
border-radius: 14px 9px 9px 14px;
|
||||
color: #8d500f;
|
||||
font-size: 11px;
|
||||
.dvideo-concent{
|
||||
font-size: 26rpx;
|
||||
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;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 80px;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
background-color: rgba(8, 162, 138, 0.1);
|
||||
border-radius: 8px;
|
||||
font-weight: 400;
|
||||
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{
|
||||
font-size: 11px;
|
||||
color: #2dbe93;
|
||||
line-height: 21px;
|
||||
margin-left: 3px;
|
||||
margin-right: 2px;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.timea-time{
|
||||
font-size: 12px;
|
||||
color: #2dbe93;
|
||||
line-height: 21px;
|
||||
padding-right: 4px;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.oder-mian-text{
|
||||
padding-left:50rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.oder-mian-guan{
|
||||
width: 110rpx;
|
||||
width: 130rpx;
|
||||
height: 50rpx;
|
||||
line-height: 50rpx;
|
||||
color: #1bb097;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
border-radius: 30rpx;
|
||||
border: 1px solid #d0f4ed;
|
||||
}
|
||||
.u-flex-wrap{
|
||||
background: linear-gradient(0deg, #ffffff,#d0f4ed);
|
||||
}
|
||||
.activeQ{
|
||||
background: url('../../static/follow.png') 8rpx 4rpx;
|
||||
background: url('../../static/follow.png')16rpx 10rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size:32rpx 32rpx;
|
||||
background-size:30rpx 30rpx;
|
||||
}
|
||||
.activeG{
|
||||
background: url('../../static/follow2.png') 8rpx 4rpx;
|
||||
background: url('../../static/follow2.png') 16rpx 10rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size:32rpx 32rpx;
|
||||
background-size:30rpx 30rpx;
|
||||
}
|
||||
|
||||
.t-loading-box{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -628,10 +721,11 @@
|
|||
.info-cover {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 260rpx;
|
||||
height: 460rpx;
|
||||
}
|
||||
|
||||
.info-avatar {
|
||||
padding: 16rpx;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: -56rpx;
|
||||
|
|
@ -640,4 +734,13 @@
|
|||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.dideo-kuang{
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
position: absolute;
|
||||
left:2rpx;
|
||||
top:2rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
</style>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
Loading…
Reference in New Issue