38 lines
734 B
Vue
38 lines
734 B
Vue
<template>
|
|
<JMainCard pd="30rpx" wrapPd="0 30rpx">
|
|
<view class="card-title" @tap="confirm"> {{ title }} </view>
|
|
<view class="card-content"> <slot /> </view>
|
|
</JMainCard>
|
|
</template>
|
|
|
|
<script setup>
|
|
import JMainCard from "@/components/newComponents/JMainCard/JMainCard.vue"
|
|
|
|
const emits = defineEmits(["confirm"])
|
|
const props = defineProps({
|
|
title: {
|
|
type: String,
|
|
default: "确认退出",
|
|
},
|
|
})
|
|
const confirm = () => {
|
|
emits("confirm")
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.card-title {
|
|
text-align: center;
|
|
color: #ff4433;
|
|
}
|
|
.card-content {
|
|
padding: 20rpx;
|
|
margin-top: 30rpx;
|
|
background-color: #f2f2f2;
|
|
font-size: 27rpx;
|
|
line-height: 46rpx;
|
|
border-radius: 10rpx;
|
|
color: #666;
|
|
}
|
|
</style>
|