sileya-ai
/
vr-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改页面设置显示

v1.0.0
于肖磊 2024-09-18 15:09:41 +08:00
parent a64bbb6337
commit c7dc2dfafa
4 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/page-settings/index.vue
View File

@ -28,7 +28,7 @@
</div> </div>
</template> </template>
</div> </div>
<div class="flex-row align-c" :class="'gap-' + new_style.img_space"> <div v-if="!isEmpty(form.icon_setting)" class="flex-row align-c" :class="'gap-' + new_style.img_space">
<div v-for="(item, index) in form.icon_setting" :key="index" :style="{ width: new_style.img_size + 'px', height: new_style.img_size + 'px' }"> <div v-for="(item, index) in form.icon_setting" :key="index" :style="{ width: new_style.img_size + 'px', height: new_style.img_size + 'px' }">
<image-empty v-if="item.img.length > 0" v-model="item.img[0]" :error-img-style="'width: ' + Number(new_style.img_size) / 2 + 'px;height:' + Number(new_style.img_size) / 2 + 'px;'"></image-empty> <image-empty v-if="item.img.length > 0" v-model="item.img[0]" :error-img-style="'width: ' + Number(new_style.img_size) / 2 + 'px;height:' + Number(new_style.img_size) / 2 + 'px;'"></image-empty>
<icon v-else :name="item.icon" :size="new_style.img_size + ''" color="6"></icon> <icon v-else :name="item.icon" :size="new_style.img_size + ''" color="6"></icon>
@ -41,6 +41,8 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { background_computer, gradient_computer } from '@/utils'; import { background_computer, gradient_computer } from '@/utils';
import { isEmpty } from 'lodash';
interface Props { interface Props {
pageData: any; pageData: any;
showPage: boolean; showPage: boolean;

2
src/components/page-settings/page-setting.vue
View File

@ -51,7 +51,7 @@ const default_data = {
radius_bottom_left: 16, radius_bottom_left: 16,
radius_bottom_right: 16, radius_bottom_right: 16,
}, },
img_size: '18', img_size: '23',
img_space: '15', img_space: '15',
tips_color: '#ccc', tips_color: '#ccc',
hot_words_color: '#000', hot_words_color: '#000',

6
src/components/page-settings/page-styles.vue
View File

@ -63,9 +63,9 @@
</el-form-item> </el-form-item>
<el-form-item label="图标间距"> <el-form-item label="图标间距">
<el-radio-group v-model="form.img_space"> <el-radio-group v-model="form.img_space">
<el-radio value="35">大</el-radio> <el-radio value="25">大</el-radio>
<el-radio value="25">中</el-radio> <el-radio value="15">中</el-radio>
<el-radio value="15">小</el-radio> <el-radio value="10">小</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</card-container> </card-container>

2
src/views/layout/components/main/default/header-nav.ts
View File

@ -113,7 +113,7 @@ const defaultFooterNav: DefaultFooterNav = {
radius_bottom_left: 16, radius_bottom_left: 16,
radius_bottom_right: 16, radius_bottom_right: 16,
}, },
img_size: '18', img_size: '23',
img_space: '15', img_space: '15',
tips_color: '#ccc', tips_color: '#ccc',
hot_words_color: '#000', hot_words_color: '#000',