<!--
 * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
 * @Date: 2022-07-04 16:24:00
 * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
 * @LastEditTime: 2022-07-13 16:04:20
 * @FilePath: \mcep-h5\src\components\common\Tatle.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <!-- <div class="d-flex ">
     <van-row type="flex" class="vanrow">
      <van-col span="24" class="productName" style="margin-left: 10%; margin-top:10%">金融消费贷</van-col>
    </van-row>
    <div class="producy">
      <van-collapse v-model="activeNames">
        <van-collapse-item title="标题1" name="1">内容</van-collapse-item>
        <van-collapse-item title="标题2" name="2">内容</van-collapse-item>
        <van-collapse-item title="标题3" name="3">内容</van-collapse-item>
      </van-collapse>
    </div>  
  </div> -->
  <div class="d-flex flex-column loop" >
      <div class="p-2 " ><van-icon name="arrow-left" /></div>
      <div class="p-2 " style="width:100%;height:70%;">{{productName}}</div>
      
  </div>
</template>

<script lang="ts">
import { Component, Vue, Prop, Watch } from "vue-property-decorator";
/*
* title
*/
@Component({
  name: "ProductDetail",
})
export default class ProductDetail extends Vue {
  //路由传值产品名称
  @Prop({ default: "" }) productName: string | undefined;
  
  imagenAME: any=require('@/assets/images/background-card.png');
}
</script>
<style scoped lang="scss">
// .vanrow{
//   margin-top: 5%;
//   margin-left: 5%;
// }
.loop {
  background-image: url("../../assets/images/background-card.png");
  background-size: 100%;
}
.productName{
   font-family: "Arial Negreta", "Arial Normal", Arial, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: rgb(255, 255, 255);
    border-width: 0px;
}
</style>