我可以使用javascript将列表项中的图标,名称和描述导入到模式中,而不是手动添加它,因为我不想添加100x模式。
列表项
<a href="" data-toggle="modal" data-target="#exampleModal"> <div class="media"> <img class="mr-3 app-icon" src="podi.svg"> <div class="media-body"> <h3 class="mt-0">Name</h3> <p>The product description</p> </div> </div> </a>
模态
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<img class="app-icon modal-icon cntr" src="podi.svg">
<h3 class="mt-0 cntr">Name</h3>
<p class="cntr pd-b-x-sml">The product description</p>
<button type="button" class="btn btn-website">Visit website</button>
<button type="button" class="btn btn-tutorial">View tutorial</button>
</div>
<div class="modal-footer">
<a data-dismiss="modal" class="cntr mod-close">Close</a>
</div>
</div>
</div>
</div>
我可以使用javascript将列表项中的图标,名称和描述导入到模式中,而不是手动添加它,因为我不想添加100x模式。列表项