增加AI问答生成测试项
This commit is contained in:
81
cdTMP/src/components/ai-button/index.vue
Normal file
81
cdTMP/src/components/ai-button/index.vue
Normal file
@@ -0,0 +1,81 @@
|
||||
<style scoped>
|
||||
button {
|
||||
position: relative;
|
||||
padding: 10px 20px;
|
||||
|
||||
border-radius: 0px;
|
||||
border: 1px solid rgb(61, 106, 255);
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
letter-spacing: 2px;
|
||||
background: transparent;
|
||||
color: rgb(61, 106, 255);
|
||||
overflow: hidden;
|
||||
box-shadow: 0 0 0 0 transparent;
|
||||
-webkit-transition: all 0.2s ease-in;
|
||||
-moz-transition: all 0.2s ease-in;
|
||||
transition: all 0.2s ease-in;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background: rgb(61, 106, 255);
|
||||
box-shadow: 0 0 30px 5px rgba(0, 142, 236, 0.815);
|
||||
-webkit-transition: all 0.2s ease-out;
|
||||
-moz-transition: all 0.2s ease-out;
|
||||
transition: all 0.2s ease-out;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button:hover::before {
|
||||
-webkit-animation: sh02 0.5s 0s linear;
|
||||
-moz-animation: sh02 0.5s 0s linear;
|
||||
animation: sh02 0.5s 0s linear;
|
||||
}
|
||||
|
||||
button::before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 0px;
|
||||
height: 86%;
|
||||
position: absolute;
|
||||
top: 7%;
|
||||
left: 0%;
|
||||
opacity: 0;
|
||||
background: #fff;
|
||||
box-shadow: 0 0 50px 30px #fff;
|
||||
-webkit-transform: skewX(-20deg);
|
||||
-moz-transform: skewX(-20deg);
|
||||
-ms-transform: skewX(-20deg);
|
||||
-o-transform: skewX(-20deg);
|
||||
transform: skewX(-20deg);
|
||||
}
|
||||
|
||||
@keyframes sh02 {
|
||||
from {
|
||||
opacity: 0;
|
||||
left: 0%;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0;
|
||||
left: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
button:active {
|
||||
box-shadow: 0 0 0 0 transparent;
|
||||
-webkit-transition: box-shadow 0.2s ease-in;
|
||||
-moz-transition: box-shadow 0.2s ease-in;
|
||||
transition: box-shadow 0.2s ease-in;
|
||||
}
|
||||
</style>
|
||||
|
||||
<template>
|
||||
<button>AI生成测试项</button>
|
||||
</template>
|
||||
@@ -85,7 +85,7 @@
|
||||
<template v-else>
|
||||
<tr>
|
||||
<td colspan="3">
|
||||
<div class="flex justify-center items-center p-2 border-1">
|
||||
<div class="flex justify-center items-center p-2 border">
|
||||
<a-alert>暂无测试子项条目,请添加</a-alert>
|
||||
</div>
|
||||
</td>
|
||||
|
||||
Reference in New Issue
Block a user