|
|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="select-cell">
|
|
|
- <van-cell v-if="disabled" :required="required" :title="title" :label="label"/>
|
|
|
- <van-cell v-else :required="required" :title="title" :label="label" is-link @click="clickItem"/>
|
|
|
+ <van-cell v-if="disabled" :required="required" :border="border" :title="title" :label="label"/>
|
|
|
+ <van-cell v-else :required="required" :title="title" :border="border" :label="label" is-link @click="clickItem"/>
|
|
|
<van-popup v-model="showPicker" round lazy-render position="bottom" :close-on-popstate="true" get-container="#app">
|
|
|
<van-picker
|
|
|
v-bind="$attrs"
|
|
|
@@ -37,7 +37,7 @@ export default {
|
|
|
},
|
|
|
border:{
|
|
|
type: [Boolean,String],
|
|
|
- default: true,
|
|
|
+ default: false,
|
|
|
},
|
|
|
//标题
|
|
|
title:{
|
|
|
@@ -120,15 +120,20 @@ export default {
|
|
|
<style lang="scss" scoped>
|
|
|
.select-cell{
|
|
|
position: relative;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ color: #323233;
|
|
|
+ background-color: #fff;
|
|
|
}
|
|
|
.select-cell::after{
|
|
|
position: absolute;
|
|
|
box-sizing: border-box;
|
|
|
content: ' ';
|
|
|
pointer-events: none;
|
|
|
- right: 4.266667vw;
|
|
|
+ right: 30px;
|
|
|
bottom: 0;
|
|
|
- left: 4.266667vw;
|
|
|
+ left: 30px;
|
|
|
border-bottom: 1px solid #ebedf0;
|
|
|
-webkit-transform: scaleY(.5);
|
|
|
transform: scaleY(.5);
|