amazeui

{ "name": "list_news", "version": "4.0.0", "localName": { "en": "List", "zh-cn": "内容列表" }, "icon": "list_news.png", "author": { "name": "Minwe Luo", "email": "minwe@yunshipei.com" }, "description": "内容列表模块", "poweredBy": "AllMobilize", "styleBase": [ "variables.less", "mixins.less", "base.less", "grid.less", "block-grid.less", "icon.less", "utility.less" ], "template": "list_news.hbs", "styleDependencies": [ "list.less", "button.less" ], "style": "list_news.less", "themes": [ { "id": "default", "name": "default", "desc": "默认", "hook": "hook-am-list-news-default", "variables": [ { "variable": "list-item-border-color", "name": "边框颜色", "default": "#dedede", "used": [ { "selector": ".am-list > li", "property": "border-color" } ] }, { "variable": "list-date-color", "name": "日期颜色", "default": "#999", "used": [ { "selector": ".am-list-date", "property": "color" } ] }, { "variable": "list-text-color", "name": "摘要颜色", "default": "rgb(153, 153, 153)", "used": [ { "selector": ".am-list .am-list-item-text", "property": "color" } ] } ], "demos": [ { "desc": "更多在上", "data": { "content": { "header": { "title": "栏目标题", "link": "##", "moreText": "更多 »", "morePosition": "top" }, "main": [ { "title": "我很囧，你保重....晒晒旅行中的那些囧！", "link": "##", "date": "2013-09-18" }, { "title": "我最喜欢的一张画", "link": "##", "date": "2013-10-14" }, { "title": "“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！", "link": "##", "date": "2013-11-18" } ] } } }, { "desc": "更多在下", "data": { "content": { "header": { "title": "栏目标题", "link": "###", "moreText": "查看更多 »", "morePosition": "bottom" }, "main": [ { "title": "我很囧，你保重....晒晒旅行中的那些囧！", "link": "http://www.douban.com/online/11614662/" }, { "title": "我最喜欢的一张画", "link": "http://www.douban.com/online/11624755/" }, { "title": "“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！", "link": "http://www.douban.com/online/11645411/" } ] } } }, { "desc": "带摘要", "data": { "content": { "header": { "title": "栏目标题", "link": "###", "moreText": "更多 »", "morePosition": "top" }, "main": [ { "title": "我很囧，你保重....晒晒旅行中的那些囧！", "link": "http://www.douban.com/online/11614662/", "desc": "囧人囧事囧照，人在囧途，越囧越萌。标记《带你出发，陪我回家》http://book.douban.com/subject/25711202/为“想读”“在读”或“读过”，有机会获得此书本活动进行3个月，每月送出三本书。会有不定期bonus！" }, { "title": "我最喜欢的一张画", "link": "http://www.douban.com/online/11624755/", "desc": "你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，" }, { "title": "“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！", "link": "http://www.douban.com/online/11645411/" } ] } } }, { "desc": "上图+摘要", "data": { "options": { "type": "thumb", "thumbPosition": "top" }, "content": { "header": { "title": "缩略图在上方 + 摘要", "link": "###", "moreText": "更多 »", "morePosition": "top" }, "main": [ { "title": "我很囧，你保重....晒晒旅行中的那些囧！", "link": "http://www.douban.com/online/11614662/", "desc": "囧人囧事囧照，人在囧途，越囧越萌。标记《带你出发，陪我回家》http://book.douban.com/subject/25711202/为“想读”“在读”或“读过”，有机会获得此书本活动进行3个月，每月送出三本书。会有不定期bonus！", "img": "http://img5.douban.com/lpic/o636459.jpg" }, { "title": "我最喜欢的一张画", "link": "http://www.douban.com/online/11624755/", "desc": "你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，", "img": "http://img3.douban.com/lpic/o637240.jpg" }, { "title": "“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！", "link": "http://www.douban.com/online/11645411/", "desc": "还在苦恼圣诞礼物再也玩儿不出新意？快来抢2013最炫彩的跨国圣诞礼物！【参与方式】1.关注“UniqueWay无二之旅”豆瓣品牌小站http://brand.douban.com/uniqueway/2.上传一张**本人**在旅行中色彩最浓郁、最丰富的照片（色彩包含取景地、周边事物、服装饰品、女生彩妆等等，发挥你们无穷的创意想象力哦！^^）一定要有本人出现喔！3. 在照片下方，附上一句旅行宣言作为照片说明。成功参与活动！* 听他们刚才说，上传照片的次", "img": "http://img3.douban.com/lpic/o638852.jpg" } ] } } }, { "desc": "左图+摘要", "data": { "options": { "type": "thumb", "thumbPosition": "left" }, "content": { "header": { "title": "左图 + 摘要", "link": "###", "moreText": "更多 »", "morePosition": "top" }, "main": [ { "title": "我很囧，你保重....晒晒旅行中的那些囧！", "link": "http://www.douban.com/online/11614662/", "desc": "囧人囧事囧照，人在囧途，越囧越萌。标记《带你出发，陪我回家》http://book.douban.com/subject/25711202/为“想读”“在读”或“读过”，有机会获得此书本活动进行3个月，每月送出三本书。会有不定期bonus！", "img": "http://img5.douban.com/lpic/o636459.jpg" }, { "title": "我最喜欢的一张画", "link": "http://www.douban.com/online/11624755/", "desc": "你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，", "img": "http://img3.douban.com/lpic/o637240.jpg" }, { "title": "“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！", "link": "http://www.douban.com/online/11645411/", "desc": "还在苦恼圣诞礼物再也玩儿不出新意？快来抢2013最炫彩的跨国圣诞礼物！【参与方式】1.关注“UniqueWay无二之旅”豆瓣品牌小站http://brand.douban.com/uniqueway/2.上传一张**本人**在旅行中色彩最浓郁、最丰富的照片（色彩包含取景地、周边事物、服装饰品、女生彩妆等等，发挥你们无穷的创意想象力哦！^^）一定要有本人出现喔！3. 在照片下方，附上一句旅行宣言作为照片说明。成功参与活动！* 听他们刚才说，上传照片的次" } ] } } }, { "desc": "右图+摘要", "data": { "options": { "type": "thumb", "thumbPosition": "right" }, "content": { "header": { "title": "缩略图在标题右边 + 摘要", "link": "###", "moreText": "更多 »", "morePosition": "top" }, "main": [ { "title": "我很囧，你保重....晒晒旅行中的那些囧！", "link": "http://www.douban.com/online/11614662/", "desc": "囧人囧事囧照，人在囧途，越囧越萌。标记《带你出发，陪我回家》http://book.douban.com/subject/25711202/为“想读”“在读”或“读过”，有机会获得此书本活动进行3个月，每月送出三本书。会有不定期bonus！", "img": "http://img5.douban.com/lpic/o636459.jpg" }, { "title": "我最喜欢的一张画", "link": "http://www.douban.com/online/11624755/", "desc": "你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，", "img": "http://img3.douban.com/lpic/o637240.jpg" }, { "title": "“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！", "link": "http://www.douban.com/online/11645411/", "desc": "还在苦恼圣诞礼物再也玩儿不出新意？快来抢2013最炫彩的跨国圣诞礼物！【参与方式】1.关注“UniqueWay无二之旅”豆瓣品牌小站http://brand.douban.com/uniqueway/2.上传一张**本人**在旅行中色彩最浓郁、最丰富的照片（色彩包含取景地、周边事物、服装饰品、女生彩妆等等，发挥你们无穷的创意想象力哦！^^）一定要有本人出现喔！3. 在照片下方，附上一句旅行宣言作为照片说明。成功参与活动！* 听他们刚才说，上传照片的次", "img": "" } ] } } }, { "desc": "下图+摘要", "data": { "options": { "type": "thumb", "thumbPosition": "bottom-left" }, "content": { "header": { "title": "缩略图在标题下左 + 摘要", "link": "###", "moreText": "更多 »", "morePosition": "top" }, "main": [ { "title": "我很囧，你保重....晒晒旅行中的那些囧！", "link": "http://www.douban.com/online/11614662/", "desc": "囧人囧事囧照，人在囧途，越囧越萌。标记《带你出发，陪我回家》http://book.douban.com/subject/25711202/为“想读”“在读”或“读过”，有机会获得此书本活动进行3个月，每月送出三本书。会有不定期bonus！", "img": "http://img5.douban.com/lpic/o636459.jpg" }, { "title": "我最喜欢的一张画", "link": "http://www.douban.com/online/11624755/", "desc": "你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，", "img": "http://img3.douban.com/lpic/o637240.jpg" }, { "title": "“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！", "link": "http://www.douban.com/online/11645411/", "desc": "还在苦恼圣诞礼物再也玩儿不出新意？快来抢2013最炫彩的跨国圣诞礼物！【参与方式】1.关注“UniqueWay无二之旅”豆瓣品牌小站http://brand.douban.com/uniqueway/2.上传一张**本人**在旅行中色彩最浓郁、最丰富的照片（色彩包含取景地、周边事物、服装饰品、女生彩妆等等，发挥你们无穷的创意想象力哦！^^）一定要有本人出现喔！3. 在照片下方，附上一句旅行宣言作为照片说明。成功参与活动！* 听他们刚才说，上传照片的次" } ] } } }, { "desc": "下右图+摘要", "data": { "theme": "default", "options": { "type": "thumb", "thumbPosition": "bottom-right" }, "content": { "header": { "title": "缩略图在标题下右 + 摘要", "link": "###", "moreText": "更多 »", "morePosition": "top" }, "main": [ { "title": "我很囧，你保重....晒晒旅行中的那些囧！", "link": "http://www.douban.com/online/11614662/", "desc": "囧人囧事囧照，人在囧途，越囧越萌。标记《带你出发，陪我回家》http://book.douban.com/subject/25711202/为“想读”“在读”或“读过”，有机会获得此书本活动进行3个月，每月送出三本书。会有不定期bonus！", "img": "http://img5.douban.com/lpic/o636459.jpg" }, { "title": "我最喜欢的一张画", "link": "http://www.douban.com/online/11624755/", "desc": "你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，", "img": "http://img3.douban.com/lpic/o637240.jpg" }, { "title": "“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！", "link": "http://www.douban.com/online/11645411/", "desc": "还在苦恼圣诞礼物再也玩儿不出新意？快来抢2013最炫彩的跨国圣诞礼物！【参与方式】1.关注“UniqueWay无二之旅”豆瓣品牌小站http://brand.douban.com/uniqueway/2.上传一张**本人**在旅行中色彩最浓郁、最丰富的照片（色彩包含取景地、周边事物、服装饰品、女生彩妆等等，发挥你们无穷的创意想象力哦！^^）一定要有本人出现喔！3. 在照片下方，附上一句旅行宣言作为照片说明。成功参与活动！* 听他们刚才说，上传照片的次" } ] } } } ] }, { "id": "one", "name": "one", "desc": "简约风格", "hook": "hook-am-list-news-one", "variables": [ { "variable": "list-hd-h2-color", "name": "标题颜色", "default": "#000", "used": [ { "selector": ".am-list-news-hd > a", "property": "color" }, { "selector": ".am-list .am-list-item-desced a.am-list-item-hd", "property": "color" } ] }, { "variable": "list-hd-color", "name": "标题边框", "default": "#15afef", "used": [ { "selector": ".am-list-news-hd", "property": "border-bottom-color" }, { "selector": ".am-list-news-hd::before", "property": "background-color" } ] }, { "variable": "list-li-a-color", "name": "列表标题", "default": "#222", "used": [ { "selector": ".am-list .am-list-item-dated > a", "property": "color" }, { "selector": ".am-list-item-hd > a", "property": "color" }, { "selector": ".am-list .am-list-item-thumbed .am-list-item-hd a", "property": "color" } ] }, { "variable": "list-li-2-text-color", "name": "摘要颜色", "default": "#666", "used": [ { "selector": ".am-list .am-list-item-desced .am-list-item-text", "property": "color" }, { "selector": ".am-list .am-list-item-text > a", "property": "color" }, { "selector": ".am-list .am-list-item-thumbed .am-list-main .am-list-item-text", "property": "color" } ] } ], "demos": [ { "desc": "默认", "data": { "content": { "header": { "title": "综合新闻", "link": "###", "moreText": "更多 »", "morePosition": "bottom" }, "main": [ { "title": "我很囧，你保重....晒晒旅行中的那些囧！", "link": "##", "date": "2013-09-18" }, { "title": "我最喜欢的一张画", "link": "##", "date": "2013-10-14" }, { "title": "“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！", "link": "##", "date": "2013-11-18" } ] } } }, { "desc": "带摘要", "data": { "content": { "header": { "title": "", "link": "##", "moreText": "更多 »", "morePosition": "bottom" }, "main": [ { "title": "我很囧，你保重....晒晒旅行中的那些囧！", "link": "http://www.douban.com/online/11614662/", "desc": "囧人囧事囧照，人在囧途，越囧越萌。标记《带你出发，陪我回家》http://book.douban.com/subject/25711202/为“想读”“在读”或“读过”，有机会获得此书本活动进行3个月，每月送出三本书。会有不定期bonus！" }, { "title": "我最喜欢的一张画", "link": "http://www.douban.com/online/11624755/", "desc": "你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，" }, { "title": "“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！", "link": "http://www.douban.com/online/11645411/" } ] } } }, { "desc": "带缩略图+摘要", "data": { "options": { "type": "thumb", "thumbPosition": "bottom-left" }, "content": { "header": { "title": "", "link": "##", "moreText": "更多 »", "morePosition": "bottom" }, "main": [ { "title": "我很囧，你保重....晒晒旅行中的那些囧！", "link": "http://www.douban.com/online/11614662/", "desc": "囧人囧事囧照，人在囧途，越囧越萌。标记《带你出发，陪我回家》http://book.douban.com/subject/25711202/为“想读”“在读”或“读过”，有机会获得此书本活动进行3个月，每月送出三本书。会有不定期bonus！", "img": "http://img5.douban.com/lpic/o636459.jpg" }, { "title": "我最喜欢的一张画", "link": "http://www.douban.com/online/11624755/", "desc": "你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，", "img": "http://img3.douban.com/lpic/o637240.jpg" }, { "title": "“你的旅行，是什么颜色？” 晒照片，换北欧梦幻极光之旅！", "link": "http://www.douban.com/online/11645411/", "desc": "还在苦恼圣诞礼物再也玩儿不出新意？快来抢2013最炫彩的跨国圣诞礼物！【参与方式】1.关注“UniqueWay无二之旅”豆瓣品牌小站http://brand.douban.com/uniqueway/2.上传一张**本人**在旅行中色彩最浓郁、最丰富的照片（色彩包含取景地、周边事物、服装饰品、女生彩妆等等，发挥你们无穷的创意想象力哦！^^）一定要有本人出现喔！3. 在照片下方，附上一句旅行宣言作为照片说明。成功参与活动！* 听他们刚才说，上传照片的次" } ] } } } ] } ], "jsBase": [ "core.js" ], "jsDependencies": [], "script": "list_news.js", "api": { "id": { "name": "ID", "desc": "模块自定义ID，遵循CSS ID命名规范", "type": "text", "default": "", "required": false }, "className": { "name": "Class", "desc": "用户自定义模块class，遵循 CSS class 命名规范", "type": "text", "placeholder": "css类名，多个用空格分隔", "default": "", "required": false }, "theme": { "name": "主题", "desc": "模块主题", "type": "select", "default": "default", "required": true, "dataList": "<%= pkg.themes %>" }, "options": { "type": { "name": "类型", "desc": "列表类型：normal - 普通, thumb - 缩略图", "type": "select", "required": false, "default": "normal", "dataList": [ { "value": "normal", "title": "文字列表" }, { "value": "thumb", "title": "带缩略图列表" } ] }, "thumbPosition": { "name": "缩略图位置", "desc": "缩略图相对于标题的位置", "type": "select", "required": "!!(options.type === 'thumb')", "default": "bottom-left", "dataList": [ { "value": "top", "title": "Top" }, { "value": "bottom-left", "title": "Bottom-left" }, { "value": "bottom-right", "title": "bottom-right" }, { "value": "left", "title": "Left" }, { "value": "right", "title": "Right" } ] } }, "content": { "type": "Object", "item": { "header": { "type": "Object", "item": { "title": { "type": "text", "desc": "标题名称" }, "link": { "type": "text", "desc": "更多链接" }, "moreText": { "type": "text", "desc": "更多链接文本" }, "morePosition": { "type": "text", "desc": "更多链接位置[bottom|top]" } } }, "main": { "type": "Array", "item": { "title": { "type": "text", "desc": "文章标题" }, "link": { "type": "text", "desc": "文章链接" }, "date": { "type": "date", "desc": "文章发布日期" }, "desc": { "type": "html", "desc": "文章摘要" }, "img": { "type": "image", "desc": "文章缩略图" } } } } } }, "readme": "http://docs.yunshipei.com/amui/#list-news", "hidden": false }