修改主题样式

master
于肖磊 2025-04-17 11:20:35 +08:00
parent 894339698a
commit 0388c3e077
1 changed files with 24 additions and 22 deletions

View File

@ -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;
}