源文件
This commit is contained in:
@@ -0,0 +1,37 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user