刘嘉炜
3 years ago
7 changed files with 193 additions and 12 deletions
-
6README.md
-
35src/components/order_list/a_header/a_header.vue
-
55src/components/order_list/a_line/a_line.vue
-
31src/components/order_list/curriculum/curriculum.vue
-
13src/components/order_list/spectacular_monent/spectacular_monent.vue
-
33src/components/order_list/value_card/value_card.vue
-
32src/pages/order_list/order_list.vue
@ -0,0 +1,35 @@ |
|||
<template> |
|||
<view class="header-container"> |
|||
<view class="hc-view">欧轩智能羽毛球馆(永泰店)</view> |
|||
<view class="hc-view">使用中</view> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
@import '~style/public.scss'; |
|||
.header-container{ |
|||
padding: 30upx 0; |
|||
border-bottom: 2upx solid #D8D8D8; |
|||
@include centerFlex(space-between); |
|||
.hc-view{ |
|||
font-size: 28upx; |
|||
line-height: 40upx; |
|||
&:first-child{ |
|||
font-weight: 500; |
|||
color: #1a1a1a; |
|||
} |
|||
&+.hc-view{ |
|||
flex-shrink: 0; |
|||
margin-left: 10upx; |
|||
color: $themeColor; |
|||
} |
|||
} |
|||
} |
|||
</style> |
@ -0,0 +1,55 @@ |
|||
<template> |
|||
<view class="a-line"> |
|||
<view class="al-name"><slot name="name"></slot></view> |
|||
<view class="al-value"> |
|||
<block v-if="isArrayValue"> |
|||
<view class="al-p" v-for="(e, i) in value" :key="i">{{ e || '-' }}</view> |
|||
</block> |
|||
<view class="al-p" v-else> {{ value || '-' }} </view> |
|||
</view> |
|||
</view> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
computed: { |
|||
isArrayValue(){ |
|||
let { value } = this; |
|||
return typeof value === 'object'&&value.length |
|||
} |
|||
}, |
|||
props: { |
|||
value: { |
|||
default: '' |
|||
} |
|||
}, |
|||
created(){ |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
@import '~style/public.scss'; |
|||
.a-line{ |
|||
display: flex; |
|||
align-items: flex-start; |
|||
.al-name{ |
|||
flex-grow: 0; |
|||
flex-shrink: 0; |
|||
line-height: 52upx; |
|||
font-size: 28upx; |
|||
color: #9a9a9d; |
|||
} |
|||
.al-value{ |
|||
flex-grow: 1; |
|||
.al-p{ |
|||
line-height: 52upx; |
|||
font-size: 28upx; |
|||
color: #1a1a1a; |
|||
@include textHide(1); |
|||
|
|||
} |
|||
} |
|||
} |
|||
</style> |
@ -0,0 +1,31 @@ |
|||
<template> |
|||
<view class="value-card-container"> |
|||
<a-header></a-header> |
|||
<view class="vcc-info"> |
|||
<a-line></a-line> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import a_header from '../a_header/a_header.vue'; |
|||
import a_line from '../a_line/a_line.vue'; |
|||
export default { |
|||
components: { |
|||
'a-header': a_header, |
|||
'a-line': a_line, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
@import '~style/public.scss'; |
|||
.value-card-container{ |
|||
background-color: #fff; |
|||
padding: 0 20upx; |
|||
border-radius: 10upx; |
|||
.vcc-info{ |
|||
padding: 20upx 0; |
|||
} |
|||
} |
|||
</style> |
@ -0,0 +1,13 @@ |
|||
<template> |
|||
<view>23</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
|
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
|
|||
</style> |
@ -0,0 +1,33 @@ |
|||
<template> |
|||
<view class="value-card-container"> |
|||
<a-header></a-header> |
|||
<view class="vcc-info"> |
|||
<a-line :value="['白金卡', '白银卡']"> |
|||
<block slot="name">123:</block> |
|||
</a-line> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import a_header from '../a_header/a_header.vue'; |
|||
import a_line from '../a_line/a_line.vue'; |
|||
export default { |
|||
components: { |
|||
'a-header': a_header, |
|||
'a-line': a_line, |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
@import '~style/public.scss'; |
|||
.value-card-container{ |
|||
background-color: #fff; |
|||
padding: 0 20upx; |
|||
border-radius: 10upx; |
|||
.vcc-info{ |
|||
padding: 20upx 0; |
|||
} |
|||
} |
|||
</style> |
Write
Preview
Loading…
Cancel
Save
Reference in new issue