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
3.9 KiB
1 line
3.9 KiB
{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/detail/childComps/DetailBaseInfo.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/detail/childComps/DetailBaseInfo.vue","mtime":1615902108752},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/thread-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCglleHBvcnQgZGVmYXVsdCB7CgkJbmFtZTogIkRldGFpbEJhc2VJbmZvIiwKICAgIHByb3BzOiB7CgkJICBnb29kczogewoJCSAgICB0eXBlOiBPYmplY3QsCiAgICAgICAgZGVmYXVsdCgpewoJCSAgICAgIHJldHVybiBbXQogICAgICAgIH0KICAgICAgfQogICAgfQoJfQo="},{"version":3,"sources":["DetailBaseInfo.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"DetailBaseInfo.vue","sourceRoot":"src/views/detail/childComps","sourcesContent":["<template>\n <div v-if=\"Object.keys(goods).length !== 0\" class=\"base-info\">\n <div class=\"info-title\">\n <div><img src=\"@/assets/img/cart/logo.jpg\" alt=\"\">{{goods.title}}</div>\n <div class=\"desc\">{{goods.desc}}</div>\n </div>\n <div class=\"info-price\">\n <span class=\"n-price\">¥{{goods.newprice}}</span>\n <span class=\"o-price\">{{goods.oldprice}}</span>\n <span class=\"discount\">促销价</span>\n </div>\n <div class=\"info-other\">\n <span>{{goods.sales}}</span>\n <span>{{goods.collect}}</span>\n <span>{{goods.delivertime}}</span>\n </div>\n <div class=\"info-service\">\n <div class=\"info-service\"><span>{{goods.smallLittle1}}</span></div>\n <div class=\"info-servicem\"><span>{{goods.smallLittle2}}</span></div>\n <div class=\"info-servicem\"><span>{{goods.smallLittle3}}</span></div>\n </div>\n </div>\n</template>\n\n<script>\n\texport default {\n\t\tname: \"DetailBaseInfo\",\n props: {\n\t\t goods: {\n\t\t type: Object,\n default(){\n\t\t return []\n }\n }\n }\n\t}\n</script>\n\n<style scoped>\n .base-info {\n margin-top: 15px;\n padding: 0 8px;\n color: #999;\n border-bottom: 5px solid #f2f5f8;\n }\n\n .desc{\n font-size: 13px;\n color: #fc5a5a;\n margin-top: 10px;\n }\n\n .info-title {\n color: #222;\n line-height: 25px;\n }\n\n .info-title img{\n height: 25px;\n width: 25px;\n vertical-align: middle;\n }\n\n .info-price {\n margin-top: 10px;\n }\n\n .info-price .n-price {\n font-size: 24px;\n color: #fc5a5a;\n }\n\n .info-price .o-price {\n font-size: 13px;\n margin-left: 5px;\n text-decoration: line-through;\n }\n\n .info-price .discount {\n font-size: 12px;\n padding: 2px 5px;\n color: #fff;\n background-color: #fc5a5a;\n border-radius: 8px;\n margin-left: 5px;\n\n /*让元素上浮一些: 使用相对定位即可*/\n position: relative;\n top: -8px;\n }\n\n .info-other {\n margin-top: 15px;\n line-height: 30px;\n display: flex;\n font-size: 13px;\n border-bottom: 1px solid rgba(100,100,100,.1);\n justify-content: space-between;\n }\n\n\n .info-service {\n display: flex;\n justify-content: space-between;\n line-height: 60px;\n }\n\n \n\n .info-service span {\n font-size: 13px;\n color: rgba(54, 53, 53, 0.733);\n }\n</style>\n"]}]} |