详情页内容

下面的内容是旧的，现在用新的方法：
用豆包AI - 把阿里国际站产品详情页内容转到 DM系统
查看视频教程： https://www.bilibili.com/video/BV1Fa3x6qEMa/

生成的代码：

说明：

有这几部分：
相册图片，
产品规格（module_attribute ）。
产品详情（module_description），另外，产品详情下面的公司介绍和faq等公共信息，应该放到一个文件区块里。

操作：
通过chrome浏览器的开发工具（按f12），
定位到 layout-left

获取内容：
获取详情 module_description 获取规格 module_attribute 获取相册图片

把下面样式复制到alibaba

<style>

.layout-left { border:2px solid red}
.layout-right { border:2px solid red}

.layout-bottom {border:2px solid red}
 
.layout-bottom  .module_together {border:2px solid red}
.layout-bottom  .module_popular {border:2px solid red}
.layout-bottom  .module_seo {border:2px solid red}

.layout-left .module_title{ border:2px solid blue}
.layout-left .module_comment{ border:2px solid blue}
.layout-left .module_company{ border:2px solid blue}
.layout-left .module_productImage{ border:2px solid blue}
.layout-left .module_recommend{ border:2px solid blue}
.layout-left .module_attribute{ border:2px solid blue}
.layout-left .module_lead{ border:2px solid blue}
.layout-left .module_sample{ border:5px solid blue}
.layout-left .module_customization{ border:5px solid blue}
.layout-left .module_certification{ border:5px solid blue}
.layout-left .module_project{ border:5px solid blue}

.layout-left .module_review{ border:5px solid blue}
.layout-left .module_card{ border:5px solid blue}
.layout-left .module_description{ border:5px solid blue}
</style>

规格attribute的表格样式

.attribute-layout{margin-top:32px;padding-top:32px;border-top:1px solid #ddd}
.attribute-layout a{-webkit-text-decoration:underline;text-decoration:underline}
.attribute-layout.show-more .attribute-info{ overflow:hidden;position:relative}
.attribute-layout h2{font-weight:700;font-size:20px;color:#222;line-height:26px}
.attribute-layout .attribute-info h3{font-weight:600;margin-bottom:20px;margin-top:20px}
.attribute-layout .attribute-list{display:table;border-collapse:collapse}
.attribute-layout .attribute-list .attribute-item{display:table-row;border:1px solid #ddd}
.attribute-layout .attribute-list .attribute-item>div{padding:12px;font-weight:400;font-size:16px;color:#222;line-height:22px;display:table-cell;border:1px solid #ddd}
.attribute-layout .attribute-list .attribute-item>div.left{width:320px;background:#f4f4f4}
.attribute-layout .attribute-list .attribute-item>div.right{width:420px}
.attribute-layout .attribute-list .attribute-item>div.right p{margin-bottom:0;padding-bottom:0;display:flex}
.attribute-layout .attribute-list .attribute-item>div.right span{font-weight:500;font-size:16px;color:#222;line-height:22px}
.attribute-layout .attribute-list .attribute-item>div.right img{border-radius:4px;width:32px;height:32px;margin-left:10px}