用HTML在叙述视图开发性能平铺视图

效果图:
用HTML在叙述视图开发性能平铺视图
代码:

<table style="width:130px;height:110px; border:solid #515555 1px;" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2" style="height:20px;text-align:center; vertical-align:middle; padding-top:2px; font-weight:bold; font-size:18px;">销售额</td>
  </tr>
  <tr>
    <td colspan="2" style="height:20px;color:#027b61; font-size:20px;text-align:center; padding:0px;font-weight:bold"><font style="color:#027b61; font-size:20px; font-weight:bold;">@1</font> 万</td>
  </tr>
  <tr>
    <td style="height:16px;text-align:center; width:80%; font-size:12px; vertical-align:middle;">环比<font style=" font-size:12px;">@2</font></td>
    <td style="text-align:left; width:20%;"><img border="0" src="@3" style="width:14px; height:14px;padding-right: 11px" /></td>
  </tr>
 <tr>
    <td style="height:16px;text-align:center; width:80%; font-size:12px; vertical-align:middle;">同比<font style=" font-size:12px;">@4</font></td>
    <td style="text-align:left; width:20%;"><img border="0" src="@5" style="width:14px; height:14px;padding-right: 11px" /></td>
  </tr>
 <tr>
    <td style="height:16px;text-align:center; width:100%; font-size:12px; vertical-align:middle;padding-bottom:2px">计划完成率<font style="font-size:12px; font-weight:normal;">@6</font></td>
  </tr>
</table>

用HTML在叙述视图开发性能平铺视图

上一篇:Flask 和 Vue.js 开发及整合部署实例


下一篇:指定JSON.toJSONString中实体类属性的输出顺序