|
|
@@ -3,22 +3,13 @@
|
|
|
<view class="yealuo-background" @tap="isShow = false" v-show="isShow"></view>
|
|
|
<view class="yealuo-con" :style="inputStyle" @tap='isShow = !isShow'>
|
|
|
<slot name='left'></slot>
|
|
|
- <input class="uni-combox__input" :disabled="theDisabled" :placeholder="placeholder" v-model="theValue"
|
|
|
- @input="theInput" @focus="theFocus" @blur="theBlur" autocomplete="off" />
|
|
|
+ <input class="uni-combox__input" :disabled="disabled" :placeholder="placeholder" v-model="theValue" @input="theInput" @focus="theFocus" @blur="theBlur" autocomplete="off" />
|
|
|
<slot name='right' v-if="selectIco">
|
|
|
- <svg class="icon" v-if="!isShow"
|
|
|
- style="width: 1.5em; height: 1.5em;vertical-align: middle;fill: currentColor;overflow: hidden;"
|
|
|
- viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="530">
|
|
|
- <path
|
|
|
- d="M512 714.666667c-8.533333 0-17.066667-2.133333-23.466667-8.533334l-341.333333-341.333333c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0l320 317.866667 317.866667-320c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L533.333333 704c-4.266667 8.533333-12.8 10.666667-21.333333 10.666667z"
|
|
|
- p-id="531"></path>
|
|
|
+ <svg class="icon" v-if="!isShow" style="width: 1.5em; height: 1.5em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="530">
|
|
|
+ <path d="M512 714.666667c-8.533333 0-17.066667-2.133333-23.466667-8.533334l-341.333333-341.333333c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0l320 317.866667 317.866667-320c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L533.333333 704c-4.266667 8.533333-12.8 10.666667-21.333333 10.666667z" p-id="531"></path>
|
|
|
</svg>
|
|
|
- <svg class="icon" v-else
|
|
|
- style="width: 1.5em; height: 1.5em;vertical-align: middle;fill: currentColor;overflow: hidden;"
|
|
|
- viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1927">
|
|
|
- <path
|
|
|
- d="M904.533333 674.133333l-362.666666-362.666666c-17.066667-17.066667-42.666667-17.066667-59.733334 0l-362.666666 362.666666c-17.066667 17.066667-17.066667 42.666667 0 59.733334 17.066667 17.066667 42.666667 17.066667 59.733333 0L512 401.066667l332.8 332.8c8.533333 8.533333 19.2 12.8 29.866667 12.8s21.333333-4.266667 29.866666-12.8c17.066667-17.066667 17.066667-42.666667 0-59.733334z"
|
|
|
- p-id="1928"></path>
|
|
|
+ <svg class="icon" v-else style="width: 1.5em; height: 1.5em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1927">
|
|
|
+ <path d="M904.533333 674.133333l-362.666666-362.666666c-17.066667-17.066667-42.666667-17.066667-59.733334 0l-362.666666 362.666666c-17.066667 17.066667-17.066667 42.666667 0 59.733334 17.066667 17.066667 42.666667 17.066667 59.733333 0L512 401.066667l332.8 332.8c8.533333 8.533333 19.2 12.8 29.866667 12.8s21.333333-4.266667 29.866666-12.8c17.066667-17.066667 17.066667-42.666667 0-59.733334z" p-id="1928"></path>
|
|
|
</svg>
|
|
|
</slot>
|
|
|
</view>
|
|
|
@@ -30,8 +21,7 @@
|
|
|
</view>
|
|
|
<view class="data">
|
|
|
<radio-group v-if="checkType=='radio'" @change="selectCheckbox">
|
|
|
- <view class="select-item" :class="'item-'+overflow" v-for="(item, index) in nowData"
|
|
|
- :key="index">
|
|
|
+ <view class="select-item" :class="'item-'+overflow" v-for="(item, index) in nowData" :key="index">
|
|
|
<label class="item-text" :class="{active: theValue==item.value}">
|
|
|
<radio name="name1" checked v-if="theValue==item.value" :value="item.id">
|
|
|
</radio>
|
|
|
@@ -41,22 +31,18 @@
|
|
|
</view>
|
|
|
</radio-group>
|
|
|
<checkbox-group v-else-if="checkType=='checkbox'" @change="selectCheckbox">
|
|
|
- <view class="select-item" :class="'item-'+overflow" v-for="(item, index) in nowData"
|
|
|
- :key="index">
|
|
|
+ <view class="select-item" :class="'item-'+overflow" v-for="(item, index) in nowData" :key="index">
|
|
|
<label class="item-text" :class="{active: theValue.indexOf(item.value)!=-1 }">
|
|
|
- <checkbox name="name1" checked v-if="theValue.indexOf(item.value)!=-1 "
|
|
|
- :value="item.id"></checkbox>
|
|
|
+ <checkbox name="name1" checked v-if="theValue.indexOf(item.value)!=-1 " :value="item.id"></checkbox>
|
|
|
<checkbox name="name1" v-else :value="item.id"></checkbox>
|
|
|
<text class="select-text">{{item.value}}</text>
|
|
|
</label>
|
|
|
</view>
|
|
|
</checkbox-group>
|
|
|
<radio-group v-else @change="selectCheckbox">
|
|
|
- <view class="select-item" :class="'item-'+overflow" v-for="(item, index) in nowData"
|
|
|
- :key="index">
|
|
|
+ <view class="select-item" :class="'item-'+overflow" v-for="(item, index) in nowData" :key="index">
|
|
|
<label class="item-text" :class="{active: theValue==item.value}">
|
|
|
- <radio name="name1" style="display: none;" checked v-if="theValue==item.value"
|
|
|
- :value="item.id"></radio>
|
|
|
+ <radio name="name1" style="display: none;" checked v-if="theValue==item.value" :value="item.id"></radio>
|
|
|
<radio name="name1" style="display: none;" v-else :value="item.id">
|
|
|
</radio>
|
|
|
<text class="select-text">{{item.value}}</text>
|
|
|
@@ -380,4 +366,4 @@
|
|
|
// border-bottom: solid 1px #DDDDDD;
|
|
|
padding: 0px 10px;
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|