|
@@ -97,11 +97,13 @@
|
|
|
<a-table :columns="goodsColumns" :dataSource="model" :pagination="{ pageSize: 5 }" :scroll="{ y: 300 }">
|
|
|
<!-- 图片预览 -->
|
|
|
<div slot="ADcoverImagePreview" slot-scope="text, record">
|
|
|
- <img
|
|
|
- style="width:100px;"
|
|
|
- :src="record.coverUrl"
|
|
|
- @click="coverPreviewShowModal(record,'preview')"
|
|
|
- />
|
|
|
+ <div style="max-width:100px">
|
|
|
+ <img
|
|
|
+ style="width:100%;"
|
|
|
+ :src="record.coverUrl"
|
|
|
+ @click="coverPreviewShowModal(record,'preview')"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
<a-modal
|
|
|
title="图片预览"
|
|
|
v-model="coverPreviewVisible"
|
|
@@ -360,23 +362,17 @@ export default {
|
|
|
},
|
|
|
coverPreviewHandleOk() {
|
|
|
this.coverPreviewVisible = false
|
|
|
- this.coverPreviewMaskStyle.background = 0
|
|
|
+ this.coverPreviewMaskStyle.background = 'rgba(0,0,0,0)'
|
|
|
},
|
|
|
coverPreviewHandleCancel() {
|
|
|
this.coverPreviewVisible = false
|
|
|
this.coverPreviewUrl = ''
|
|
|
- this.coverPreviewMaskStyle.background = 0
|
|
|
+ this.coverPreviewMaskStyle.background = 'rgba(0,0,0,0)'
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="scss">
|
|
|
-.ad_cover_container {
|
|
|
- .ant-modal-body {
|
|
|
- max-height: 650px;
|
|
|
- overflow-y: scroll;
|
|
|
- }
|
|
|
-}
|
|
|
.ant-carousel >>> .slick-slide {
|
|
|
text-align: center;
|
|
|
// height: 160px;
|
|
@@ -413,10 +409,16 @@ export default {
|
|
|
height: 40px;
|
|
|
}
|
|
|
.slick_arrow_left {
|
|
|
- background-image: url(../images/arrow_left.png);
|
|
|
+ background: url(../images/arrow_left.png);
|
|
|
}
|
|
|
.slick_arrow_right {
|
|
|
- background-image: url(../images/arrow_right.png);
|
|
|
+ background: url(../images/arrow_right.png);
|
|
|
+ }
|
|
|
+ .slick_arrow_left:hover {
|
|
|
+ background: url(../images/arrow_left.png)!important;
|
|
|
+ }
|
|
|
+ .slick_arrow_right:hover {
|
|
|
+ background: url(../images/arrow_right.png)!important;
|
|
|
}
|
|
|
}
|
|
|
</style>
|