有没有什么办法能快速地，把一个网上开源的网页模板，移植到前端框架里？

[black11black]

如题，前端写得少系列。

最近撸了一个自用的数据管理后端，数据展示部分用的 vue + elementUI，因为完全是自己从零搭的，感觉对项目充满了掌控力度，对效果也很满意。

有一个问题是，这两天感觉如果打开首页直接进数据显示页面，光秃秃的不太好看，为了美（ zhuang ）观（ bi ），最好能接入一个企业主页（类似于小米商城产品介绍页那种的），介绍一下项目，看起来比较漂亮。

我的要求其实不高，只需要一些比较漂亮的，（专业设计人员做的，不是像我这种三脚猫做的）好看的样式，然后基本上是一个静态做展示就可以了，除了响应式以外其他什么动画什么酷炫效果基本都不需要。外网大概搜了几个效果比较满意的前端模板，源码也下下来了，但是基本都是 jquery 写的，试了试想整理进 vue 里面，搞了半天头都搞大。

我现在遇到的问题是这样，感觉前端跟写代码还是不太一样，首先是模块化非常神秘，没有那种明确的一路溯源的感觉，经常藏在字里行间看不到的地方的某一句话会影响你想做的操作。还有就是 css 层层迭代之后还有权重这码事，是我一直一个没有搞懂的东西。

比如要做响应式，因为下载的是别人的代码，我不太清楚他是 css 实现的元素定位，还是 js 实现的，如果是 js 实现的话还是 jquery，虽然说理论上把所有代码全拖进来封装成一个组件基本上也能实现效果，但是 vue 脚手架搭的项目内出现不归 vue 接管的 js 代码我总是觉得不太舒服（菜鸡观点）。还有就是 css 虽然在 vue 有限定作用域的功能，但是似乎特殊情况下也是会污染。

总之一个很简单的要求，希望把模板里的一个页面搬到 vue 主页里，各位前端带佬有什么好用的经验分享吗？不想为了一个给自己装逼的需求浪费一两天时间啊

[a570295535]

网页模板单独放一边，
然后用 ifame 调用那个页面。