微信小程序提示词需≤14字且动词开头，如“问点什么？比如‘怎么查订单’”；Vue项目通过v-bind:placeholder绑定计算属性或provide/inject复用；React应用须用useEffect监听暗色模式动态设置placeholder，避免文字不可见。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要在不同前端平台（如微信小程序、Vue项目、React应用）中复用同一套通义千问的交互说明文案，但各平台对提示词的渲染逻辑、字符限制、样式支持和用户触达方式不同，直接复制粘贴会导致文案错位、截断或交互失效。
微信小程序中改写提示词
第一步：打开小程序的 pages/chat/chat.wxml 文件，在 <van-field> 或自定义输入框组件内找到 placeholder 属性所在行。
第二步：将原始提示词「请输入问题，我会尽力回答」替换为符合小程序语境的短句，例如「问点什么？比如“怎么查订单”」——微信用户习惯动词开头+具体示例，且字数必须 ≤ 14 字，否则在 iPhone SE 屏幕上会被截断为「问点什么？比如“怎么查订…」。
第三步：若提示词需带图标，用微信原生 <image> 标签内联插入，不要用 CSS background，否则真机调试时图标不显示。注意：【图标路径必须以 / 开头，且不能是 http 链接】。
立即学习“前端免费学习笔记（深入）”；
Vue 项目中动态注入提示词
方法一：通过 v-bind:placeholder 绑定计算属性
在组件的 data() 中定义 promptMap 对象，按业务场景键名区分：{ order: '查订单号输几位？', refund: '退钱要等多久？' }；再在模板中写 :placeholder="promptMap[activeTab] || '说点我能帮上的'"。
方法二：用 provide/inject 实现跨层级复用
在根组件 main.js 的 createApp 后添加 app.provide('qwenPrompts', { help: '点这里看常见问题' })，子组件用 inject('qwenPrompts') 获取，避免每个页面重复 import 提示词配置文件。
React 应用中适配暗色模式提示词
直接在 JSX 的 input 元素中写死 placeholder 会丢失主题适配能力。改用 useEffect 监听系统偏好，动态设置 ref.current.placeholder：
先用 const inputRef = useRef(null) 绑定输入框，再在 useEffect 中读取 window.matchMedia('(prefers-color-scheme: dark)') 的返回值，dark 模式下设为「? 问我任何事」，light 模式下设为「☀️ 说点我能帮上的」——这一步漏掉会导致暗色模式下灰色提示词在深灰背景上完全看不见。
注意：不要用 class 切换来控制 placeholder 文字颜色，::placeholder 伪元素在 Safari 15.4 以下版本不支持 color 变更。
