iuap-design/blog

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

GuoYongfeng opened this issue · 2 comments

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

模板库简介

模板库页面访问地址 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技术

请参照 #44

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

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

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