<template>
  <!-- 详情页 带开关卡片布局 -->
  <view class="s-wrapper">
    <view class="s-title">
      <text>{{ title }}</text>
      <slot name="titleRight" />
    </view>
    <view class="s-tips">{{ subTitle }}</view>
  </view>
</template>

<script setup>
const props = defineProps({
  title: { type: String }, //标题
  subTitle: { type: String }, //提示信息
})
</script>

<style lang="scss" scoped>
.s-wrapper {
  padding: 40rpx;
  margin: 30rpx 35rpx;
  border-radius: $J-b-r32;
  background-color: #fff;
  .s-title {
    display: flex;
    justify-content: space-between;
    font-size: 30rpx;
    color: #4d4d4d;
  }
  .s-tips {
    font-size: 25rpx;
    color: #808080;
  }
}
</style>
