<!--
 * @Author: jiangzaicheng jiangzaicheng_jzc@163.com
 * @Date: 2022-07-04 16:24:00
 * @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
 * @LastEditTime: 2022-07-15 11:17:18
 * @LastEditTime: 2022-07-05 17:52:47
 * @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">
<!--     <van-row >-->
<!--       <van-col  span="9" v-if="tatleflag"><van-icon name="arrow-left" @click="retyen()" /></van-col>-->
<!--       <van-col  span="15">{{tatle}}</van-col>-->
<!--       <slot></slot>-->
<!--   </van-row>-->
      <div style="padding-top: 12px; text-align: center; z-index: 0">
        <span style="font-size: 18px; color: #FFFFFF">{{tatle}}</span>
      </div>
      <div style="z-index: 1; margin-top: -26px; margin-left: 4px"><span v-if="tatleflag" style="font-size: 18px; color: #FFFFFF"><van-icon name="arrow-left" @click="retyen()" /></span></div>
      <slot></slot>
  </div>
</template>

<script lang="ts">
import { Component, Vue, Prop, Watch } from "vue-property-decorator";
/*
* title
*/
@Component({
  name: "Tatle",
})
export default class Tatle extends Vue {
    @Prop({ default: "" }) tatle: string | undefined
    @Prop({ default: true}) tatleflag : boolean|undefined
    retyen(){
      this.$router.back();
    }
}
</script>
<style scoped lang="scss">
.van-col--9{
  margin-top: 5%;
  font-size: 18px;
    color: #ffffff;
}
.van-col--15{
  margin-top: 5%;
  font-size: 18px;
    color: #ffffff;
}

.d-tatle{
  height: 50PX;
  background: linear-gradient(90deg, rgba(118, 190, 250, 1) 0%, rgba(54, 114, 241, 1) 99%);
}
</style>