1234567891011121314151617181920212223242526272829303132333435363738394041 |
- <template>
- <view class="carNo flex align_center">
- <view class="prv">{{prv}}</view>
- <view class="other">{{other}}</view>
- </view>
- </template>
- <script>
- export default{
- props: {
- val: {
- type: String,
- default: ''
- },
- },
- computed: {
- prv() {
- return this.val.substr(0,1)
- },
- other(){
- return this.val.substr(1,this.val.length)
- }
- },
- }
- </script>
- <style lang="scss">
- .carNo{
- border: 1px solid #424D5E;
- border-radius: 4rpx 0 0 4rpx;
- overflow: hidden;
- font-size: 24rpx;
- .prv{
- background-color: #424D5E;
- color: #FFFFFF;
- }
- >view{
- padding: 2rpx 10rpx;
- }
- }
- </style>
|