# 图文版 <table width="100%"> <tbody > <tr style="border: 0xp solid white;"> <td height="100%" align="center" valign="middle" style="border: 0xp solid white;"> <img width="90%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E5%9B%BE%E6%96%87%E7%89%88/%E5%9B%BE%E6%96%87%E7%89%88-%E9%A6%96%E9%A1%B5.jpg"/> </td> <td height="100%" align="center" valign="middle" style="border: 0xp solid white;"> <img width="90%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E5%9B%BE%E6%96%87%E7%89%88/%E5%9B%BE%E6%96%87%E7%89%88-%E5%95%86%E5%93%81%E5%88%86%E7%B1%BB.jpg"/> </td> </tr> <tr style="border: 0xp solid white;"> <td width="50%" align="center" valign="middle" style="border: 0xp solid white;"> <strong>首页</strong> </td> <td width="50%" align="center" valign="middle" style="border: 0xp solid white;"> <strong>商品分类</strong> </td> </tr> <tr style="border: 0xp solid white;"> <td height="100%" align="center" valign="middle" style="border: 0xp solid white;"> <img width="90%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E5%9B%BE%E6%96%87%E7%89%88/%E5%9B%BE%E6%96%87%E7%89%88-%E5%95%86%E5%93%81%E5%88%97%E8%A1%A8.jpg"/> </td> <td height="100%" align="center" valign="middle" style="border: 0xp solid white;"> <img width="90%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E5%9B%BE%E6%96%87%E7%89%88/%E5%9B%BE%E6%96%87%E7%89%88-%E4%BC%9A%E5%91%98%E4%B8%AD%E5%BF%83.jpg"/> </td> </tr> <tr style="border: 0xp solid white;"> <td width="50%" align="center" valign="middle" style="border: 0xp solid white;"> <strong>商品列表 </strong> </td> <td width="50%" align="center" valign="middle" style="border: 0xp solid white;"> <strong>个人中心</strong> </td> </tbody> </table> <table width="100%"> <tbody > <tr> <td width="50%" align="center" valign="middle" style="-ms-word-break: break-all;"> <strong> <span style="font-size: 100%;">功能</span><span style="font-size: 20%;color:red">（点击下方文字查看教程）</span></strong> <td width="50%" align="center" valign="middle" style="-ms-word-break: break-all;"> <span style="font-size: 100%;"><strong>案例</strong></span> </td> </tr> <tr> <td style="padding-left:15%"> <ol> <strong > <a href="https://www.kancloud.cn/weixiaocheng/jiaocheng/576850"><li>商品分类（两级都展示）</li></a> <a href="https://www.kancloud.cn/weixiaocheng/jiaocheng/576850"><li>商品展示</li></a> <a href="https://www.kancloud.cn/weixiaocheng/jiaocheng/576850"><li>商品详情</li></a> <a href="https://www.kancloud.cn/weixiaocheng/jiaocheng/576416"><li>优惠券</li></a> <a href="https://www.kancloud.cn/weixiaocheng/jiaocheng/579157"><li>支付功能</li></a> <a><li>购物车</li></a> <a href="https://www.kancloud.cn/weixiaocheng/jiaocheng/576556"><li>客服功能</li></a> <a href="https://www.kancloud.cn/weixiaocheng/jiaocheng/576549"><li>订单管理</li></a> <a href=""><li>个人中心</li></a> <a href="https://www.kancloud.cn/weixiaocheng/jiaocheng/576422"><li>充值功能</li></a> <a href="https://www.kancloud.cn/weixiaocheng/jiaocheng/576419"><li>会员系统</li></a> <a href="https://www.kancloud.cn/weixiaocheng/jiaocheng/576423"><li>店铺介绍</li></a> </strong> </ol> </td> <td width="50%" align="center" valign="middle"> <img style="width:100%;" src="http://static.wexiaocheng.com/QrImage/2018-01-04/e4bcd20bc53658bf0287fe2196444e09.jpg"/> </td> </tr> </tbody> </table>