78 lines
1.6 KiB
Vue
78 lines
1.6 KiB
Vue
<template>
|
||
<view class="m_order_mess">
|
||
<view class="mess_all" v-for="(item,index) in 2" :key="index">
|
||
<view class="mess_time"> 10-19 12:34 </view>
|
||
<view class="order_mess">
|
||
<view class="mess_order">
|
||
<view class="order-txt"> 我的工单 </view> <u-badge :isDot="true" type="error"></u-badge>
|
||
</view>
|
||
<view class="mess_xian"></view>
|
||
<view class="mess_desc"> 你的预约订单已经被处理，请查看详情! </view>
|
||
</view>
|
||
</view>
|
||
<view class="mess_all">
|
||
<view class="mess_time"> 10-19 12:34 </view>
|
||
<view class="order_mess">
|
||
<view class="mess_order"> <view class="order-txt"> 租车订单 </view> </view>
|
||
<view class="mess_xian"></view>
|
||
<view class="mess_desc"> 服务商已经上传合同，点击可查看合同详情! </view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data(){
|
||
return{
|
||
|
||
}
|
||
},
|
||
methods:{
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.mess_time {
|
||
font-size: 24rpx;
|
||
font-weight: 500;
|
||
color: #666666;
|
||
padding: 24rpx 0;
|
||
text-align: center;
|
||
}
|
||
.order_mess {
|
||
padding: 32rpx;
|
||
background: #FFFFFF;
|
||
.mess_order {
|
||
display: flex;
|
||
align-items: center;
|
||
.order-txt {
|
||
font-size: 32rpx;
|
||
font-weight: 400;
|
||
color: #111111;
|
||
margin-right: 28rpx;
|
||
}
|
||
}
|
||
.mess_xian {
|
||
// border: 1rpx solid #CED7E0;
|
||
// height: 0rpx;
|
||
margin: 24rpx 0;
|
||
background:#EDEDED;
|
||
height: 1rpx;
|
||
transform: scaleY(.5);
|
||
}
|
||
.mess_desc{
|
||
font-size: 28rpx;
|
||
font-weight: 400;
|
||
color: #666666;
|
||
}
|
||
}
|
||
|
||
page {
|
||
padding: 0 24rpx;
|
||
background: #F5F5F5;
|
||
border-top: 1rpx solid #E6E6E6;
|
||
}
|
||
</style> |