Showing
3 changed files
with
28 additions
and
2 deletions
1 | +<template> | ||
2 | + <div class="logo"> | ||
3 | + </div> | ||
4 | +</template> | ||
5 | + | ||
6 | +<script> | ||
7 | +export default { | ||
8 | + name: 'logoCmp' | ||
9 | +}; | ||
10 | +</script> | ||
11 | + | ||
12 | +<style lang="scss" scoped> | ||
13 | +.logo { | ||
14 | + display: inline-block; | ||
15 | + width: 50PX; | ||
16 | + height: 15PX; | ||
17 | + background: url(~statics/image/order/logo@3x.png); | ||
18 | + background-size: cover; | ||
19 | +} | ||
20 | +</style> |
@@ -7,7 +7,7 @@ | @@ -7,7 +7,7 @@ | ||
7 | <ImgSize class="pro-img" :src="productInfo.imageUrl" :width="200" :height="200"></ImgSize> | 7 | <ImgSize class="pro-img" :src="productInfo.imageUrl" :width="200" :height="200"></ImgSize> |
8 | <div class="pro-info"> | 8 | <div class="pro-info"> |
9 | <p class="pro-name">{{productInfo.productName}}</p> | 9 | <p class="pro-name">{{productInfo.productName}}</p> |
10 | - <p class="stock-info">{{productInfo.colorName}},{{productInfo.sizeNum}}个尺码,{{productInfo.storageNum}}个商品库存</p> | 10 | + <p class="stock-info"><Logo class="logo-wrapper"></Logo> {{productInfo.colorName}},{{productInfo.sizeNum}}个尺码,{{productInfo.storageNum}}个商品库存</p> |
11 | </div> | 11 | </div> |
12 | </div> | 12 | </div> |
13 | <div class="arrival"> | 13 | <div class="arrival"> |
@@ -41,6 +41,7 @@ | @@ -41,6 +41,7 @@ | ||
41 | import LayoutApp from '../../components/layout/layout-app'; | 41 | import LayoutApp from '../../components/layout/layout-app'; |
42 | import ModalPrice from './components/modal-price'; | 42 | import ModalPrice from './components/modal-price'; |
43 | import ModalUnstock from './components/modal-unstock'; | 43 | import ModalUnstock from './components/modal-unstock'; |
44 | +import Logo from './components/logo'; | ||
44 | import ImgSize from 'components/img-size'; | 45 | import ImgSize from 'components/img-size'; |
45 | import {Button} from 'cube-ui'; | 46 | import {Button} from 'cube-ui'; |
46 | import {get} from 'lodash'; | 47 | import {get} from 'lodash'; |
@@ -212,7 +213,7 @@ export default { | @@ -212,7 +213,7 @@ export default { | ||
212 | this.slideSkc = {}; | 213 | this.slideSkc = {}; |
213 | } | 214 | } |
214 | }, | 215 | }, |
215 | - components: {LayoutApp, Button, ScrollView, ProductList, ImgSize, ModalPrice, ModalUnstock} | 216 | + components: {LayoutApp, Button, ScrollView, ProductList, ImgSize, ModalPrice, ModalUnstock, Logo} |
216 | }; | 217 | }; |
217 | </script> | 218 | </script> |
218 | 219 | ||
@@ -285,5 +286,10 @@ export default { | @@ -285,5 +286,10 @@ export default { | ||
285 | } | 286 | } |
286 | } | 287 | } |
287 | } | 288 | } |
289 | + | ||
290 | + .logo-wrapper { | ||
291 | + vertical-align: top; | ||
292 | + margin-right: 7px; | ||
293 | + } | ||
288 | } | 294 | } |
289 | </style> | 295 | </style> |
apps/statics/image/order/logo@3x.png
0 → 100644
3.38 KB
-
Please register or login to post a comment