wgh/coreshoppro
1
0
Fork 0
mirror of http://git.coreshop.cn/jianweie/coreshoppro.git synced 2025-12-06 22:03:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

【优化】优化页面设计【导航组】组件前端显示样式可能存在字数太多图片便宜中心点的问题。

Browse Source
This commit is contained in:
jianweie code
2024-08-03 15:20:31 +08:00
parent 4593311ec5
commit 06bed09f76
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
CoreCms.Net.Uni-App/CoreShop/components/coreshop-page/coreshop-navBar.vue
View File

@@ -1,9 +1,11 @@
<template> <template>
<view class=" coreshop-margin-bottom-10 coreshop-padding-top-10 coreshop-padding-bottom-10 coreshop-bg-white"> <view class="coreshop-margin-bottom-10 coreshop-padding-top-10 coreshop-padding-bottom-10 coreshop-bg-white coreshop-text-center">
<u-grid :col="limit" :border="false"> <u-grid :col="limit" :border="false">
<u-grid-item v-for="(item, index) in ListData" :key="index" @click="showSliderInfo(item.linkType, item.linkValue)"> <u-grid-item v-for="(item, index) in ListData" :key="index" @click="showSliderInfo(item.linkType, item.linkValue)">
<view class="coreshop-padding-bottom-10 coreshop-padding-top-10"> <view class="coreshop-padding-bottom-10 coreshop-padding-top-10">
<view class="coreshop-display-flex coreshop-align-center coreshop-justify-center coreshop-text-center">
<u-image class="show coreshop-margin-auto" width="100rpx" height="100rpx" :src="item.image"></u-image> <u-image class="show coreshop-margin-auto" width="100rpx" height="100rpx" :src="item.image"></u-image>
</view>
<u-icon :label="item.text" :labelSize="13" labelPos="bottom" :top="25" space="10"></u-icon> <u-icon :label="item.text" :labelSize="13" labelPos="bottom" :top="25" space="10"></u-icon>
</view> </view>
</u-grid-item> </u-grid-item>