diff --git a/src/views/Home/components/Operating.vue b/src/views/Home/components/Operating.vue index 0209d945..a917629e 100644 --- a/src/views/Home/components/Operating.vue +++ b/src/views/Home/components/Operating.vue @@ -5,29 +5,36 @@
创建、编辑、投放、分析,让洞察更简单
@@ -50,29 +57,31 @@ const operatingList = ref([{
title: '多种方式',
desc:'快速创建问卷',
descList:[
- '一句话AI生成问卷,高效智能(新功能)','20+专业场景模板,快速创建','WORD模板上传,一键导入','空白创建编辑,灵活简单'
+ '一句话AI生成问卷,高效智能','20+专业场景模板,快速创建','WORD模板上传,一键导入','空白创建编辑,灵活简单'
],
- btnColor:'green'
+ btnColor:'green',
+ isShowTag:true
},
{
- title: '多种方式',
- desc:'快速创建问卷',
+ title: '编辑质检',
+ desc:'设计快速搞定',
descList:[
- '一句话AI生成问卷,高效智能(新功能)','20+专业场景模板,快速创建','WORD模板上传,一键导入','空白创建编辑,灵活简单'
+ '30+专业题型及模型题组,多种逻辑适配各类场景','AI多维度问卷质检,快速识别问题提供建议',
+ '多种主题、九宫格抽奖, 自定义问卷风格', '多人协作编辑,便捷协同快捷高效'
],
btnColor:'green'
},{
- title: '多种方式',
- desc:'快速创建问卷',
+ title: '精准触达',
+ desc:'投放轻松高效',
descList:[
- '一句话AI生成问卷,高效智能(新功能)','20+专业场景模板,快速创建','WORD模板上传,一键导入','空白创建编辑,灵活简单'
+ '多元样本资源精准圈选,在线一站式投放','标准链接及二维码,问卷快捷私发群发','自定义链接参数,记录多渠道样本来源','回收进度、配额进度在线实时追踪'
],
btnColor:'green'
},{
- title: '多种方式',
- desc:'快速创建问卷',
+ title: '数据分析',
+ desc:'多种维度洞察',
descList:[
- '一句话AI生成问卷,高效智能(新功能)','20+专业场景模板,快速创建','WORD模板上传,一键导入','空白创建编辑,灵活简单'
+ 'AI数据清洗,无效数据在线剔除','AI智能总结,调研结论一键洞察','专业模型看板,直达分析结论','个性化交叉分析,多维数据挖掘'
],
btnColor:'green'
}])
@@ -112,13 +121,62 @@ li{
margin-top: 20px;
&>div:first-child {
text-align: center;
-
}
.title{
margin-bottom: 5px;
}
+ .desc{
+ color: #7F7F81;
+ }
.operating-item{
-
+ .progress{
+ letter-spacing: -4px;
+ & :nth-child(1){
+ color: #70B937;
+ font-size: 45px;
+ font-weight: 400;
+ }
+ & :nth-child(2){
+ color: #000;
+ font-size: 45px;
+ }
+ & :nth-child(3){
+ color: #000;
+ font-size: 24px;
+ }
+ }
+ .info{
+ font-size: 24px;
+ font-weight: bold;
+ line-height: 26px;
+ margin-left: 10px;
+ }
+ }
+ .desc-item{
+ font-weight: bold;
+ font-size: 12px;
+ color: #000;
+ line-height: 17px;
+ li{
+ margin: 10px 0;
+ justify-content: flex-start;
+ .block{
+ width: 8px;
+ height: 8px;
+ background-color: #000;
+ margin-right: 10px;
+ }
+ .tag{
+ font-weight: 500;
+ font-size: 13px;
+ color: #2F5EF2;
+ background-color: #E2E8FA;
+ border: 1px solid #2F5EF2;
+ padding: 1px 5px;
+ border-radius: 6px;
+ margin-left: 4px
+ }
+ }
}
}