Authored by TaoHuang

fix ufo order

<template>
<div class="logo">
</div>
</template>
<script>
export default {
name: 'logoCmp'
};
</script>
<style lang="scss" scoped>
.logo {
display: inline-block;
width: 50PX;
height: 15PX;
background: url(~statics/image/order/logo@3x.png);
background-size: cover;
}
</style>
... ...
... ... @@ -7,7 +7,7 @@
<ImgSize class="pro-img" :src="productInfo.imageUrl" :width="200" :height="200"></ImgSize>
<div class="pro-info">
<p class="pro-name">{{productInfo.productName}}</p>
<p class="stock-info">{{productInfo.colorName}},{{productInfo.sizeNum}}个尺码,{{productInfo.storageNum}}个商品库存</p>
<p class="stock-info"><Logo class="logo-wrapper"></Logo> {{productInfo.colorName}},{{productInfo.sizeNum}}个尺码,{{productInfo.storageNum}}个商品库存</p>
</div>
</div>
<div class="arrival">
... ... @@ -41,6 +41,7 @@
import LayoutApp from '../../components/layout/layout-app';
import ModalPrice from './components/modal-price';
import ModalUnstock from './components/modal-unstock';
import Logo from './components/logo';
import ImgSize from 'components/img-size';
import {Button} from 'cube-ui';
import {get} from 'lodash';
... ... @@ -212,7 +213,7 @@ export default {
this.slideSkc = {};
}
},
components: {LayoutApp, Button, ScrollView, ProductList, ImgSize, ModalPrice, ModalUnstock}
components: {LayoutApp, Button, ScrollView, ProductList, ImgSize, ModalPrice, ModalUnstock, Logo}
};
</script>
... ... @@ -285,5 +286,10 @@ export default {
}
}
}
.logo-wrapper {
vertical-align: top;
margin-right: 7px;
}
}
</style>
... ...