<template>
    <div class="exclusivebigBox" :style="styleData.exclusivebigBox">
        <div class="exclusiveul" :style="styleData.exclusiveul">
            <div class="exclusiveli" :style="styleData.exclusiveli" v-for="item in productList" :key="item.id">
                <div class="exclusiveImgbigdiv" :style="styleData.exclusiveImgbigdiv">
                    <div class="exclusiveImgbox" :style="styleData.exclusiveImgbox">
                        <img :src="item.exclusiveImg" class="exclusiveImg" :style="styleData.exclusiveImg">
                    </div>
                </div>
                <div class="exclusivecontdiv" :style="styleData.exclusivecontdiv">
                    <div class="exclusivetitle" :style="styleData.exclusivetitle">{{item.productTitle}}</div>
                    <div class="comfort" :style="styleData.comfort"></div>
                    <div class="detaildiv" :style="styleData.detaildiv">
                        <div class="detailboxleft" :style="styleData.detailboxleft">
                            <div class="detailprice" :style="styleData.detailprice" >
                                <span class="detailSymbol" :style="styleData.detailSymbol">￥</span>
                                <span class="detailtext" :style="styleData.detailtext ">{{item.concessionalrate}}</span>
                            </div>
                            <div class="character" :style="styleData.character "></div>
                            <div class="originalprice" :style="styleData.originalprice ">
                                京东价:￥<span class="originalpricespan" :style="styleData.originalpricespan ">{{item.originalPrice}}</span>
                            </div>
                        </div>
                        <div class="detailboxright" :style="styleData.detailboxright">
                            <div class="shoppingcart" :style="styleData.shoppingcart">
                                <div class="shoppingcartbtn" :style="styleData.shoppingcartbtn" @click="handleshoppclick"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import apis1 from "../../../util/apis1.js";
import bus from '../../../util/bus.js';
export default {
    props: ["isTemplate", "datas", "keyData", "styleData", "templateData"],
    data() {
        return{
            productList:[
                {
                    id:1,
                    productTitle:"aaaasdasda【测试商品不要拍】潮流学生07冬", //产品标题
                    exclusiveImg:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F202004%2F23%2F20200423032154_ZC2TS.thumb.400_0.jpg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632658865&t=af4f709fad2f4b853ca297d0dbaf86a4", //产品图片
                    originalPrice:"36.00", //产品原价
                    concessionalrate:"35.00" //优惠价
                },
                {
                    id:2,
                    productTitle:"【测试商品勿拍】青色毛衣",
                    exclusiveImg:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic2.zhimg.com%2Fv2-75c43460404661634c86a60602d545f9_r.jpg&refer=http%3A%2F%2Fpic2.zhimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632658823&t=74dfd53657a86aa3961cf1728d5ff747",
                    originalPrice:"80.00", 
                    concessionalrate:"40.00" 
                }
            ]
        }
    },
    methods:{
        handleshoppclick(){
            alert("您确定要购买此商品么?")
        }
    }
}
</script>