第一次提交
This commit is contained in:
dt_2916866708
@@ -0,0 +1,36 @@
|
||||
.accountItem_body {
|
||||
background-color: #ffffff;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
padding: 36rpx;
|
||||
padding-bottom: 50rpx;
|
||||
min-height: 618rpx;
|
||||
.accountItem_title {
|
||||
border-bottom: rgba(221, 221, 221, 1) solid 1rpx;
|
||||
padding-bottom: 38rpx;
|
||||
}
|
||||
.accountItem_content {
|
||||
.accountItem_content_item {
|
||||
.accountItem_content_item_tip {
|
||||
margin-top: 15rpx;
|
||||
font-size: 22rpx;
|
||||
color: rgba(0, 0, 0, 0.45);
|
||||
text {
|
||||
color: rgba(71, 111, 250, 1);
|
||||
}
|
||||
}
|
||||
.accountItem_content_item_name {
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
border-bottom: rgba(221, 221, 221, 1) solid 1rpx;
|
||||
padding: 20rpx 50rpx;
|
||||
image {
|
||||
width: 38rpx;
|
||||
height: 38rpx;
|
||||
margin-right: 25rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,46 @@
|
||||
<template>
|
||||
<view class="accountItem_body flex column">
|
||||
<view class="accountItem_title flex jc">
|
||||
<view>支付选择</view>
|
||||
</view>
|
||||
<view class="accountItem_content ">
|
||||
<view @click="$emit('update:selectIndex', index)" v-for=" (item,index) in pageData " :key="index"
|
||||
class="accountItem_content_item flex ac">
|
||||
<image src="@/static/account.png"></image>
|
||||
<view class="oneflex">
|
||||
<view class="accountItem_content_item_name">{{item.name}}</view>
|
||||
<view class="accountItem_content_item_tip"> 当前账户余额 <text>{{ tool.getnum(item.balance,3) }}</text>元 </view>
|
||||
</view>
|
||||
<uni-icons type="checkmarkempty"
|
||||
:color=" selectIndex==index? 'rgba(255, 103, 0, 1)' : 'rgba(202, 202, 202, 1)' "
|
||||
size="20"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import station from '@/api/station.js'
|
||||
import play from '@/api/play.js'
|
||||
export default {
|
||||
props: {
|
||||
selectIndex: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
pageData: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
onLoad(e) {},
|
||||
methods: {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import 'index.scss';
|
||||
</style>
|
||||
@@ -0,0 +1,34 @@
|
||||
.selectLicense_body{
|
||||
width: 100vw;
|
||||
height: 500rpx;
|
||||
background-color: #ffffff;
|
||||
padding: 30rpx;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: constant(safe-area-inset-bottom);
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
.selectLicense_footer_button{
|
||||
width: 680rpx;
|
||||
height: 86rpx;
|
||||
background: #121836;
|
||||
border-radius: 15rpx 15rpx 15rpx 15rpx;
|
||||
opacity: 1;
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.selectLicense_header{
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
.selectLicense_plateNums{
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
}
|
||||
.selectLicense_input{
|
||||
margin-top: 20rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 10rpx 20rpx;
|
||||
input{
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
<template>
|
||||
<view class="selectLicense_body flex column">
|
||||
<view class="selectLicense_header flex jc">
|
||||
<text class="oneflex">请选择车牌号</text>
|
||||
<text @click="$emit('showPlateNumber')" style="position: absolute;right: 30rpx;">输入</text>
|
||||
</view>
|
||||
<view class="selectLicense_plateNums oneflex">
|
||||
<picker-view @pickstart='pickstart' @pickend='pickend' v-if="visible" :indicator-style="indicatorStyle"
|
||||
:value="[value]" @change="bindChange" class="picker-view">
|
||||
<picker-view-column>
|
||||
<view class="item" v-for="(item,index) in plateNumbers" :key="index">{{item}}</view>
|
||||
</picker-view-column>
|
||||
</picker-view>
|
||||
</view>
|
||||
<view @click="selectConfirm" class="flex jc selectLicense_footer_button flex ac jc">
|
||||
{{buttonStatus?'确定':'.....'}}
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "selectLicense",
|
||||
props: {
|
||||
value: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
plateNumbers: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
buttonStatus: true,
|
||||
visible: true,
|
||||
plateNumIndex: 0,
|
||||
plateNum: '',
|
||||
indicatorStyle: `height: 50px;`
|
||||
};
|
||||
},
|
||||
created() {
|
||||
console.log(this.plateNumbers, 'plateNumbers')
|
||||
},
|
||||
methods: {
|
||||
selectConfirm() {
|
||||
if(!this.buttonStatus) return ;
|
||||
this.$emit('confirm', this.plateNumIndex);
|
||||
},
|
||||
pickstart() {
|
||||
this.buttonStatus = false
|
||||
},
|
||||
pickend() {
|
||||
this.buttonStatus = true;
|
||||
},
|
||||
bindChange(e) {
|
||||
this.plateNumIndex = e.detail.value[0]
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import 'index.scss';
|
||||
|
||||
.picker-view {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.item {
|
||||
line-height: 100rpx;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user