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

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-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" />

View File

@ -1,5 +1,5 @@
<template>
<uni-grid :showBorder="Boolean(data.border)" :column="data.col">
<uni-grid :showBorder="Boolean(data.border)" :column="data.column">
<uni-grid-item
v-for="(item, index) in data.list"
:key="index"
@ -10,19 +10,19 @@
<view
class="tag-box"
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 }}
</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 class="title-box ss-flex ss-flex-col ss-row-center ss-col-center">
<view class="grid-text" :style="[{ color: item.title.color }]">
{{ item.title.text }}
<view class="grid-text" :style="[{ color: item.titleColor }]">
{{ item.title }}
</view>
<view class="grid-tip" :style="[{ color: item.tip.color }]">
{{ item.tip.text }}
<view class="grid-tip" :style="[{ color: item.subtitleColor }]">
{{ item.subtitle }}
</view>
</view>
</view>