ch
3 years ago
@ -0,0 +1,96 @@
|
||||
<!--
|
||||
* @Author: ch
|
||||
* @Date: 2022-04-22 16:48:11
|
||||
* @LastEditors: ch
|
||||
* @LastEditTime: 2022-04-22 17:03:48
|
||||
* @Description: file content
|
||||
-->
|
||||
<template>
|
||||
<view class="goods-item">
|
||||
<image class="goods-item--image" mode="aspectFit" :src="data.productImageUrl" />
|
||||
<view class="goods-item--con">
|
||||
<view class="goods-item--title-box">
|
||||
<text class="goods-item--title">{{data.productName}}</text>
|
||||
<UiMoney :money="data.realAmount" float prefix suffix/>
|
||||
<!-- <text class="goods-item--pirce">￥{{data.realAmount}}</text> -->
|
||||
</view>
|
||||
<view class="goods-item--desc">
|
||||
<text>{{data.skuDescribe}}</text>
|
||||
<text class="goods-item--num">x{{data.quantity}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import UiMoney from './UiMoney.vue'
|
||||
export default {
|
||||
components: { UiMoney },
|
||||
props : {
|
||||
data : {
|
||||
type : Object,
|
||||
default : ()=> ({})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.goods-item{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 30rpx 0 0;
|
||||
|
||||
&--image{
|
||||
width: 180rpx;
|
||||
height: 180rpx;
|
||||
}
|
||||
&--con{
|
||||
width: 480rpx;
|
||||
}
|
||||
&--title-box{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: $font-size-base;
|
||||
color: $color-grey6;
|
||||
line-height: 39rpx;
|
||||
}
|
||||
&--title{
|
||||
width: 320rpx;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
display:-webkit-box;
|
||||
-webkit-box-orient:vertical;
|
||||
-webkit-line-clamp:2;
|
||||
font-weight: bold;
|
||||
}
|
||||
&--pirce{
|
||||
font-size: 22rpx;
|
||||
margin-left: 60rpx;
|
||||
}
|
||||
&--desc{
|
||||
margin-top: 20rpx;
|
||||
line-height: 39rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
text{
|
||||
font-size: $font-size-sm;
|
||||
color: $color-grey4;
|
||||
}
|
||||
}
|
||||
&--num{
|
||||
font-size: $font-size-base;
|
||||
margin-left: 60rpx;
|
||||
}
|
||||
}
|
||||
/deep/{
|
||||
.ui-money{
|
||||
text{
|
||||
font-size: $font-size-base;
|
||||
font-weight: bold;
|
||||
}
|
||||
.ui-money--prefix,.ui-money--suffix{
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,2 +1,2 @@
|
||||
<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>马士兵严选</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
|
||||
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/static/index.a5c69d49.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/static/js/chunk-vendors.b5602bf5.js></script><script src=/static/js/index.59b54823.js></script></body></html>
|
||||
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/static/index.a5c69d49.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/static/js/chunk-vendors.b5602bf5.js></script><script src=/static/js/index.27db4afe.js></script></body></html>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 906 B After Width: | Height: | Size: 945 B |
|
Before Width: | Height: | Size: 915 B After Width: | Height: | Size: 968 B |
|
Before Width: | Height: | Size: 827 B After Width: | Height: | Size: 866 B |
|
Before Width: | Height: | Size: 976 B After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 884 B After Width: | Height: | Size: 1011 B |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 942 B |
|
After Width: | Height: | Size: 372 B |
|
After Width: | Height: | Size: 372 B |
|
After Width: | Height: | Size: 56 KiB |
|
After Width: | Height: | Size: 56 KiB |