|
@@ -7,25 +7,13 @@
|
|
|
:title="modalTit"
|
|
|
v-model="isShow"
|
|
|
@cancel="isShow=false"
|
|
|
- :width="750">
|
|
|
- <div class="promotionDesc-con" v-if="imgList&&imgList.length>0">
|
|
|
- <a-carousel arrows>
|
|
|
- <div
|
|
|
- slot="prevArrow"
|
|
|
- slot-scope="props"
|
|
|
- class="custom-slick-arrow"
|
|
|
- style="left: 10px;zIndex: 1"
|
|
|
- >
|
|
|
- <a-icon type="left-circle" />
|
|
|
- </div>
|
|
|
- <div slot="nextArrow" slot-scope="props" class="custom-slick-arrow" style="right: 10px">
|
|
|
- <a-icon type="right-circle" />
|
|
|
- </div>
|
|
|
- <img :src="con" alt="图片走丢了" v-for="(con,i) in imgList" :key="i" />
|
|
|
- </a-carousel>
|
|
|
+ :width="500">
|
|
|
+ <div class="promotionDesc-con">
|
|
|
+ <img src="@/assets/iphone.png" alt="图片走丢了" srcset="">
|
|
|
+ <div class="promotionDescCon" v-html="mainContent"></div>
|
|
|
</div>
|
|
|
<div class="btn-cont">
|
|
|
- <!-- <a-button style="margin-right:10px;" id="promotionDesc-modal-back" @click="isShow = false">下载图片</a-button> -->
|
|
|
+ <!-- <a-button id="promotionDesc-modal-back" @click="isShow = false" style="margin-right:10px;">下载图片</a-button> -->
|
|
|
<a-button type="primary" id="promotionDesc-modal-back" @click="isShow = false">关闭</a-button>
|
|
|
</div>
|
|
|
</a-modal>
|
|
@@ -33,6 +21,7 @@
|
|
|
|
|
|
<script>
|
|
|
import { commonMixin } from '@/utils/mixin'
|
|
|
+import { promoTerminalDetail } from '@/api/promoTerminal'
|
|
|
export default {
|
|
|
name: 'PromotionDescModal',
|
|
|
mixins: [commonMixin],
|
|
@@ -40,22 +29,26 @@ export default {
|
|
|
openModal: { // 弹框显示状态
|
|
|
type: Boolean,
|
|
|
default: false
|
|
|
- },
|
|
|
- imgList: { // 弹框显示状态
|
|
|
- type: Array,
|
|
|
- default: function () {
|
|
|
- return []
|
|
|
- }
|
|
|
}
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
modalTit: '促销展示',
|
|
|
- isShow: this.openModal // 是否打开弹框
|
|
|
+ isShow: this.openModal, // 是否打开弹框
|
|
|
+ mainContent: ''
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
-
|
|
|
+ getDetail (con) {
|
|
|
+ promoTerminalDetail(con).then(res => {
|
|
|
+ if (res.status == 200) {
|
|
|
+ this.mainContent = res.data.content
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ pageInit (con) {
|
|
|
+ this.mainContent = con
|
|
|
+ }
|
|
|
},
|
|
|
watch: {
|
|
|
// 父页面传过来的弹框状态
|
|
@@ -72,17 +65,35 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less">
|
|
|
+<style lang="less" scoped>
|
|
|
.promotionDesc-modal{
|
|
|
+ /deep/.ant-modal-body{
|
|
|
+ text-algin:center !important;
|
|
|
+ }
|
|
|
+
|
|
|
.promotionDesc-con{
|
|
|
- max-height:600px;
|
|
|
- overflow-y: scroll;
|
|
|
+ width:340px;
|
|
|
+ margin:0 auto;
|
|
|
+ position:relative;
|
|
|
img{
|
|
|
- width:100%;
|
|
|
- height:600px;
|
|
|
- object-fit:cover;
|
|
|
+ width:81%;
|
|
|
+ height:auto;
|
|
|
+ }
|
|
|
+ .promotionDescCon{
|
|
|
+ position: absolute;
|
|
|
+ left:15%;
|
|
|
+ top:12.5%;
|
|
|
+ width: 70%;
|
|
|
+ max-height:420px;
|
|
|
+ overflow-y: scroll;
|
|
|
+ scrollbar-width:none;
|
|
|
+ -ms-overflow-style: none;
|
|
|
+ }
|
|
|
+ .promotionDescCon::-webkit-scrollbar{
|
|
|
+ display:none;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.btn-cont {
|
|
|
text-align: center;
|
|
|
margin: 30px 0 0px;
|