refactor(h5test): enlarge the click-area for group navigation

Tencent · Jun 5, 2018 · c2be98d · c2be98d
1 parent c38b0bb
commit c2be98d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 13 deletions.
diff --git a/bin/tsw/util/h5-test/page/src/new_body.tmpl.html b/bin/tsw/util/h5-test/page/src/new_body.tmpl.html
@@ -21,17 +21,14 @@
  font-size: 50%;
 }
 .group-menu .group-item.cur{
- background: green !important;
-}
-
-.group-menu .group-item.cur a{
+ background: #21BA45!important;
  color: white !important;
 }
 
 .group-menu .group-item:hover{
  background: #eee;
 }
-.group-menu .group-item a {
+.group-menu a.group-item {
  color: rgba(0,0,0,.6);
  font-weight: 700;
  text-transform: none;
@@ -57,11 +54,9 @@ <h1>TSW 测试环境配置</h1>
  <% if(allGroup.length>0) { %>
  <p class="group-menu">
  <% for(i=0;i < allGroup.length ; i++) { %>
- <span class="<%=data.groupName == allGroup[i].group ? 'cur ':''%>group-item">
- <a href="/h5test/page/<%-allGroup[i].group%>" title="<%-allGroup[i].group%>">
+ <a class="<%=data.groupName == allGroup[i].group ? 'cur ':''%>group-item" href="/h5test/page/<%-allGroup[i].group%>" title="<%-allGroup[i].group%>">
  <%-allGroup[i].groupName%>
- </a>
- </span>
+ </a>
  <% } %>
  </p>
  <% } %>

diff --git a/bin/tsw/util/h5-test/page/tmpl.js b/bin/tsw/util/h5-test/page/tmpl.js
@@ -108,22 +108,22 @@ define(function(require, exports, module) {
 
  var allGroup = data.allGroup || [],
  i;
- __p.push('<style>\n.group-menu {\n position: absolute;\n width: 100%;\n text-align: right;\n top: 0;\n right: .5em;\n}\n.group-menu .group-item {\n padding: 0.3em 0.6em;\n cursor: pointer;\n background: #FFF;\n box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);\n margin: 0 1em 1em 0;\n border-radius: .28571429rem;\n border: 1px solid rgba(34,36,38,.15);\n font-size: 50%;\n}\n.group-menu .group-item.cur{\n background: green !important;\n}\n\n.group-menu .group-item.cur a{\n color: white !important;\n}\n\n.group-menu .group-item:hover{\n background: #eee;\n}\n.group-menu .group-item a {\n color: rgba(0,0,0,.6);\n font-weight: 700;\n text-transform: none;\n}\n.h5test-envs {\n max-height: 400px;\n overflow-y: auto;\n}\n#join-submit2{\n margin-right: 1em;\n}\n</style>\n<div class="ui grid container">');
+ __p.push('<style>\n.group-menu {\n position: absolute;\n width: 100%;\n text-align: right;\n top: 0;\n right: .5em;\n}\n.group-menu .group-item {\n padding: 0.3em 0.6em;\n cursor: pointer;\n background: #FFF;\n box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);\n margin: 0 1em 1em 0;\n border-radius: .28571429rem;\n border: 1px solid rgba(34,36,38,.15);\n font-size: 50%;\n}\n.group-menu .group-item.cur{\n background: #21BA45!important;\n color: white !important;\n}\n\n.group-menu .group-item:hover{\n background: #eee;\n}\n.group-menu a.group-item {\n color: rgba(0,0,0,.6);\n font-weight: 700;\n text-transform: none;\n}\n.h5test-envs {\n max-height: 400px;\n overflow-y: auto;\n}\n#join-submit2{\n margin-right: 1em;\n}\n</style>\n<div class="ui grid container">');
  if (!data.project) {
  __p.push(' <div class="row" style="margin-top: 30px">\n <h1>TSW 测试环境配置</h1>\n </div>');
  } __p.push(' <div class="row">\n <div class="column">\n <div class="ui raised segment">\n <a class="ui blue ribbon label">#1 选择测试环境</a>');
  if (allGroup.length > 0) {
  __p.push(' <p class="group-menu">');
  for (i = 0; i < allGroup.length; i++) {
- __p.push(' <span class="');
+ __p.push(' <a class="');
  _p(data.groupName == allGroup[i].group ? 'cur ' : '');
- __p.push('group-item">\n <a href="/h5test/page/');
+ __p.push('group-item" href="/h5test/page/');
  _p(tmpl.encodeHtml(allGroup[i].group));
  __p.push('" title="');
  _p(tmpl.encodeHtml(allGroup[i].group));
  __p.push('">');
  _p(tmpl.encodeHtml(allGroup[i].groupName));
- __p.push('  </a>\n </span>');
+ __p.push(' </a>');
  } __p.push(' </p>');
  } __p.push(' <br>\n <br>\n <div class="h5test-envs">');