修改主题样式
parent
894339698a
commit
0388c3e077
|
|
@ -1,28 +1,30 @@
|
|||
<template>
|
||||
<!-- 弹窗 -->
|
||||
<component-popup :propShow="popup_status" :propIsBar="propIsBar" propPosition="bottom" @onclose="lang_close_event">
|
||||
<view class="nav-popup-container">
|
||||
<view class="close oh flex-row">
|
||||
<view class="fr" @tap.stop="lang_close_event">
|
||||
<iconfont name="icon-close-o" size="28rpx" color="#999"></iconfont>
|
||||
</view>
|
||||
</view>
|
||||
<div class="nav-popup-title">{{ $t('common.multilingual') }}</div>
|
||||
<view class="nav-popup-content">
|
||||
<view v-if="!isEmpty(language_list)" class="nav-data-list">
|
||||
<view v-for="(value, key) in language_list" :key="key" class="nav-popup-list flex-row jc-sb align-c" :class="language_key == key ? 'cr-main' : ''" :data-key="key" :data-value="value" @tap.stop="checked_language_event">
|
||||
{{ value }}
|
||||
<iconfont v-if="language_key == key" name="icon-checked" size="32rpx"></iconfont>
|
||||
<view :class="theme_view">
|
||||
<!-- 弹窗 -->
|
||||
<component-popup :propShow="popup_status" :propIsBar="propIsBar" propPosition="bottom" @onclose="lang_close_event">
|
||||
<view class="nav-popup-container">
|
||||
<view class="close oh flex-row">
|
||||
<view class="fr" @tap.stop="lang_close_event">
|
||||
<iconfont name="icon-close-o" size="28rpx" color="#999"></iconfont>
|
||||
</view>
|
||||
<view class="text-buttom flex-row align-c jc-c" @tap.stop="popup_sub_language_event">{{ $t('common.confirm') }}</view>
|
||||
</view>
|
||||
<view v-else>
|
||||
<!-- 提示信息 -->
|
||||
<component-no-data :propStatus="0"></component-no-data>
|
||||
<div class="nav-popup-title">{{ $t('common.multilingual') }}</div>
|
||||
<view class="nav-popup-content">
|
||||
<view v-if="!isEmpty(language_list)" class="nav-data-list">
|
||||
<view v-for="(value, key) in language_list" :key="key" class="nav-popup-list flex-row jc-sb align-c" :class="language_key == key ? 'cr-main' : ''" :data-key="key" :data-value="value" @tap.stop="checked_language_event">
|
||||
{{ value }}
|
||||
<iconfont v-if="language_key == key" name="icon-checked" size="32rpx"></iconfont>
|
||||
</view>
|
||||
<view class="confirm-button flex-row align-c jc-c bg-main" @tap.stop="popup_sub_language_event">{{ $t('common.confirm') }}</view>
|
||||
</view>
|
||||
<view v-else>
|
||||
<!-- 提示信息 -->
|
||||
<component-no-data :propStatus="0"></component-no-data>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</component-popup>
|
||||
</component-popup>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
const app = getApp();
|
||||
|
|
@ -36,6 +38,7 @@
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
theme_view: app.globalData.get_theme_value_view(),
|
||||
popup_status: false,
|
||||
propIsBar: false,
|
||||
language_list: [],
|
||||
|
|
@ -110,11 +113,10 @@
|
|||
padding: 50rpx 60rpx;
|
||||
padding-bottom: 30rpx;
|
||||
}
|
||||
.text-buttom {
|
||||
.confirm-button {
|
||||
color: #fff;
|
||||
height: 60rpx;
|
||||
border-radius: 100rpx;
|
||||
background: #ff3d53;
|
||||
padding: 6rpx 22rpx;
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue