刘嘉炜
3 years ago
4 changed files with 146 additions and 5 deletions
-
6src/pages.json
-
1src/pages/write_off/confirm_order/confirm_order.vue
-
138src/pages/write_off/events_order/events_order.vue
-
6src/pages/write_off/operate/operate.vue
@ -0,0 +1,138 @@ |
|||
<template> |
|||
<view class="events-order"> |
|||
<view class="eo-main"> |
|||
<view class="em-info"> |
|||
<view class="ei-title">欧轩智能羽毛球馆(永泰店)</view> |
|||
<view class="ei-line-box"> |
|||
<view class="elb-line"> |
|||
<view class="el-name">订单编号:</view> |
|||
<view class="el-txt">20195175645666</view> |
|||
<view class="el-tag">(赛事)</view> |
|||
</view> |
|||
<view class="elb-line"> |
|||
<view class="el-name">用户昵称:</view> |
|||
<view class="el-txt">周大强</view> |
|||
</view> |
|||
<view class="elb-line"> |
|||
<view class="el-name">验证码:</view> |
|||
<view class="el-txt">200525458978</view> |
|||
</view> |
|||
<view class="elb-line"> |
|||
<view class="el-name">赛事名称:</view> |
|||
<view class="el-txt">篮球比赛</view> |
|||
</view> |
|||
<view class="elb-line"> |
|||
<view class="el-name">赛事类型:</view> |
|||
<view class="el-txt">个人赛</view> |
|||
</view> |
|||
<view class="elb-line"> |
|||
<view class="el-name">进场时间:</view> |
|||
<view class="el-txt">2019-05-18 11:00-12:00</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
</view> |
|||
<view class="em-border"></view> |
|||
<view class="em-btn"> |
|||
<view hover-class="hover-active">确认核销</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
@import '~style/public.scss'; |
|||
page{ |
|||
background-color: $themeColor; |
|||
} |
|||
.events-order{ |
|||
padding: 46upx 24upx; |
|||
.eo-main{ |
|||
border-radius: 10upx; |
|||
background-color: #fff; |
|||
.em-info{ |
|||
padding: 0 40upx 46upx; |
|||
.ei-title{ |
|||
padding: 30upx 0; |
|||
text-align: center; |
|||
font-size: 32upx; |
|||
font-weight: 500; |
|||
line-height: 44upx; |
|||
color: #1a1a1a; |
|||
border-bottom: 2upx solid #D8D8D8; |
|||
} |
|||
.ei-line-box{ |
|||
padding-top: 20upx; |
|||
.elb-line{ |
|||
@include centerFlex(flex-start); |
|||
>view{ |
|||
font-size: 28upx; |
|||
line-height: 60upx; |
|||
} |
|||
.el-name{ |
|||
flex-shrink: 0; |
|||
color: #9c9c9f; |
|||
} |
|||
.el-txt{ |
|||
color: #1a1a1a; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
overflow: hidden; |
|||
} |
|||
.el-tag{ |
|||
margin-left: 10upx; |
|||
color: $themeColor; |
|||
flex-shrink: 0; |
|||
} |
|||
} |
|||
} |
|||
|
|||
} |
|||
.em-border{ |
|||
position: relative; |
|||
border-bottom: 2upx dashed #d8d8d8; |
|||
&::after{ |
|||
content: ''; |
|||
position: absolute; |
|||
left: -10upx; |
|||
top: -10upx; |
|||
display: block; |
|||
width: 20upx; |
|||
height: 20upx; |
|||
border-radius: 10upx; |
|||
background-color: $themeColor; |
|||
} |
|||
&::before{ |
|||
content: ''; |
|||
position: absolute; |
|||
right: -10upx; |
|||
top: -10upx; |
|||
display: block; |
|||
width: 20upx; |
|||
height: 20upx; |
|||
border-radius: 10upx; |
|||
background-color: $themeColor; |
|||
} |
|||
} |
|||
.em-btn{ |
|||
padding: 60upx 40upx; |
|||
>view{ |
|||
height: 112upx; |
|||
line-height: 112upx; |
|||
text-align: center; |
|||
font-size: 32upx; |
|||
border-radius: 10upx; |
|||
color: #fff; |
|||
background-color: $themeColor; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
</style> |
Write
Preview
Loading…
Cancel
Save
Reference in new issue