|
@@ -97,7 +97,7 @@ export default defineComponent({
|
|
|
autoSize={{ minRows: 3, maxRows: 6 }}
|
|
|
placeholder={"请输入关键词,AI将自动帮您生成对应文案"}
|
|
|
/>
|
|
|
- <div class={"px-12px text-right f-12px text-gray"}>
|
|
|
+ <div class={"px-12px text-right f-12px text-white"}>
|
|
|
{state.inputValue.length}/1000
|
|
|
</div>
|
|
|
</div>
|
|
@@ -148,13 +148,16 @@ export default defineComponent({
|
|
|
const AIStyle = css`
|
|
|
border-radius: 4px;
|
|
|
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
|
|
|
+ background-color: rgba(38, 38, 38, 0.8);
|
|
|
+ color: #fff;
|
|
|
.input_box,
|
|
|
.result_text {
|
|
|
position: relative;
|
|
|
- background-color: #303030;
|
|
|
+ background-color: rgba(255, 255, 255, 0.2);
|
|
|
border-radius: 4px;
|
|
|
|
|
|
.ai_input {
|
|
|
+ color: #fff;
|
|
|
font-size: 12px;
|
|
|
border-color: transparent;
|
|
|
&:hover,
|
|
@@ -162,6 +165,9 @@ const AIStyle = css`
|
|
|
border-color: transparent;
|
|
|
box-shadow: none;
|
|
|
}
|
|
|
+ &::placeholder {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.input_box {
|
|
@@ -177,3 +183,6 @@ const AIStyle = css`
|
|
|
background-color: @inf-primary-fade-color;
|
|
|
}
|
|
|
`;
|
|
|
+
|
|
|
+
|
|
|
+
|