添加新的 icon

更换企业信息的 icon
更换图文详情的 url
企业信息菜单最小宽度计算问题

Author: dcw1123

demos/iconfont.html

@@ -132,6 +132,9 @@ <h2 class="icon_info"></h2>
 		{ wrapperClassName: "", description: "maximize-window" },
 		{ wrapperClassName: "", description: "spin" },
 		{ wrapperClassName: "", description: "waiting" },
+		{ wrapperClassName: "", description: "try" },
+		{ wrapperClassName: "", description: "intro" },
+		{ wrapperClassName: "", description: "guide" },
 	];
 	var html = _.map(templateData, function(item){
 		if(!item) return "";

src/font/iconfont.eot

@@ -172,7 +172,7 @@ function _setNotice(){
 		// test
 		// notice.content = [
 		// 	{
-		// 		name: "菜单",
+		// 		name: "自考介绍",
 		// 		sub_button: [
 		// 			{
 		// 				type: "view",
@@ -182,7 +182,12 @@ function _setNotice(){
 		// 		]
 		// 	},
 		// 	{
-		// 		name: "222",
+		// 		type: "media_id",
+		// 		name: "报考指南",
+		// 		media_id: "75cffa4b-e462-40e8-a517-0ff807db29a6"
+		// 	},
+		// 	{
+		// 		name: "课程试听",
 		// 		sub_button: [
 		// 			{
 		// 				type: "media_id",
@@ -195,11 +200,6 @@ function _setNotice(){
 		// 				media_id: "4150c891-9917-4482-909c-ab7c9954110a"
 		// 			}
 		// 		]
-		// 	},
-		// 	{
-		// 		type: "media_id",
-		// 		name: "333",
-		// 		media_id: "75cffa4b-e462-40e8-a517-0ff807db29a6"
 		// 	}
 		// ];
 

src/font/iconfont.svg

@@ -18,6 +18,7 @@ module.exports = function(){
 		menuArr = notice.content;
 		container.innerHTML = _.template(tpl)({
 			menu: menuArr,
+			icons: ["icon-intro", "icon-guide", "icon-try"]
 		});
 		createMenu();
 		utils.live(".tip-btn", "click", onMenuClick, container);
@@ -91,8 +92,8 @@ module.exports = function(){
 					title: article.title,
 					digest: article.digest,
 					description: article.digest,
-					// url: "/v1/webimplugin/tenants/" + article.tenantId + "/robot/article/html/" + article.articleId,
-					url: "/v1/Tenants/" + article.tenantId + "/robot/article/html/" + article.articleId,
+					url: "/v1/webimplugin/tenants/" + article.tenantId + "/robot/article/html/" + article.articleId,
+					// url: "/v1/Tenants/" + article.tenantId + "/robot/article/html/" + article.articleId,
 					thumbUrl: "/v1/Tenant/" + article.tenantId + "/MediaFiles/" + article.thumb_media_id,
 					picurl: "/v1/Tenant/" + article.tenantId + "/MediaFiles/" + article.thumb_media_id,
 					prop: article.prop,

src/font/iconfont.ttf

@@ -1,6 +1,6 @@
 <% _.each(menu, function(itm, menuId){ %>
 <div class="tip-btn" menuId="<%= menuId %>">
-	<i class="icon-list"></i>
+	<i class="<%= icons[menuId] %>"></i>
 	<span><%= itm.name %></span>
 </div>
 <% }) %>

src/font/iconfont.woff

@@ -193,7 +193,8 @@
 	background-color: #fff;
 	color: #535252;
 	max-width: 30%;
-	min-width: 132px;
+	min-width: 92px;	// (132 iphone/3 - 16 padding = 116) * 0.8 = 92
+	box-sizing: border-box;
 	padding: 0 8px;
 	box-shadow: 0 0 5px rgba(102, 102, 102, 0.3);
 	li {
@@ -267,7 +268,7 @@
 		}
 		.tip-btn:first-child:nth-last-child(3),
 		.tip-btn:first-child:nth-last-child(3) ~ .tip-btn {
-			width: 33%;
+			width: 33.3%;
 		}
 		.tip-btn {
 			@extend %em-mix-ellipsis;

src/js/app/modules/chat.js

@@ -347,4 +347,15 @@
 	@extend .icon-base;
 	content: "\e9"
 }
-
+.icon-intro:before {
+	@extend .icon-base;
+	content: "\a002"
+}
+.icon-guide:before {
+	@extend .icon-base;
+	content: "\a003"
+}
+.icon-try:before {
+	@extend .icon-base;
+	content: "\a001"
+}