|
|
|
@ -0,0 +1,53 @@ |
|
|
|
<template> |
|
|
|
<popup> |
|
|
|
<div class="picke-address"> |
|
|
|
<div class="status-btn"> |
|
|
|
<a class="cel-btn">取消</a> |
|
|
|
<a class="complete-btn">完成</a> |
|
|
|
</div> |
|
|
|
<picker :data='dataList' :columns=3 v-model="valueList"></picker> |
|
|
|
</div> |
|
|
|
</popup> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import { Popup, Picker } from "vux"; |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
Popup, |
|
|
|
Picker |
|
|
|
}, |
|
|
|
props: { |
|
|
|
dataList: { |
|
|
|
type: Array, |
|
|
|
default: [] |
|
|
|
}, |
|
|
|
value: { |
|
|
|
type: Array, |
|
|
|
default: [] |
|
|
|
} |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
valueList: this.value |
|
|
|
}; |
|
|
|
}, |
|
|
|
computed: {}, |
|
|
|
methods: {} |
|
|
|
}; |
|
|
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.picke-address .status-btn { |
|
|
|
display: flex; |
|
|
|
height: 0.8rem; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
font-size: 0.3rem; |
|
|
|
} |
|
|
|
.picke-address .status-btn a { |
|
|
|
padding: 0.3rem; |
|
|
|
color: #888; |
|
|
|
} |
|
|
|
.picke-address .status-btn a.complete-btn { |
|
|
|
color: #1aad19; |
|
|
|
} |
|
|
|
</style> |