fix: 修复登录环境选择器选中框错位并升至1.1.16
This commit is contained in:
@@ -104,8 +104,9 @@
|
||||
<!-- </view>-->
|
||||
<!-- </view>-->
|
||||
<!-- </div>-->
|
||||
<u-picker class="login-env-picker" v-model="showApiUrlPicker" mode="selector" :range="apiUrlList" range-key="label"
|
||||
@confirm="onApiUrlConfirm" @cancel="showApiUrlPicker = false"></u-picker>
|
||||
<u-select class="login-env-picker" v-model="showApiUrlPicker" :list="apiUrlList" :default-value="apiUrlDefaultIndex"
|
||||
title="选择服务器" :show-search="false" :item-height="88" :visible-item-count="5"
|
||||
@confirm="onApiUrlConfirm" @cancel="showApiUrlPicker = false"></u-select>
|
||||
<!-- 版本信息显示 -->
|
||||
<view class="version-info">
|
||||
<text class="version-text">版本: {{ appVersion }}</text>
|
||||
@@ -165,6 +166,12 @@ export default {
|
||||
},
|
||||
envName() {
|
||||
return process.env.VUE_APP_ENV_NAME || '';
|
||||
},
|
||||
apiUrlDefaultIndex() {
|
||||
const list = this.apiUrlList || [];
|
||||
let index = list.findIndex(item => item.value === this.selectedApiUrl);
|
||||
if (index < 0) index = list.findIndex(item => item.label === '正式环境');
|
||||
return [index >= 0 ? index : 0];
|
||||
}
|
||||
},
|
||||
|
||||
@@ -212,9 +219,8 @@ export default {
|
||||
},
|
||||
|
||||
onApiUrlConfirm(e) {
|
||||
console.log('e', JSON.stringify(e));
|
||||
const selectedValue = this.apiUrlList[e[0]].value;
|
||||
console.log('selectedValue', selectedValue)
|
||||
const selectedValue = e && e[0] && e[0].value;
|
||||
if (selectedValue == null) return;
|
||||
this.selectedApiUrl = selectedValue;
|
||||
this.showApiUrlPicker = false;
|
||||
|
||||
@@ -598,21 +604,19 @@ export default {
|
||||
</style>
|
||||
<style lang="scss" scoped>
|
||||
.login-env-picker {
|
||||
::v-deep .u-picker-header,
|
||||
::v-deep .u-btn-picker {
|
||||
::v-deep .u-select__header,
|
||||
::v-deep .u-select__header__btn {
|
||||
height: 100rpx;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
::v-deep .u-picker-body {
|
||||
height: 560rpx;
|
||||
::v-deep .u-select__header__title {
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
::v-deep .u-column-item,
|
||||
::v-deep .u-select__body__picker-view__item,
|
||||
::v-deep .u-line-1 {
|
||||
height: 88rpx;
|
||||
font-size: 40rpx;
|
||||
line-height: 88rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user