学员端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

65 lines
1.1 KiB

<template>
<view class="popupCon">
<view class="h2">确定取消预约</view>
<!-- <view class="txt">某个训练预约取消规则</view> -->
<view class="btnBox">
<view class="btn" @click="$emit('popupBtnClick',0)">取消</view>
<view class="btn right" @click="$emit('popupBtnClick',1)">确定</view>
</view>
</view>
</template>
<script>
</script>
<style lang="scss" scoped>
.popupCon {
width: 558rpx;
background: linear-gradient(180deg, #C1DFFE 0%, #FFFFFF 20%);
border-radius: 16rpx;
.h2 {
font-size: 36rpx;
color: #333;
font-weight: 600;
text-align: center;
padding: 60rpx 0 50rpx 0;
}
.txt {
text-align: center;
padding: 28rpx;
color: #686B73;
}
.btnBox {
width: 100%;
height: 110rpx;
border-top: 1rpx solid #E8E9EC;
display: flex;
padding: 30rpx 0;
.btn {
flex: 1;
text-align: center;
color: #ADADAD;
font-size: 36rpx;
}
.btn.right {
color: $themC;
position: relative;
&::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 2rpx;
height: 48rpx;
background: #E8E9EC;
}
}
}
}
</style>