|
|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div v-if="visible" class="play-prompt-overlay" @click="handleClose">
|
|
|
<div class="play-prompt-container" @click.stop>
|
|
|
- <button class="close-button" @click="handleClose">× 取消</button>
|
|
|
+ <button class="close-button" @click="handleClose">× 任意操作取消</button>
|
|
|
<h3 class="prompt-title">即将跳转下一节</h3>
|
|
|
<div class="countdown-container">
|
|
|
<div class="countdown-circle">
|
|
|
@@ -132,8 +132,8 @@ onUnmounted(() => {
|
|
|
}
|
|
|
|
|
|
.close-button {
|
|
|
- width: rpx(35);
|
|
|
- height: rpx(20);
|
|
|
+ // 移除固定宽度和高度，使用 padding 控制内边距
|
|
|
+ padding: rpx(5) rpx(10);
|
|
|
// border: 1px solid #333;
|
|
|
border: none;
|
|
|
color: white;
|
|
|
@@ -147,10 +147,11 @@ onUnmounted(() => {
|
|
|
z-index: 10;
|
|
|
outline: none;
|
|
|
box-shadow: none;
|
|
|
- padding: 0;
|
|
|
margin: 0;
|
|
|
border-radius: rpx(8);
|
|
|
gap: rpx(5);
|
|
|
+ // 确保按钮根据内容自动调整大小
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
|
|
|
|
.prompt-title {
|
丸子