<!--
 * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
 * @Date: 2022-07-04 16:24:00
 * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
 * @LastEditTime: 2022-07-05 16:49:10
 * @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> -->
  <div class="d-tatle">
    <div class="card">
      <van-row>
        <van-col span="24">{{ productname }}</van-col>
      </van-row>
      <van-row>
        <van-col span="24">{{ describe }}</van-col>
      </van-row>
      <van-row>
        <van-col span="8">{{ limitrange }}</van-col>
        <van-col span="8">{{ interestrate }}</van-col>
        <van-col span="8">{{ loanterm }}</van-col>
      </van-row>
     <van-row>
        <van-col span="8">额度范围</van-col>
        <van-col span="8">参考利率</van-col>
        <van-col span="8">贷款期限</van-col>
      </van-row>
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue, Prop, Watch } from "vue-property-decorator";
/*
* title
*/
@Component({
  name: "Picket",
})
export default class Picket extends Vue {
  @Prop({ default: "" }) productname: string | undefined //产品名称
  @Prop({ default: "" }) describe: string | undefined //描述
  @Prop({ default: "" }) limitrange: string | undefined //额度范围
  @Prop({ default: "" }) interestrate: string | undefined //利率
  @Prop({ default: "" }) loanterm: string | undefined //贷款期限

}
</script>
<style scoped lang="scss">
.card {
  background: #ffff;
}
</style>
