营销:适配商城装修组件【宫格导航】

pull/14/head
owen 2023-11-08 22:22:34 +08:00
parent b050edae8d
commit a40aa1218d
2 changed files with 8 additions and 8 deletions

View File

@ -9,7 +9,7 @@
<!-- 基础组件列表导航 --> <!-- 基础组件列表导航 -->
<s-menu-list v-if="type === 'MenuList'" :data="data" /> <s-menu-list v-if="type === 'MenuList'" :data="data" />
<!-- 基础组件宫格导航 --> <!-- 基础组件宫格导航 -->
<s-menu-grid v-if="type === 'menuGrid'" :data="data" /> <s-menu-grid v-if="type === 'MenuGrid'" :data="data" />
<!-- 图文组件图片展示 --> <!-- 图文组件图片展示 -->
<s-image-block v-if="type === 'ImageBar'" :data="data" :styles="styles" /> <s-image-block v-if="type === 'ImageBar'" :data="data" :styles="styles" />

View File

@ -1,5 +1,5 @@
<template> <template>
<uni-grid :showBorder="Boolean(data.border)" :column="data.col"> <uni-grid :showBorder="Boolean(data.border)" :column="data.column">
<uni-grid-item <uni-grid-item
v-for="(item, index) in data.list" v-for="(item, index) in data.list"
:key="index" :key="index"
@ -10,19 +10,19 @@
<view <view
class="tag-box" class="tag-box"
v-if="item.badge.show" v-if="item.badge.show"
:style="[{ background: item.badge.bgColor, color: item.badge.color }]" :style="[{ background: item.badge.bgColor, color: item.badge.textColor }]"
> >
{{ item.badge.text }} {{ item.badge.text }}
</view> </view>
<image class="menu-image" :src="sheep.$url.cdn(item.src)"></image> <image class="menu-image" :src="sheep.$url.cdn(item.iconUrl)"></image>
</view> </view>
<view class="title-box ss-flex ss-flex-col ss-row-center ss-col-center"> <view class="title-box ss-flex ss-flex-col ss-row-center ss-col-center">
<view class="grid-text" :style="[{ color: item.title.color }]"> <view class="grid-text" :style="[{ color: item.titleColor }]">
{{ item.title.text }} {{ item.title }}
</view> </view>
<view class="grid-tip" :style="[{ color: item.tip.color }]"> <view class="grid-tip" :style="[{ color: item.subtitleColor }]">
{{ item.tip.text }} {{ item.subtitle }}
</view> </view>
</view> </view>
</view> </view>