刘嘉炜
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