秒哒APP实测使用体验
<div class="ce-block ce-block--focused" data-id="KYGHoqTQBn" ><div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">初次接触秒哒APP，直观的页面设计十分吸睛，彻底打破了“开发软件、制作小程序需要专业代码能力”的固有认知，让普通用户也能独立完成软件、小程序的创意创作，各类实用功能技能全覆盖，上手门槛极低，是一款十分适合新手的无代码AI创作平台。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="NYhFVUTkCi" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">在所有功能中，我最青睐的是它的微信小程序创作能力。相较于独立APP，微信小程序无需下载、不占用手机内存，使用便捷、传播性强，适配日常轻量化使用场景。依托平台的AI创作能力，我结合日常痛点，自主设计了一款心情+天气智能穿搭小程序，精准解决女生日常穿搭难题。生活中很多女生衣物储备充足，但每天花费大量时间纠结穿搭、挑选衣服，十分耗费时间精力，而这款小程序可以完美规避这一问题。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="SDFZd_30IT" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">这款穿搭小程序的核心功能十分全面、实用性拉满。支持用户拍摄自有衣物，自动生成完整电子衣柜，实现衣物线上收纳管理；同时可自主选择所在城市、实时匹配当日天气，结合个人当下心情，智能推荐适配的穿搭方案，精准贴合日常穿搭需求，使用体验十分流畅。即便我只是简单描述了产品核心创意，平台也能自动生成内容详实、逻辑完整的产品文档，细节覆盖全面，充分体现了平台强大的AI创作与整合能力。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="yAsXXu2N2I" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">不过在实测过程中，也发现了多处亟待优化的问题。首先是APP生成速度较慢，完整生成一款应用耗时较长，实测单次生成时长接近十几分钟，等待成本较高，影响创作体验。其次是小程序注册页面存在功能漏洞，页面底部的用户协议、隐私政策仅为静态文字展示，无法点击跳转查看详细内容，形同虚设，无法保障用户的知情权与使用权益，存在合规细节瑕疵。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="NXoB5O5roz" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">除此之外，使用便捷性仍有较大提升空间。目前自主创作的小程序无法添加至手机桌面，每次使用都需要先打开秒哒APP，再二次点开对应小程序，操作步骤繁琐，丧失了轻量化工具的便捷优势。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="DnZ7N6II11" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">整体来看，秒哒APP的无代码创作能力十分亮眼，功能全面、创意落地门槛低，能够快速将普通用户的创意转化为完整可用的小程序、APP产品，实用性极强。针对本次实测发现的问题，也希望平台能够优化升级：一是大幅缩短APP、小程序的生成耗时，提升创作效率；二是修复用户协议、隐私政策的跳转功能，完善产品合规细节；三是支持自主创作的小程序添加至手机桌面，简化使用步骤，进一步提升用户使用便捷度。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="Qfz4sOsHwH" >
<!-- images-style-waterfallorimages-style-normal -->
<div class="ce-block__content images-style-waterfall">
<div class="cdx-block images-tool images-tool--filled ">
<div class="images-tool__images-grid">
<div class="images-tool__image-item images-tool__image-item_0">
<div class="images-tool__image-preloader" style=""></div>
<img id="aimg_448" class="images-tool__image-picture _zoom" src="https://wazhi.net/data/attachment/forum/202608/31/185415gjmzywdnvykw7owb.jpg" title="" alt="" data-aid="448"/>
</div>
<div class="images-tool__image-item images-tool__image-item_1">
<div class="images-tool__image-preloader" style=""></div>
<img id="aimg_449" class="images-tool__image-picture _zoom" src="https://wazhi.net/data/attachment/forum/202608/31/185415cjcxzf2rcsi62fmj.jpg" title="" alt="" data-aid="449"/>
</div>
<div class="images-tool__image-item images-tool__image-item_2">
<div class="images-tool__image-preloader" style=""></div>
<img id="aimg_450" class="images-tool__image-picture _zoom" src="https://wazhi.net/data/attachment/forum/202608/31/185415f0hfvvvzbv1v59zw.jpg" title="" alt="" data-aid="450"/>
</div>
<div class="images-tool__image-item images-tool__image-item_3">
<div class="images-tool__image-preloader" style=""></div>
<img id="aimg_451" class="images-tool__image-picture _zoom" src="https://wazhi.net/data/attachment/forum/202608/31/185415znvccblvjrevmrkn.jpg" title="" alt="" data-aid="451"/>
</div>
<div class="images-tool__image-item images-tool__image-item_4">
<div class="images-tool__image-preloader" style=""></div>
<img id="aimg_452" class="images-tool__image-picture _zoom" src="https://wazhi.net/data/attachment/forum/202608/31/185415yo1zuosnt2ozndcq.jpg" title="" alt="" data-aid="452"/>
</div>
<div class="images-tool__image-item images-tool__image-item_5">
<div class="images-tool__image-preloader" style=""></div>
<img id="aimg_453" class="images-tool__image-picture _zoom" src="https://wazhi.net/data/attachment/forum/202608/31/185415vz7o0fangsssxoj1.jpg" title="" alt="" data-aid="453"/>
</div>
</div>
<div class="cdx-input images-tool__caption" data-placeholder=""></div>
</div>
</div>
</div><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.ce-paragraph {
line-height: 1.6em;
outline: none;
text-indent: 2em;
font-size: 16px;
}
.ce-paragraph--right {
text-align: right;
}
.ce-paragraph--center {
text-align: center;
}
.ce-paragraph--left {
text-align: left;
}
.ce-paragraph--justify {
text-align: justify;
}
.ce-paragraph-text-indent {
text-align: justify;
}
.ce-paragraph:empty::before{
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}
/** Show placeholder at the first paragraph if Editor is empty */
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty::before {
opacity: 1;
}
.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph:empty::before,
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty:focus::before {
opacity: 0;
}
.ce-paragraph p:first-of-type{
margin-top: 0;
}
.ce-paragraph p:last-of-type{
margin-bottom: 0;
}
.svg-icon {
width: 1em;
height: 1em;
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
fill: #4691f6;
}
.svg-icon circle {
stroke: #4691f6;
stroke-width: 1;
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.images-style-normal .images-tool {
--bg-color:#cdd1e0;
--front-color:#388ae5;
--border-color:#e8e8eb;
}
.images-style-normal .images-tool__image {
border-radius:3px;
overflow:hidden;
margin-bottom:10px;
padding-bottom:0
}
.images-style-normal .images-tool__image-picture {
max-width:100%;
vertical-align:bottom;
display:block;
margin:0 auto
}
.images-style-normal .images-tool__image-preloader {
width:50px;
height:50px;
border-radius:50%;
background-size:cover;
margin:auto;
position:relative;
background-color:#cdd1e0;
background-position:center center
}
.images-style-normal .images-tool__image-preloader:after {
content:"";
position:absolute;
z-index:3;
width:60px;
height:60px;
border-radius:50%;
border:2px solid #cdd1e0;
border-top-color:#388ae5;
left:50%;
top:50%;
margin-top:-30px;
margin-left:-30px;
animation:image-preloader-spin 2s infinite linear;
box-sizing:border-box
}
.images-style-normal .images-tool__images-grid {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
gap:10px;
margin-bottom:10px
}
.images-style-normal .images-tool__image-item {
position:relative;
border-radius:3px;
overflow:hidden;
background-color:#f5f5f5
}
.images-style-normal .images-tool__remove-button {
top:5px;
right:5px;
width:24px;
height:24px;
background-color:#ffffffe6;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
opacity:0;
transition:opacity .2s;
z-index:10
}
.images-style-normal .images-tool__image-item:hover .images-tool__remove-button {
opacity:1
}
.images-style-normal .images-tool__caption {
bottom:0;
left:0;
margin-bottom:10px;
text-align: center;
font-size: 14px;
color: #a3a3a3;
}
.images-style-normal .images-tool__caption:before {
position:absolute!important;
content:attr(data-placeholder);
color:#707684;
font-weight:400;
display:none
}
.images-style-normal .images-tool__caption:empty:before {
display:block
}
.images-style-normal .images-tool__caption:empty:focus:before {
display:none
}
.images-style-normal .images-tool--empty .images-tool__image,.images-style-normal .images-tool--empty .images-tool__image-preloader {
display:none
}
.images-style-normal .images-tool--empty .images-tool__caption,.images-style-normal .images-tool--uploading .images-tool__caption {
visibility:hidden!important
}
.images-style-normal .images-tool .cdx-button {
display:flex;
align-items:center;
justify-content:center
}
.images-style-normal .images-tool .cdx-button svg {
height:auto;
margin:0 6px 0 0
}
.images-style-normal .images-tool--filled .cdx-button,.images-style-normal .images-tool--filled .images-tool__image-preloader {
display:none
}
.images-style-normal .images-tool--uploading .images-tool__image {
min-height:200px;
display:flex;
border:1px solid #e8e8eb;
background-color:#fff
}
.images-style-normal .images-tool--uploading .images-tool__image-picture,.images-style-normal .images-tool--uploading .cdx-button {
display:none
}
.images-style-normal .images-tool--withBorder .images-tool__image {
border:1px solid #e8e8eb
}
.images-style-normal .images-tool--withBackground .images-tool__image {
padding:15px;
background:#cdd1e0
}
.images-style-normal .images-tool--withBackground .images-tool__image-picture {
max-width:60%;
margin:0 auto
}
.images-style-normal .images-tool--stretched .images-tool__image-picture {
width:100%
}
.images-style-normal .images-tool--caption .images-tool__caption {
visibility:visible
}
.images-style-normal .images-tool--caption {
padding-bottom:50px;
text-align: center;
font-size: 14px;
color: #a3a3a3;
}
@keyframes image-preloader-spin {
0% {
transform:rotate(0)
}
to {
transform:rotate(360deg)
}
}
.images-style-normal .images-tool__images-grid {
display:grid;
grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
gap:10px;
margin-bottom:10px;
min-height:100px
}
.images-style-normal .images-tool__image-item {
position:relative;
border-radius:3px;
overflow:hidden;
background-color:#f5f5f5;
transition:all .2s ease;
cursor:grab
}
.images-style-normal .images-tool__image-item:hover {
transform:translateY(-2px);
box-shadow:0 4px 8px #0000001a
}
.images-style-normal .images-tool__image-item:active {
cursor:grabbing
}
.images-style-normal .images-tool__image-item {
-webkit-user-select:none;
user-select:none
}
.images-style-normal .images-tool__image-item.dragging {
opacity:.5;
transform:scale(1.05);
z-index:100
}
.images-style-normal .images-tool__drag-indicator {
position:absolute;
width:4px;
background-color:#388ae5;
border-radius:2px;
pointer-events:none;
z-index:1000
}
.images-style-normal .images-tool__actions-container {
position:absolute;
top:5px;
right:5px;
display:flex;
flex-direction:column;
align-items:center;
gap:3px;
opacity:0;
transition:opacity .2s;
z-index:10
}
.images-style-normal .images-tool__image-item:hover .images-tool__actions-container {
opacity:1
}
.images-style-normal .images-tool__move-button {
width:24px;
height:24px;
background-color:#ffffffe6;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
font-size:12px;
color:#333;
transition:all .2s
}
.images-style-normal .images-tool__move-button:hover,.images-style-normal .images-tool__remove-button:hover {
background-color:#fff;
transform:scale(1.1);
box-shadow:0 2px 4px #0003
}
.images-style-normal .images-tool__move-button:disabled {
opacity:.5;
cursor:not-allowed;
transform:none
}
/*
*以下是瀑布流样式
*/
.images-style-waterfall .images-tool {
--bg-color:#cdd1e0;
--front-color:#388ae5;
--border-color:#e8e8eb;
}
.images-style-waterfall .images-tool__image {
border-radius:3px;
overflow:hidden;
margin-bottom:10px;
padding-bottom:0
}
.images-style-waterfall .images-tool__image-picture {
max-width:100%;
vertical-align:bottom;
display:block;
margin:0 auto
}
.images-style-waterfall .images-tool__image-preloader {
width:50px;
height:50px;
border-radius:50%;
background-size:cover;
margin:auto;
position:relative;
background-color:#cdd1e0;
background-position:center center
}
.images-style-waterfall .images-tool__image-preloader:after {
content:"";
position:absolute;
z-index:3;
width:60px;
height:60px;
border-radius:50%;
border:2px solid #cdd1e0;
border-top-color:#388ae5;
left:50%;
top:50%;
margin-top:-30px;
margin-left:-30px;
animation:image-preloader-spin 2s infinite linear;
box-sizing:border-box
}
/* 修改为瀑布流布局 */
.images-style-waterfall .images-tool__images-grid {
column-count: 2;
column-gap: 10px;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.images-style-waterfall .images-tool__images-grid {
column-count: 3;
}
}
@media (min-width: 1024px) {
.images-style-waterfall .images-tool__images-grid {
column-count: 4;
}
}
.images-style-waterfall .images-tool__image-item {
break-inside: avoid;
margin-bottom: 10px;
position:relative;
border-radius:3px;
overflow:hidden;
background-color:#f5f5f5;
transition:all .2s ease;
cursor:grab
}
.images-style-waterfall .images-tool__image-item img {
width: 100%;
height: auto;
display: block;
}
.images-style-waterfall .images-tool__remove-button {
top:5px;
right:5px;
width:24px;
height:24px;
background-color:#ffffffe6;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
opacity:0;
transition:opacity .2s;
z-index:10
}
.images-style-waterfall .images-tool__image-item:hover .images-tool__remove-button {
opacity:1
}
.images-style-waterfall .images-tool__caption {
bottom:0;
left:0;
margin-bottom:10px;
text-align: center;
font-size: 14px;
color: #a3a3a3;
}
.images-style-waterfall .images-tool__caption:before {
position:absolute!important;
content:attr(data-placeholder);
color:#707684;
font-weight:400;
display:none
}
.images-style-waterfall .images-tool__caption:empty:before {
display:block
}
.images-style-waterfall .images-tool__caption:empty:focus:before {
display:none
}
.images-style-waterfall .images-tool--empty .images-tool__image,.images-style-waterfall .images-tool--empty .images-tool__image-preloader {
display:none
}
.images-style-waterfall .images-tool--empty .images-tool__caption,.images-style-waterfall .images-tool--uploading .images-tool__caption {
visibility:hidden!important
}
.images-style-waterfall .images-tool .cdx-button {
display:flex;
align-items:center;
justify-content:center
}
.images-style-waterfall .images-tool .cdx-button svg {
height:auto;
margin:0 6px 0 0
}
.images-style-waterfall .images-tool--filled .cdx-button,.images-style-waterfall .images-tool--filled .images-tool__image-preloader {
display:none
}
.images-style-waterfall .images-tool--uploading .images-tool__image {
min-height:200px;
display:flex;
border:1px solid #e8e8eb;
background-color:#fff
}
.images-style-waterfall .images-tool--uploading .images-tool__image-picture,.images-style-waterfall .images-tool--uploading .cdx-button {
display:none
}
.images-style-waterfall .images-tool--withBorder .images-tool__image {
border:1px solid #e8e8eb
}
.images-style-waterfall .images-tool--withBackground .images-tool__image {
padding:15px;
background:#cdd1e0
}
.images-style-waterfall .images-tool--withBackground .images-tool__image-picture {
max-width:60%;
margin:0 auto
}
.images-style-waterfall .images-tool--stretched .images-tool__image-picture {
width:100%
}
.images-style-waterfall .images-tool--caption .images-tool__caption {
visibility:visible
}
.images-style-waterfall .images-tool--caption {
padding-bottom:50px;
text-align: center;
font-size: 14px;
color: #a3a3a3;
}
@keyframes image-preloader-spin {
0% {
transform:rotate(0)
}
to {
transform:rotate(360deg)
}
}
/* 移除重复的样式定义，保留瀑布流相关的样式 */
.images-style-waterfall .images-tool__image-item:hover {
transform:translateY(-2px);
box-shadow:0 4px 8px #0000001a
}
.images-style-waterfall .images-tool__image-item:active {
cursor:grabbing
}
.images-style-waterfall .images-tool__image-item {
-webkit-user-select:none;
user-select:none
}
.images-style-waterfall .images-tool__image-item.dragging {
opacity:.5;
transform:scale(1.05);
z-index:100
}
.images-style-waterfall .images-tool__drag-indicator {
position:absolute;
width:4px;
background-color:#388ae5;
border-radius:2px;
pointer-events:none;
z-index:1000
}
.images-style-waterfall .images-tool__actions-container {
position:absolute;
top:5px;
right:5px;
display:flex;
flex-direction:column;
align-items:center;
gap:3px;
opacity:0;
transition:opacity .2s;
z-index:10
}
.images-style-waterfall .images-tool__image-item:hover .images-tool__actions-container {
opacity:1
}
.images-style-waterfall .images-tool__move-button {
width:24px;
height:24px;
background-color:#ffffffe6;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
font-size:12px;
color:#333;
transition:all .2s
}
.images-style-waterfall .images-tool__move-button:hover,.images-style-waterfall .images-tool__remove-button:hover {
background-color:#fff;
transform:scale(1.1);
box-shadow:0 2px 4px #0003
}
.images-style-waterfall .images-tool__move-button:disabled {
opacity:.5;
cursor:not-allowed;
transform:none
}
</style><style type="text/css">
.inline-code {
background: rgba(250, 239, 240, 0.78);
color: #b44437;
padding: 3px 4px;
border-radius: 5px;
margin: 0 1px;
font-family: inherit;
font-size: 0.86em;
font-weight: 500;
letter-spacing: 0.3px;
}
</style>
页:
[1]