1 line
4.7 KiB
Plaintext
1 line
4.7 KiB
Plaintext
|
{"version":3,"file":"commission-menu.js","sources":["../../../../../../../src/modules/mall/commission/components/commission-menu.vue","../../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9tb2R1bGVzL21hbGwvY29tbWlzc2lvbi9jb21wb25lbnRzL2NvbW1pc3Npb24tbWVudS52dWU"],"sourcesContent":["<!-- 分销：商菜单栏 -->\r\n<template>\r\n <view class=\"menu-box ss-flex-col\">\r\n <view class=\"header-box\">\r\n <image class=\"header-bg\" :src=\"sheep.$url.static('/static/img/shop/commission/title1.png')\" />\r\n <view class=\"ss-flex header-title\">\r\n <view class=\"title\">功能专区</view>\r\n <text class=\"cicon-forward\"></text>\r\n </view>\r\n </view>\r\n <view class=\"menu-list ss-flex ss-flex-wrap\">\r\n <view\r\n v-for=\"(item, index) in state.menuList\"\r\n :key=\"index\"\r\n class=\"item-box ss-flex-col ss-col-center\"\r\n @tap=\"sheep.$router.go(item.path)\"\r\n >\r\n <image\r\n class=\"menu-icon ss-m-b-10\"\r\n :src=\"sheep.$url.static(item.img)\"\r\n mode=\"aspectFill\"\r\n ></image>\r\n <view>{{ item.title }}</view>\r\n </view>\r\n </view>\r\n </view>\r\n</template>\r\n\r\n<script setup>\r\nimport sheep from '@/sheep'\r\nimport { reactive } from 'vue'\r\n\r\nconst state = reactive({\r\n menuList: [\r\n {\r\n img: '/static/img/shop/commission/commission_icon1.png',\r\n title: '我的团队',\r\n path: '/modules/mall/commission/team',\r\n },\r\n {\r\n img: '/static/img/shop/commission/commission_icon2.png',\r\n title: '佣金明细',\r\n path: '/modules/mall/commission/wallet',\r\n },\r\n {\r\n img: '/static/img/shop/commission/commission_icon3.png',\r\n title: '分销订单',\r\n path: '/modules/mall/commission/order',\r\n },\r\n {\r\n img: '/static/img/shop/commission/commission_icon4.png',\r\n title: '推广商品',\r\n path: '/modules/mall/commission/goods',\r\n },\r\n // {\r\n // img: '/static/img/shop/commission/commission_icon5.png',\r\n // title: '我的资料',\r\n // path: '/modules/mall/commission/apply',\r\n // isAgentFrom: true,\r\n // },\r\n // todo @芋艿：邀请海报需要登录后的个人数据\r\n {\r\n img: '/static/img/shop/commission/commission_icon7.png',\r\n title: '邀请海报',\r\n path: 'action:showShareModal',\r\n },\r\n // TODO @芋艿：缺少 icon\r\n {\r\n // img: '/static/img/shop/commission/commission_icon7.png',\r\n title: '推广排行',\r\n path: '/modules/mall/commission/promoter',\r\n },\r\n {\r\n // img: '/static/img/shop/commission/commission_icon7.png',\r\n title: '佣金排行',\r\n path: '/modules/mall/commission/commission-ranking',\r\n },\r\n ],\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.menu-box {\r\n position: relative;\r\n z-index: 3;\r\n width: 690rpx;\r\n margin: 0 auto;\r\n margin-top: 20rpx;\r\n margin-bottom: 20rpx;\r\n border-radius: 12rpx;\r\n}\r\n\r\n.header-box {\r\n position: relative;\r\n width: 690rpx;\r\n height: 76rpx;\r\n\r\n .header-bg {\r\n width: 690rpx;\r\n height: 76rpx;\r\n }\r\n\r\n .header-title {\r\n position: absolute;\r\n top: 24rpx;\r\n left: 20rpx;\r\n }\r\n\r\n .title {\r\n font-size: 28rpx;\r\n font-weight: 500;\r\n line-height: 30rpx;\r\n color: #ffffff;\r\n }\r\n\r\n .cicon-forward {\r\n font-size: 30rpx;\r\n font-weight: 400;\r\n line-height: 30rpx;\r\n color: #ffffff;\r\n }\r\n}\r\n\r\n.menu-list {\r\n padding: 50rpx 0 10rpx 0;\r\n background: #fdfae9;\r\n border-radius: 0 0 12rpx 12rpx;\r\n}\r\n\r\n.item-box {\r\n width: 25%;\r\n margin-bottom: 40rpx;\r\n}\r\n\r\n.menu-icon {\r\n width: 68rpx;\r\n height: 68rpx;\r\n background: #ffffff;\r\n border-radius: 50%;\r\n}\r\n\r\n.menu-title {\r\n font-size: 26rpx;\r\n font-weight: 500;\r\n color: #ffffff;\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/
|