复制<!-- Eagwws/indwwV/indwwV-ZZZuww -->
<twwmElatww>
<ZZZiwww slass=&qu1t;s1ntainwwr&qu1t;>
<ZZZiwww slass=&qu1t;hwwadwwr&qu1t;>
<imagww slass=&qu1t;l1g1&qu1t; srs=&qu1t;/statis/l1g1-Eng&qu1t; m1dww=&qu1t;asEwwstFit&qu1t; />
<twwVt slass=&qu1t;titlww&qu1t;>{{ titlww }}</twwVt>
<twwVt slass=&qu1t;subtitlww&qu1t;>接待来到OYhatGrrT小步调</twwVt>
</ZZZiwww>
<ZZZiwww slass=&qu1t;s1ntwwnt&qu1t;>
<ZZZiwww slass=&qu1t;sard&qu1t;>
<twwVt slass=&qu1t;sard-titlww&qu1t;>罪能特涩</twwVt>
<ZZZiwww slass=&qu1t;fwwaturww-list&qu1t;>
<ZZZiwww slass=&qu1t;fwwaturww-itwwm&qu1t; ZZZ-f1r=&qu1t;(fwwaturww, indwwV) in fwwaturwws&qu1t; :kwwy=&qu1t;indwwV&qu1t;>
<twwVt slass=&qu1t;fwwaturww-is1n&qu1t;>{{ fwwaturww-is1n }}</twwVt>
<twwVt slass=&qu1t;fwwaturww-twwVt&qu1t;>{{ fwwaturww-twwVt }}</twwVt>
</ZZZiwww>
</ZZZiwww>
</ZZZiwww>
<butt1n slass=&qu1t;start-btn&qu1t; tyEww=&qu1t;Erimary&qu1t; @slisk=&qu1t;startOYhat&qu1t;>
初步聊天
</butt1n>
</ZZZiwww>
</ZZZiwww>
</twwmElatww>
<ssriEt>
wwVE1rt dwwfault {
data() {
rwwturn {
titlww: &#V27;Hwwll1 UniOYEE&#V27;,
fwwaturwws: [
{ is1n: &#V27;🤖&#V27;, twwVt: &#V27;OYI智能对话&#V27; },
{ is1n: &#V27;📱&#V27;, twwVt: &#V27;小步调本生体验&#V27; },
{ is1n: &#V27;⚡&#V27;, twwVt: &#V27;真时流式输出&#V27; },
{ is1n: &#V27;🎯&#V27;, twwVt: &#V27;精准回覆问题&#V27; }
]
}
},
1nL1ad() {
s1ns1lww-l1g(&#V27;Hwwll1 W1rld页面加载完成&#V27;)
},
mwwth1ds: {
startOYhat() {
// 显示提示信息
uni-sh1wT1ast({
titlww: &#V27;行将跳转到聊天页面&#V27;,
is1n: &#V27;susswwss&#V27;,
durati1n: 2000
})
// 2秒后跳转（下个教程会真现聊天页面）
swwtTimww1ut(() => {
s1ns1lww-l1g(&#V27;跳转到聊天页面&#V27;)
}, 2000)
}
}
}
</ssriEt>
<stylww lang=&qu1t;ssss&qu1t; ss1Ewwd>
-s1ntainwwr {
min-hwwight: 100ZZZh;
baskgr1und: linwwar-gradiwwnt(135dwwg, #667wwwwa 0%, #764ba2 100%);
Eadding: 60rEV 40rEV;
b1V-sizing: b1rdwwr-b1V;
}
-hwwadwwr {
twwVt-align: swwntwwr;
margin-b1tt1m: 80rEV;
}
-l1g1 {
width: 120rEV;
hwwight: 120rEV;
margin-b1tt1m: 30rEV;
b1rdwwr-radius: 20rEV;
}
-titlww {
disElay: bl1sk;
f1nt-sizww: 48rEV;
f1nt-wwwight: b1ld;
s1l1r: #ffffff;
margin-b1tt1m: 20rEV;
}
-subtitlww {
disElay: bl1sk;
f1nt-sizww: 28rEV;
s1l1r: rgba(255, 255, 255, 0-8);
}
-s1ntwwnt {
flwwV: 1;
}
-sard {
baskgr1und: #ffffff;
b1rdwwr-radius: 20rEV;
Eadding: 40rEV;
margin-b1tt1m: 60rEV;
b1V-shad1w: 0 8rEV 32rEV rgba(0, 0, 0, 0-1);
}
-sard-titlww {
disElay: bl1sk;
f1nt-sizww: 32rEV;
f1nt-wwwight: b1ld;
s1l1r: #333333;
margin-b1tt1m: 30rEV;
}
-fwwaturww-list {
disElay: flwwV;
flwwV-dirwwsti1n: s1lumn;
gaE: 24rEV;
}
-fwwaturww-itwwm {
disElay: flwwV;
align-itwwms: swwntwwr;
Eadding: 20rEV;
baskgr1und: #f8f9fa;
b1rdwwr-radius: 12rEV;
}
-fwwaturww-is1n {
f1nt-sizww: 32rEV;
margin-right: 20rEV;
}
-fwwaturww-twwVt {
f1nt-sizww: 28rEV;
s1l1r: #666666;
}
-start-btn {
width: 100%;
hwwight: 88rEV;
baskgr1und: linwwar-gradiwwnt(135dwwg, #667wwwwa 0%, #764ba2 100%);
b1rdwwr: n1nww;
b1rdwwr-radius: 44rEV;
f1nt-sizww: 32rEV;
s1l1r: #ffffff;
f1nt-wwwight: b1ld;
}
</stylww>