选择技师样式
This commit is contained in:
parent
18a76c4506
commit
466dc282f7
|
@ -27,6 +27,9 @@
|
||||||
<view class="text-bold text-30 margin-right-xs" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
|
<view class="text-bold text-30 margin-right-xs" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
|
||||||
{{item.artificerName}}
|
{{item.artificerName}}
|
||||||
</view>
|
</view>
|
||||||
|
<view class="text-bold text-30 margin-right-xs" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
|
||||||
|
<!-- {{ item.artificerClassifyList[0].classifyName }} -->
|
||||||
|
</view>
|
||||||
<image class="touxiang-frame" style="width: 100rpx;height: 38rpx;" :src="item.technicianType=='3'?'../../static/vip/grade1.gif':item.technicianType=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'"></image>
|
<image class="touxiang-frame" style="width: 100rpx;height: 38rpx;" :src="item.technicianType=='3'?'../../static/vip/grade1.gif':item.technicianType=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'"></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="keyuyue keyuyue-lan" v-if="item.status == 1">
|
<view class="keyuyue keyuyue-lan" v-if="item.status == 1">
|
||||||
|
|
|
@ -45,6 +45,9 @@
|
||||||
<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>
|
<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>
|
<span class="headset-text2">{{order.technicianTypeName}}</span>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="headset-line">
|
||||||
|
<span class="headset-text2">{{order.artificerClassifyList[0].classifyName}}</span>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="jian-view-right">
|
<view class="jian-view-right">
|
||||||
<view class="oder-mian-qing" @click="shangxian" v-if="order.status == 2">请TA上线</view>
|
<view class="oder-mian-qing" @click="shangxian" v-if="order.status == 2">请TA上线</view>
|
||||||
|
|
|
@ -37,6 +37,9 @@
|
||||||
<view class="list-right-top-name">
|
<view class="list-right-top-name">
|
||||||
{{ item.artificerName }}
|
{{ item.artificerName }}
|
||||||
</view>
|
</view>
|
||||||
|
<view class="list-right-top-name">
|
||||||
|
{{ item.artificerClassifyList[0].classifyName }}
|
||||||
|
</view>
|
||||||
<view class="keyuyue keyuyue-lan" v-if="item.status == 1">
|
<view class="keyuyue keyuyue-lan" v-if="item.status == 1">
|
||||||
<view class="flex">
|
<view class="flex">
|
||||||
<view class="timea-fu">可服务</view>
|
<view class="timea-fu">可服务</view>
|
||||||
|
@ -72,16 +75,17 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex thera-lin thera-bottom">
|
<view class="flex thera-lin thera-bottom">
|
||||||
<view class="flex" v-if="item.consortiaName">
|
|
||||||
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png"></image>
|
|
||||||
<view v-if="item.consortiaName" class="therapist-mian-bottom-text">{{item.consortiaName}}</view>
|
|
||||||
</view>
|
|
||||||
<view class="flex align-center" v-if="item.distance">
|
<view class="flex align-center" v-if="item.distance">
|
||||||
<image class="therapist-bottom-dingwei" src="../../static/dituzhaoren6.png"></image>
|
<image class="therapist-bottom-dingwei" src="../../static/dituzhaoren6.png"></image>
|
||||||
<view class="therapist-bottom-dingwei-text">
|
<view class="therapist-bottom-dingwei-text">
|
||||||
{{ item.distance }}
|
{{ item.distance }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="flex" v-if="item.consortiaName">
|
||||||
|
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png"></image>
|
||||||
|
<view v-if="item.consortiaName" class="therapist-mian-bottom-text">{{item.consortiaName}}</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
@ -125,6 +129,9 @@
|
||||||
<view class="list-right-top-name">
|
<view class="list-right-top-name">
|
||||||
{{ getOrderByCurrentMarkerIndex().artificerName }}
|
{{ getOrderByCurrentMarkerIndex().artificerName }}
|
||||||
</view>
|
</view>
|
||||||
|
<view class="list-right-top-name">
|
||||||
|
{{ getOrderByCurrentMarkerIndex().artificerClassifyList[0].classifyName }}
|
||||||
|
</view>
|
||||||
<!-- <view class="timea-fu flex" style="margin-right: 45px;">
|
<!-- <view class="timea-fu flex" style="margin-right: 45px;">
|
||||||
<view>
|
<view>
|
||||||
{{getOrderByCurrentMarkerIndex().state == 1?"可服务":getOrderByCurrentMarkerIndex().state == 2?"今日可约":"休息中"}}
|
{{getOrderByCurrentMarkerIndex().state == 1?"可服务":getOrderByCurrentMarkerIndex().state == 2?"今日可约":"休息中"}}
|
||||||
|
@ -168,16 +175,16 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex thera-lin thera-bottom">
|
<view class="flex thera-lin thera-bottom">
|
||||||
<view class="flex" v-if="getOrderByCurrentMarkerIndex().consortiaName">
|
|
||||||
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png"></image>
|
|
||||||
<view v-if="getOrderByCurrentMarkerIndex().consortiaName" class="therapist-mian-bottom-text">{{getOrderByCurrentMarkerIndex().consortiaName}}</view>
|
|
||||||
</view>
|
|
||||||
<view class="flex align-center" v-if="getOrderByCurrentMarkerIndex().distance">
|
<view class="flex align-center" v-if="getOrderByCurrentMarkerIndex().distance">
|
||||||
<image class="therapist-bottom-dingwei" src="../../static/dituzhaoren6.png"></image>
|
<image class="therapist-bottom-dingwei" src="../../static/dituzhaoren6.png"></image>
|
||||||
<view class="therapist-bottom-dingwei-text">
|
<view class="therapist-bottom-dingwei-text">
|
||||||
{{ getOrderByCurrentMarkerIndex().distance }}
|
{{ getOrderByCurrentMarkerIndex().distance }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="flex" v-if="getOrderByCurrentMarkerIndex().consortiaName">
|
||||||
|
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png"></image>
|
||||||
|
<view v-if="getOrderByCurrentMarkerIndex().consortiaName" class="therapist-mian-bottom-text">{{getOrderByCurrentMarkerIndex().consortiaName}}</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- <view class="therapist-mian-bottom">
|
<!-- <view class="therapist-mian-bottom">
|
||||||
<view class="flex flex-wrap align-center" v-if="getOrderByCurrentMarkerIndex().consortiaName">
|
<view class="flex flex-wrap align-center" v-if="getOrderByCurrentMarkerIndex().consortiaName">
|
||||||
|
|
|
@ -4,19 +4,18 @@
|
||||||
<view class="padding-top-sm flex align-center" style="padding-bottom: 9px;">
|
<view class="padding-top-sm flex align-center" style="padding-bottom: 9px;">
|
||||||
<u-search class="flex-sub" placeholder="请输入技师名字" :focus="false" shape="square" v-model="artificerName"
|
<u-search class="flex-sub" placeholder="请输入技师名字" :focus="false" shape="square" v-model="artificerName"
|
||||||
:show-action="true" :animation="true" bg-color="#f5f5f5" color="#1A1A1A" @search="onSearch()"
|
:show-action="true" :animation="true" bg-color="#f5f5f5" color="#1A1A1A" @search="onSearch()"
|
||||||
action-text="搜索" @custom="onSearch()"></u-search>
|
action-text="搜索" @custom="onSearch()" @clear="clear"></u-search>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="liebiao">
|
|
||||||
|
<view class="liebiao" v-show="current === 0">
|
||||||
<view v-if="orderList.length" class="flex text-center flex-wrap list-view">
|
<view v-if="orderList.length" class="flex text-center flex-wrap list-view">
|
||||||
<view class="margin-bottom-sm radius touxiang-left">
|
<view class="margin-bottom-sm radius touxiang-left">
|
||||||
<view class="flex align-center touxiang-left-view" v-if="item.status=='1'" v-for="(item, index) in orderList" :key='index'
|
<view class="flex align-center touxiang-left-view" v-for="(item, index) in orderList" :key='index' @click="goOrder(item)">
|
||||||
@click="goOrder(item)">
|
|
||||||
<view class="touxiang-left-content">
|
<view class="touxiang-left-content">
|
||||||
<image class="touxiang-left-content-img" :src="item.artificerImg ? item.artificerImg : '../../static/logo.png'"
|
<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>
|
||||||
@click.stop="saveImgs(item.artificerImg)" mode="aspectFill"></image>
|
<image class="touxiang-left-content-img" v-if="item.isHot == 1" src="https://admin.sjajk.com/file/uploadPath/2023/02/16/9ae1b7e9fa931b5fc24cd8edecc10d9f.png"></image>
|
||||||
<image class="touxiang-frame" :src="item.technicianType=='3'?'../../static/vip/grade1.gif':item.technicianType=='4'?'../../static/vip/grade2.gif':'../../static/vip/grade3.gif'"></image>
|
<image class="touxiang-frame" :src="technicianType=='3'?'../../static/vip/grade1-1.gif':technicianType=='4'?'../../static/vip/grade2-1.gif':'../../static/vip/grade3-1.gif'"></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;">
|
||||||
|
@ -25,75 +24,63 @@
|
||||||
<view class="list-right-top-name">
|
<view class="list-right-top-name">
|
||||||
{{ item.artificerName }}
|
{{ item.artificerName }}
|
||||||
</view>
|
</view>
|
||||||
<view class="keyuyue">
|
<view class="list-right-top-name">
|
||||||
|
{{ item.artificerClassifyList[0].classifyName }}
|
||||||
|
</view>
|
||||||
|
<view class="keyuyue keyuyue-lan" v-if="item.status == 1">
|
||||||
<view class="flex">
|
<view class="flex">
|
||||||
<view class="timea-fu">{{item.status == 1?"可服务":"休息中"}}</view>
|
<view class="timea-fu">可服务</view>
|
||||||
<view class="timea-time" v-if="item.status == 1">{{item.time}}</view>
|
<view class="timea-time">{{item.time}}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!--<view class="keyuyue">
|
<view class="keyuyue keyuyue-hui" v-else>
|
||||||
<view>
|
<view class="flex">
|
||||||
{{item.state == 1?"可服务":item.state == 2?"今日可约":"休息中"}}
|
<view class="timea-hui">休息中</view>
|
||||||
</view>
|
|
||||||
<view v-if="item.status == 1 && item.time">{{ item.time
|
|
||||||
}}</view>
|
|
||||||
-->
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
<view class="therapist-mian">
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="item-view-jianjie">
|
||||||
|
{{item.content}}
|
||||||
|
</view>
|
||||||
<view class="therapist-mian-top">
|
<view class="therapist-mian-top">
|
||||||
<view class="therap-pin">
|
<view class="therap-pin">
|
||||||
<!--<image src="../../static/dituzhaoren3.png" mode="">
|
|
||||||
</image>-->
|
|
||||||
<span>评论</span>
|
<span>评论</span>
|
||||||
<span class="therapist-mian-view-text">
|
<span class="therapist-mian-view-text">
|
||||||
{{ item.commentCount ? item.commentCount : 0 }}
|
{{ item.commentCount ? item.commentCount : 0 }}
|
||||||
</span>
|
</span>
|
||||||
</view>
|
</view>
|
||||||
<view class="therap-pin" >
|
<view class="therap-pin">
|
||||||
<!--<image src="../../static/dituzhaoren4.png" mode="">
|
|
||||||
</image>-->
|
|
||||||
<span>收藏</span>
|
<span>收藏</span>
|
||||||
<span class="therapist-mian-view-text">
|
<span class="therapist-mian-view-text">
|
||||||
{{ item.collectCount ? item.collectCount : 0 }}
|
{{ item.collectCount ? item.collectCount : 0 }}
|
||||||
</span>
|
</span>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="therapist-mian-bottom">
|
<view class="flex thera-lin thera-bottom">
|
||||||
<view class="flex align-center">
|
<view class="flex align-center" v-if="item.distance">
|
||||||
<image class="therapist-bottom-dingwei" src="../../static/dituzhaoren6.png"></image>
|
<image class="therapist-bottom-dingwei" src="../../static/dituzhaoren6.png"></image>
|
||||||
<view class="therapist-bottom-dingwei-text">
|
<view class="therapist-bottom-dingwei-text">
|
||||||
{{ item.distance }}
|
{{ item.distance }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex flex-wrap align-center" v-if="item.consortiaName">
|
<view class="flex" v-if="item.consortiaName">
|
||||||
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png">
|
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png"></image>
|
||||||
</image>
|
<view v-if="item.consortiaName" class="therapist-mian-bottom-text">{{item.consortiaName}}</view>
|
||||||
<view class="therapist-mian-bottom-text">{{item.consortiaName}}</view>
|
|
||||||
</view>
|
|
||||||
<view>
|
|
||||||
<view class="terap-button" v-if="item.status == 1" @click.stop="goOrder(item)">
|
|
||||||
确认
|
|
||||||
</view>
|
|
||||||
<view class="text-center text-sm" @click.stop="showTips()" v-else
|
|
||||||
style="background: #d9d9d9;color: #ffffff;width: 100%;border-radius: 30upx;height: 60upx;line-height: 60upx;margin-top: 10rpx;">
|
|
||||||
确认
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<empty v-if="orderList.length == 0"></empty>
|
<empty v-if="orderList.length == 0"></empty>
|
||||||
</view>
|
</view>
|
||||||
<!-- 经验筛选 -->
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
@ -163,6 +150,9 @@
|
||||||
that.myId = uni.getStorageSync('userId')
|
that.myId = uni.getStorageSync('userId')
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
clear(res) {
|
||||||
|
this.getlist()
|
||||||
|
},
|
||||||
// 跳转订单
|
// 跳转订单
|
||||||
goOrder(e) {
|
goOrder(e) {
|
||||||
console.log('授权', uni.getStorageSync('sendMsg'))
|
console.log('授权', uni.getStorageSync('sendMsg'))
|
||||||
|
@ -334,19 +324,47 @@
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
/deep/.u-drawer,/deep/.u-mask-show{
|
/deep/.u-close--top-right{
|
||||||
z-index:11 !important;
|
margin-top:-8px;
|
||||||
}
|
}
|
||||||
/deep/.u-drawer-content-visible{
|
.localName{
|
||||||
z-index:99 !important;
|
width: 100px;
|
||||||
|
margin-left: 4rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #333333;
|
||||||
|
margin-top: 1px;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
.fenlei-img{
|
||||||
|
width: 170rpx;
|
||||||
|
height: 34rpx;
|
||||||
|
margin: 0 20rpx;
|
||||||
|
}
|
||||||
|
.fenlei{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
}
|
||||||
|
/deep/.margin-bottom-sm{
|
||||||
|
margin-bottom: 70px;
|
||||||
|
}
|
||||||
|
// /deep/.u-drawer,/deep/.u-mask-show{
|
||||||
|
// z-index:11 !important;
|
||||||
|
// }
|
||||||
|
// /deep/.u-drawer-content-visible{
|
||||||
|
// z-index:99 !important;
|
||||||
|
// margin-bottom: 60px;
|
||||||
|
// }
|
||||||
.item-view-jianjie{
|
.item-view-jianjie{
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 22rpx;
|
font-size: 26rpx;
|
||||||
color: #848484;
|
color: #999;
|
||||||
margin:5px 0px;
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
-webkit-line-clamp: 2; /* 显示的行数,可以根据需要修改 */
|
-webkit-line-clamp: 2; /* 显示的行数,可以根据需要修改 */
|
||||||
|
@ -356,14 +374,14 @@
|
||||||
}
|
}
|
||||||
.touxiang-frame{
|
.touxiang-frame{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100rpx;
|
width: 190rpx;
|
||||||
height: 38rpx;
|
height: 190rpx;
|
||||||
left: 44rpx;
|
top:-8rpx;
|
||||||
top:140rpx;
|
left:6rpx;
|
||||||
}
|
}
|
||||||
.dituList{
|
.dituList{
|
||||||
width: 85%;
|
width: 85%;
|
||||||
height: 173px;
|
height: 165px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
|
@ -388,29 +406,24 @@
|
||||||
// overflow: auto;
|
// overflow: auto;
|
||||||
}
|
}
|
||||||
.therapist-bottom-dingwei-text{
|
.therapist-bottom-dingwei-text{
|
||||||
font-size: 29rpx;
|
font-size: 24rpx;
|
||||||
color: #848485;
|
color: #848485;
|
||||||
}
|
}
|
||||||
.therapist-bottom-dingwei{
|
.therapist-bottom-dingwei{
|
||||||
width: 17.36rpx;
|
width: 26rpx;
|
||||||
height: 20.14rpx;
|
height: 30rpx;
|
||||||
margin-right:3px;
|
margin-right:3px;
|
||||||
}
|
}
|
||||||
.therapist-bottom-img{
|
.therapist-bottom-img{
|
||||||
width: 22.22rpx;
|
width: 26rpx;
|
||||||
height: 22.22rpx;
|
height: 26rpx;
|
||||||
margin-right:3px;
|
margin-right:3px;
|
||||||
|
margin-top: 5rpx
|
||||||
}
|
}
|
||||||
.therapist-mian-bottom-text{
|
.therapist-mian-bottom-text{
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 30rpx;
|
font-size: 26rpx;
|
||||||
color: #222222;
|
color: #222222;
|
||||||
white-space: pre-wrap;
|
|
||||||
display: -webkit-box;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
-webkit-line-clamp: 1;
|
|
||||||
overflow: hidden;
|
|
||||||
width:60px;
|
|
||||||
}
|
}
|
||||||
.therapist-mian-bottom{
|
.therapist-mian-bottom{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -418,7 +431,7 @@
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 5px 0px 3px 0px;
|
margin-top: 10rpx;
|
||||||
}
|
}
|
||||||
.therapist-mian-view-text span{
|
.therapist-mian-view-text span{
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
@ -445,6 +458,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction:row;
|
flex-direction:row;
|
||||||
|
padding: 10rpx 0;
|
||||||
}
|
}
|
||||||
.therapist-mian{
|
.therapist-mian{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -478,11 +492,29 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: #eefdf8;
|
|
||||||
border-radius: 30rpx 20rpx 20rpx 30rpx ;
|
border-radius: 30rpx 20rpx 20rpx 30rpx ;
|
||||||
color:#8d500f;
|
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
}
|
}
|
||||||
|
.keyuyue-lan{
|
||||||
|
background: #eefdf8;
|
||||||
|
}
|
||||||
|
.keyuyue-hui{
|
||||||
|
background: #d9d9d9;
|
||||||
|
}
|
||||||
|
.timea-fu{
|
||||||
|
color: #2dbe93;
|
||||||
|
font-size: 24rpx;
|
||||||
|
line-height: 44rpx;
|
||||||
|
margin-left: 8rpx;
|
||||||
|
margin-right: 5rpx;
|
||||||
|
}
|
||||||
|
.timea-hui{
|
||||||
|
color: #ffffff;
|
||||||
|
font-size: 24rpx;
|
||||||
|
line-height: 44rpx;
|
||||||
|
margin-left: 8rpx;
|
||||||
|
margin-right: 5rpx;
|
||||||
|
}
|
||||||
.timea-img{
|
.timea-img{
|
||||||
background:#2dbe93 url('../../static/timea.png') 2rpx 1rpx;
|
background:#2dbe93 url('../../static/timea.png') 2rpx 1rpx;
|
||||||
background-size: 28rpx 28rpx;
|
background-size: 28rpx 28rpx;
|
||||||
|
@ -505,32 +537,8 @@
|
||||||
line-height: 44rpx;
|
line-height: 44rpx;
|
||||||
padding-right: 10rpx;
|
padding-right: 10rpx;
|
||||||
}
|
}
|
||||||
.keyuyue .keyuyue-btn{
|
|
||||||
width: 50%;
|
|
||||||
height: 100%;
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 17rpx;
|
|
||||||
text-align: center;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.keyuyue-jinri{
|
|
||||||
border-top-left-radius: 7rpx;
|
|
||||||
border-bottom-left-radius: 7rpx;
|
|
||||||
border-radius: 7rpx;
|
|
||||||
color: #fff;
|
|
||||||
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
|
||||||
}
|
|
||||||
.keyuyue-time{
|
|
||||||
border-top-right-radius: 7rpx;
|
|
||||||
border-bottom-right-radius: 7rpx;
|
|
||||||
color: #039E89;
|
|
||||||
background: #EBEBEB;
|
|
||||||
}
|
|
||||||
.list-right-top-view image{
|
.list-right-top-view image{
|
||||||
width: 168.75rpx;
|
//width: 168.75rpx;
|
||||||
height: 40.97rpx;
|
height: 40.97rpx;
|
||||||
}
|
}
|
||||||
.list-right-top-view{
|
.list-right-top-view{
|
||||||
|
@ -551,7 +559,7 @@
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-evenly;
|
justify-content: space-between;
|
||||||
padding: 16rpx;
|
padding: 16rpx;
|
||||||
}
|
}
|
||||||
.zpmore_view {
|
.zpmore_view {
|
||||||
|
@ -575,15 +583,15 @@
|
||||||
.img-span{
|
.img-span{
|
||||||
padding: 1px 5px;
|
padding: 1px 5px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 8px;
|
font-size: 10px;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
background: linear-gradient(-90deg, #FF6F48, #FF9E69);
|
background: linear-gradient(-90deg, #FF6F48, #FF9E69);
|
||||||
border-radius: 7px 0px 7px 0px;
|
border-radius: 7px 0px 7px 0px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
right: 0;
|
right: 0;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 10px;
|
||||||
margin-right: 5px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
// .zpmore_view_left image{
|
// .zpmore_view_left image{
|
||||||
// position: absolute;
|
// position: absolute;
|
||||||
|
@ -603,6 +611,13 @@
|
||||||
height: auto;
|
height: auto;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
}
|
||||||
|
.touxiang-left-content-img-ditu{
|
||||||
|
width: 150rpx;
|
||||||
|
height: 150rpx;
|
||||||
|
border-radius:120rpx;
|
||||||
|
margin: 0px 10px 0px 12px;
|
||||||
}
|
}
|
||||||
.touxiang-left-content-img{
|
.touxiang-left-content-img{
|
||||||
width: 150rpx;
|
width: 150rpx;
|
||||||
|
@ -621,18 +636,16 @@
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 10rpx;
|
padding: 10rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.touxiang-left{
|
.touxiang-left{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
/* padding: 10px; */
|
/* padding: 10px; */
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
// justify-content: space-between;
|
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
}
|
}
|
||||||
.list-view{
|
.list-view{
|
||||||
// margin-top: 52px;
|
// margin-top: 52px;
|
||||||
padding: 0 20rpx;
|
padding: 0 30rpx;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
@ -642,7 +655,6 @@
|
||||||
// height: 32px;
|
// height: 32px;
|
||||||
line-height: 32px;
|
line-height: 32px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
margin-left: 10px;
|
|
||||||
}
|
}
|
||||||
.padding-top-sm{
|
.padding-top-sm{
|
||||||
width: 95%;
|
width: 95%;
|
||||||
|
@ -667,18 +679,30 @@
|
||||||
// overflow: auto;
|
// overflow: auto;
|
||||||
}
|
}
|
||||||
/deep/.u-content{
|
/deep/.u-content{
|
||||||
|
height: 56rpx!important;
|
||||||
border-radius: 30px !important;
|
border-radius: 30px !important;
|
||||||
}
|
}
|
||||||
.flex-sub{
|
.flex-sub{
|
||||||
width: 353rpx;
|
width: 260rpx !important;
|
||||||
height: 63rpx !important;
|
height:60rpx !important;
|
||||||
|
border: 1px solid #e5e5e5;
|
||||||
|
border-radius: 30rpx;
|
||||||
|
color: #fff!important;
|
||||||
}
|
}
|
||||||
.localName{
|
.map-list{
|
||||||
margin-left: 4rpx;
|
padding: 0 12rpx;
|
||||||
font-weight: bold;
|
width: 110rpx;
|
||||||
font-size: 33rpx;
|
display: flex;
|
||||||
color: #333333;
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.map-img{
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.dingwei-img{
|
.dingwei-img{
|
||||||
width:33.33rpx;
|
width:33.33rpx;
|
||||||
height:37.5rpx;
|
height:37.5rpx;
|
||||||
|
@ -954,13 +978,43 @@
|
||||||
.make-now{
|
.make-now{
|
||||||
background: linear-gradient(90deg, rgb(1, 156, 136), rgb(15, 167, 139), rgb(53, 196, 149));
|
background: linear-gradient(90deg, rgb(1, 156, 136), rgb(15, 167, 139), rgb(53, 196, 149));
|
||||||
color: rgb(255, 255, 255);
|
color: rgb(255, 255, 255);
|
||||||
width: 200rpx;
|
// width: 200rpx;
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
.make-now1{
|
||||||
|
background: #d9d9d9;
|
||||||
|
color: #ffffff;
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 30upx;
|
||||||
|
height: 60upx;
|
||||||
|
line-height: 60upx;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
}
|
||||||
|
.jieshao{
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999999;
|
||||||
|
margin: 5px 0px;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
///overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
.thera-lin{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.thera-bottom{
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
.therap-pin{
|
.therap-pin{
|
||||||
|
font-size: 26rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
margin-right: 10rpx;
|
margin-right: 10rpx;
|
||||||
|
@ -972,12 +1026,4 @@
|
||||||
color: #666;
|
color: #666;
|
||||||
margin-right: 10rpx;
|
margin-right: 10rpx;
|
||||||
}
|
}
|
||||||
.terap-button{
|
|
||||||
background: linear-gradient(90deg, #019C88, #0FA78B, #35C495);
|
|
||||||
color: #ffffff;
|
|
||||||
width:130rpx;
|
|
||||||
height: 60rpx;
|
|
||||||
border-radius: 10upx;
|
|
||||||
line-height: 58rpx;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
Loading…
Reference in New Issue