40 lines
588 B
Vue
40 lines
588 B
Vue
|
<template>
|
||
|
|
<view class="jl-form-item">
|
||
|
|
<view class="jl-form-item__label">{{prop}}</view>
|
||
|
|
<view class="jl-form-item__content">
|
||
|
|
<slot></slot>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
prop: String,
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.jl-form-item {
|
||
|
|
margin-bottom: 30rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jl-form-item__label {
|
||
|
|
float: left;
|
||
|
|
font-family: PingFangSC-Regular;
|
||
|
|
font-size: 32rpx;
|
||
|
|
color: #333333;
|
||
|
|
letter-spacing: 0;
|
||
|
|
line-height: 88rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jl-form-item__content {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jl-form-item__content .jl-input-intext {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
</style>
|