wxml
<view class="text-loading">wxss
<view class='pic-loading-line'></view>
<view class='text-loading-line-first'>
<view class='text-loading-line'></view>
<view class='text-loading-line'></view>
<view class='text-loading-line'></view>
</view>
<view class='text-loading-line-second'>
<view class='text-loading-line'></view>
<view class='text-loading-line'></view>
<view class='text-loading-line'></view>
</view>
</view>
.text-loading {
width: 90%;
margin:50rpx;
/* border:1rpx solid #ccc; */
}
.text-loading .pic-loading-line {
display: inline-block;
width: 130rpx;
height: 130rpx;
margin-right: 20rpx;
margin-bottom: 20rpx;
animation: pulse 1s infinite ease-in-out;
}
.text-loading .text-loading-line-first {
display: inline-block;
width: 70%;
height: 150rpx;
}
.text-loading .text-loading-line-second {
display: inline-block;
width: 100%;
height: 150rpx;
}
.text-loading-line {
height: 30rpx;
margin-bottom: 20rpx;
width: 100%;
animation: pulse 1s infinite ease-in-out;
}
.text-loading-line:nth-child(1) {
width: 100%;
}
.text-loading-line:nth-child(2) {
width: 90%;
}
.text-loading-line:nth-child(3) {
width: 50%;
}
@keyframes pulse {
0% {
background-color: rgba(165, 165, 165, 0.1);
}
50% {
background-color: rgba(165, 165, 165, 0.3);
}
100% {
background-color: rgba(165, 165, 165, 0.1);
}
}
网友回复
js如何流式输出ai的回答并折叠代码块,点击代码块右侧可预览代码?
ai大模型如何将文章转换成可视化一目了然的图片流程图图表?
大模型生成html版本的ui原型图和ppt演示文档的系统提示词怎么写?
rtsp视频直播流如何转换成websocket流在h5页面上观看?
为啥coze会开源工作流agent coze studio?
如何检测网页是通过收藏夹打开的?
python如何实现类似php的http动态脚本请求处理响应代码?
js如何实现类似php的http动态脚本请求处理响应代码?
trae与solo有啥区别不同?
vue如何让ai动态生成问卷调查多步骤表单式收集基础信息自动规划执行任务?