|
|
@ -9,6 +9,7 @@ |
|
|
|
<a-tooltip placement="topLeft" :title="dataObj.title"> |
|
|
|
<a-tooltip placement="topLeft" :title="dataObj.title"> |
|
|
|
<p class="title twoline-hide" :style="{ width: `${dataObj.titleWidth}px` }">{{ dataObj.title }}</p></a-tooltip |
|
|
|
<p class="title twoline-hide" :style="{ width: `${dataObj.titleWidth}px` }">{{ dataObj.title }}</p></a-tooltip |
|
|
|
> |
|
|
|
> |
|
|
|
|
|
|
|
<span class="shen" v-if="dataObj.isCheck==1"> <img src="~@/assets/img/shenhe.png" /></span> |
|
|
|
<!-- 副标题 --> |
|
|
|
<!-- 副标题 --> |
|
|
|
<p v-if="isEmpty(dataObj.goodsProps)" class="subtitle" :class="{ 'c-p': subTitleColor }"> |
|
|
|
<p v-if="isEmpty(dataObj.goodsProps)" class="subtitle" :class="{ 'c-p': subTitleColor }"> |
|
|
|
<a-tooltip placement="topLeft" :title="dataObj.subtitle"> {{ dataObj.subtitle }}</a-tooltip> |
|
|
|
<a-tooltip placement="topLeft" :title="dataObj.subtitle"> {{ dataObj.subtitle }}</a-tooltip> |
|
|
@ -37,6 +38,7 @@ export default { |
|
|
|
data: PropTypes.object.def({}), |
|
|
|
data: PropTypes.object.def({}), |
|
|
|
// 副标题颜色 |
|
|
|
// 副标题颜色 |
|
|
|
subTitleColor: PropTypes.bool.def(false), |
|
|
|
subTitleColor: PropTypes.bool.def(false), |
|
|
|
|
|
|
|
source: PropTypes.any.def(0), |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
computed: { |
|
|
|
dataObj() { |
|
|
|
dataObj() { |
|
|
@ -48,6 +50,7 @@ export default { |
|
|
|
subtitle: '', |
|
|
|
subtitle: '', |
|
|
|
goodsProps: [], |
|
|
|
goodsProps: [], |
|
|
|
titleWidth: 200, |
|
|
|
titleWidth: 200, |
|
|
|
|
|
|
|
isCheck:'' |
|
|
|
}, |
|
|
|
}, |
|
|
|
this.$props.data |
|
|
|
this.$props.data |
|
|
|
) |
|
|
|
) |
|
|
@ -64,6 +67,20 @@ export default { |
|
|
|
|
|
|
|
|
|
|
|
<style lang="less" scoped> |
|
|
|
<style lang="less" scoped> |
|
|
|
@size: 60px; |
|
|
|
@size: 60px; |
|
|
|
|
|
|
|
.shen { |
|
|
|
|
|
|
|
width: 22px; |
|
|
|
|
|
|
|
height: 22px; |
|
|
|
|
|
|
|
border-radius: 50%; |
|
|
|
|
|
|
|
background: red; |
|
|
|
|
|
|
|
text-align: center; |
|
|
|
|
|
|
|
line-height: 22px; |
|
|
|
|
|
|
|
img { |
|
|
|
|
|
|
|
width: 15px; |
|
|
|
|
|
|
|
height: 15px; |
|
|
|
|
|
|
|
line-height: 25px; |
|
|
|
|
|
|
|
margin-top: -3px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
.goods-info { |
|
|
|
.goods-info { |
|
|
|
width: 270px; |
|
|
|
width: 270px; |
|
|
|
line-height: 1.3; |
|
|
|
line-height: 1.3; |
|
|
|