深入理解iuap design-08-前端模板库，送给你的秘密花园

[ahua52]

模板库简介

模板库页面访问地址 http://design.yyuap.com/dist/pages/template/index.html

模板库存放了一些典型常用场景的页面。并提供预览，编辑和下载。

如何配置模板页到模板库

• 在官网进行配置 index.json ( https://github.com/iuap-design/iuap-design.github.io/tree/master/src/data/template/index.json)

  {
    "title": "金融理财模板",        //模板名称
    "id": "0101",                 
    "decription": "深耕银行、券商等金融机构的高净值客户，致力于打造专业的媒体管理模板",    //模板描述                
    "content_img": "img/main_6.png",
    "phone_img": "img/phone_3.jpg",                
    "url": "http://design.yyuap.com/ficloud/home/statistics",    //模板地址                
    "download": "javascript:;",     //模板下载地址 zip形式
    "using_times": "228",                
    "for_area": ["互联网","金融"]     //试用领域
  }

如此便能在官网看到你自己的模板

模板数据是如何绑定的

数据绑定使用artTemplate技术

请参照 https://github.com/iuap-design/blog/issues/44

模板页功能 预览、下载 和 编辑

预览：链接与你的线上页面地址 下载：链接与你的已压缩线上地址 编辑：链接与我们的设计器，对页面进行可视化编辑。目前正在开发中

[GuoYongfeng]

@ahua52 先从用户使用产品的角度写，功能特性和使用指导等内容是重点，后面才是开发说明。