新版营销首页
This commit is contained in:
parent
98b7ee56b1
commit
4567206abb
|
|
@ -5,11 +5,11 @@
|
||||||
<text class="t">{{ item.label }}</text>
|
<text class="t">{{ item.label }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="menu-wrap">
|
<view class="menu-wrap">
|
||||||
<view class="item" v-for="(val, i) in item.menus" :key="i" @click="go.to(val.pageId)">
|
<view class="item" v-for="(val, i) in item.menus" :key="i" @click="go.to(val.pageUrl)">
|
||||||
<image :src="`/static/applocation/${val.icon}.png`" mode="aspectFit" class="icon"></image>
|
<image :src="`/static/applocation/${val.icon}.png`" mode="aspectFit" class="icon"></image>
|
||||||
<view class="info">
|
<view class="info">
|
||||||
<view class="title">
|
<view class="title">
|
||||||
<text class="t">{{ val.label }}</text>
|
<text class="t">{{ val.title }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="intro">
|
<view class="intro">
|
||||||
<text class="t">{{ val.intro }}</text>
|
<text class="t">{{ val.intro }}</text>
|
||||||
|
|
@ -22,8 +22,10 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { ref } from 'vue';
|
import { ref, computed } from 'vue';
|
||||||
import go from '@/commons/utils/go.js';
|
import go from '@/commons/utils/go.js';
|
||||||
|
import { useMenusStore } from '@/store/menus.js';
|
||||||
|
const menusStore = useMenusStore();
|
||||||
|
|
||||||
const menuList = ref([
|
const menuList = ref([
|
||||||
{
|
{
|
||||||
|
|
@ -31,19 +33,68 @@ const menuList = ref([
|
||||||
menus: [
|
menus: [
|
||||||
{
|
{
|
||||||
icon: 'xszk',
|
icon: 'xszk',
|
||||||
pageId: 'PAGES_LIMIT_DISCOUNT',
|
pageUrl: 'PAGES_LIMIT_DISCOUNT',
|
||||||
label: '限时折扣',
|
title: '限时折扣',
|
||||||
intro: '批量设置商品折扣'
|
intro: '批量设置商品折扣'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
icon: 'czdhm',
|
icon: 'czdhm',
|
||||||
pageId: 'LIMIT_DISCOUNT',
|
pageUrl: 'LIMIT_DISCOUNT',
|
||||||
label: '充值兑换码',
|
title: '充值兑换码',
|
||||||
intro: '兑换码直充余额,可当作礼品赠送'
|
intro: '兑换码直充余额,可当作礼品赠送'
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
title: '优惠券',
|
||||||
|
icon: '/static/indexImg/icon-order.svg',
|
||||||
|
pageUrl: 'PAGES_ORDER_INDEX'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '霸王餐',
|
||||||
|
icon: '/static/indexImg/icon-order.svg',
|
||||||
|
pageUrl: 'PAGES_ORDER_INDEX'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '邀请裂变',
|
||||||
|
icon: '/static/indexImg/icon-order.svg',
|
||||||
|
pageUrl: 'PAGES_ORDER_INDEX'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '积分锁客',
|
||||||
|
icon: '/static/indexImg/icon-order.svg',
|
||||||
|
pageUrl: 'PAGES_ORDER_INDEX'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '满减活动',
|
||||||
|
icon: '/static/indexImg/icon-order.svg',
|
||||||
|
pageUrl: 'PAGES_MARKET_DISCOUNT_ACTIVITY'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '私域引流',
|
||||||
|
icon: '/static/indexImg/icon-order.svg',
|
||||||
|
pageUrl: 'PAGES_MARKET_DRAINAGE_CONFIG'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '消费返现',
|
||||||
|
icon: '/static/indexImg/icon-order.svg',
|
||||||
|
pageUrl: 'PAGES_MARKET_CONSUME_CASHBACK'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '分销',
|
||||||
|
icon: '/static/indexImg/icon-order.svg',
|
||||||
|
pageUrl: 'PAGES_PAY'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
]);
|
]);
|
||||||
|
console.log(menusStore.adminPages);
|
||||||
|
const computedMenus = computed(() => {
|
||||||
|
const arr = menusStore.adminPages.filter((v) => {
|
||||||
|
return navList.find((navItem) => navItem.title == v.title);
|
||||||
|
});
|
||||||
|
console.log(arr);
|
||||||
|
return arr;
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue