You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
6.1 KiB
1 line
6.1 KiB
{"version":3,"sources":["webpack:///src/views/commodity/page/src/views/commodity/page/home.vue"],"names":[],"mappings":"AA4GA,6BACA,YAAA,CACA,kBAAA,CACA,iBAAA,CACA,eAAA,CACA,WAAA,CACA,eAAA,CACA,iBAAA,CACA,wBACA,CACA,iCACA,UAAA,CACA,WAAA,CACA,kBACA,CACA,kCACA,cAAA,CACA,0CAAA,CACA,eAAA,CACA,UACA,CACA,2BACA,YAAA,CACA,cAAA,CACA,6BACA,CACA,sCACA,cAAA,CACA,eAAA,CACA,wBAAA,CACA,qBAAA,CACA,iBAAA,CACA,SAAA,CACA,YAAA,CACA,eACA,CACA,6BACA,YAAA,CACA,kBAAA,CACA,kBACA,CACA,kCACA,cAAA,CACA,yCAAA,CACA,eAAA,CACA,UACA,CACA,iCACA,UAAA,CACA,WAAA,CACA,iBACA,CACA,iEAEA,YAAA,CACA,4BAAA,CACA,iBACA,CACA,4CACA,cAAA,CACA,yCAAA,CACA,kBAAA,CACA,eAAA,CACA,UAAA,CACA,gBACA,CACA,4CACA,cAAA,CACA,yCAAA,CACA,eAAA,CACA,UAAA,CACA,gBACA,CACA,4CACA,cAAA,CACA,kBAAA,CACA,0CAAA,CACA,eAAA,CACA,UAAA,CACA,gBACA,CACA,+BACA,UAAA,CACA,WAAA,CACA,kBACA","file":"chunk-ca298306.e19cb0be.css","sourcesContent":["<template>\n <div style='margin:20px'>\n <div class=\"main_title\">\n <img :src=\"title\"\n alt=\"\" />\n <span>欢迎使用商城管理系统</span>\n </div>\n <div class=\"home_box\">\n <div class=\"home_itme\">\n <div class=\"home_title\">\n <img :src=\"home_icon1\"\n alt=\"\" /> <span>待办事项</span>\n </div>\n <div class=\"home_item1_box\">\n <div class=\"item1\">\n <p class=\"p1\">待付款 <span class=\"el-icon-arrow-right\"></span></p>\n <p class=\"p2\">10</p>\n </div>\n <div class=\"item1\">\n <p class=\"p1\">待发货 <span class=\"el-icon-arrow-right\"></span></p>\n <p class=\"p2\">12</p>\n </div>\n <div class=\"item1\">\n <p class=\"p1\">\n 未回复服务请求 <span class=\"el-icon-arrow-right\"></span>\n </p>\n <p class=\"p2\">6</p>\n </div>\n <div class=\"item1\">\n <p class=\"p1\">退款处理 <span class=\"el-icon-arrow-right\"></span></p>\n <p class=\"p2\">2</p>\n </div>\n </div>\n </div>\n <div class=\"home_itme\">\n <div class=\"home_title\">\n <img :src=\"home_icon2\"\n alt=\"\" /> <span>运营数据</span>\n </div>\n <div class=\"home_item1_box\">\n <div class=\"item1\">\n <p class=\"p3\">生单数</p>\n <p class=\"p2\">100</p>\n </div>\n <div class=\"item1\">\n <p class=\"p3\">生单金额</p>\n <p class=\"p2\">¥10,000.00</p>\n </div>\n <div class=\"item1\">\n <p class=\"p3\">\n 上架商品数\n </p>\n <p class=\"p2\">23</p>\n </div>\n </div>\n </div>\n <div class=\"home_itme\">\n <div class=\"home_title\">\n <img :src=\"home_icon3\"\n alt=\"\" /> <span>快捷入口</span>\n </div>\n <div class=\"home_item_box\">\n <div class=\"box_item\">\n <img :src=\"item1\"\n alt=\"\" />\n <div><span>添加商品</span></div>\n </div>\n <div class=\"box_item\">\n <img :src=\"item2\"\n alt=\"\" />\n <div><span>添加商品</span></div>\n </div>\n <div class=\"box_item\">\n <img :src=\"item3\"\n alt=\"\" />\n <div><span>添加商品</span></div>\n </div>\n <div class=\"box_item\">\n <img :src=\"item4\"\n alt=\"\" />\n <div><span>添加商品</span></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nexport default {\n // /Users/apple/Desktop/smartCommunity/basic-admin/src/assets/images/commodity/home/home_icon1.png\n data () {\n return {\n title: require('@/assets/images//commodity/home/title.png'),\n home_icon1: require('@/assets/images//commodity/home/home_icon1.png'),\n home_icon2: require('@/assets/images//commodity/home/home_icon2.png'),\n home_icon3: require('@/assets/images//commodity/home/home_icon3.png'),\n item1: require('@/assets/images//commodity/home/item1.png'),\n item2: require('@/assets/images//commodity/home/item2.png'),\n item3: require('@/assets/images//commodity/home/item3.png'),\n item4: require('@/assets/images//commodity/home/item4.png')\n }\n },\n methods: {}\n}\n</script>\n\n<style scoped>\n.main_title {\n display: flex;\n align-items: center;\n padding-left: 20px;\n margin-top: 20px;\n height: 43px;\n background: #ffffff;\n border-radius: 4px;\n border: 1px solid #e8e8e8;\n}\n.main_title img {\n width: 16px;\n height: 16px;\n padding-right: 10px;\n}\n.main_title span {\n font-size: 14px;\n font-family: PingFangSC-Regular, PingFang SC;\n font-weight: 400;\n color: #333333;\n}\n.home_box {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n.home_box .home_itme {\n cursor: pointer;\n margin-top: 20px;\n padding: 23px 0px 48px 20px;\n box-sizing: border-box;\n border-radius: 4px;\n width: 48%;\n height: 220px;\n background: #ffffff;\n}\n.home_title {\n display: flex;\n align-items: center;\n margin-bottom: 40px;\n}\n.home_title span {\n font-size: 16px;\n font-family: PingFangSC-Medium, PingFang SC;\n font-weight: 500;\n color: #333333;\n}\n.home_title img {\n width: 16px;\n height: 16px;\n margin-right: 10px;\n}\n.home_item1_box,\n.home_item_box {\n display: flex;\n justify-content: space-around;\n text-align: center;\n}\n.home_item1_box .item1 .p1 {\n font-size: 14px;\n font-family: PingFangSC-Medium, PingFang SC;\n margin-bottom: 19px;\n font-weight: 500;\n color: #333333;\n line-height: 20px;\n}\n.home_item1_box .item1 .p2 {\n font-size: 36px;\n font-family: PingFangSC-Medium, PingFang SC;\n font-weight: 500;\n color: #666666;\n line-height: 50px;\n}\n.home_item1_box .item1 .p3 {\n font-size: 14px;\n margin-bottom: 19px;\n font-family: PingFangSC-Regular, PingFang SC;\n font-weight: 400;\n color: #666666;\n line-height: 20px;\n}\n.box_item img {\n width: 58px;\n height: 58px;\n margin-bottom: 17px;\n}\n</style>\n"]} |