查看“跨境小助手：设计我的主页”的源代码

==全局设计==
app.json:

 <nowiki>
{
  "pages":[
    "pages/home/home",
    "pages/clients/clients",
    "pages/products/products",
    "pages/progress/progress",
    "pages/center/center",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#397FC5",
    "navigationBarTitleText": "跨境小助手",
    "navigationBarTextStyle":"white"
  },
  "tabBar": {

    "list":[
      {
      "text":"资讯",
      "pagePath":"pages/home/home"
      },
      {
        "text": "客户",
        "pagePath": "pages/clients/clients"  
      },
      {
        "text": "产品",
        "pagePath": "pages/products/products"  
      },
      {
        "text": "流程",
        "pagePath": "pages/progress/progress" 
      },
      {
        "text": "我的",
        "pagePath": "pages/center/center"  
      }
    ]
  
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}
</nowiki>

输出：

[[文件:wexin21080301.png|400px]]

==分页面==
===首页===
home.wxml:

 <nowiki>
<view>
    <view>外贸潮品</view>
    <view>行业新闻</view>
    <view>客户行情</view>
</view>
</nowiki>

===客户===
clients.wxml:

 <nowiki>
<view>
    <view>客户资料查看</view>
    <view>商务邮件模板</view>
    <view>商务邮件群发</view>
    <view>客户分级画像</view>
</view></nowiki>

===产品===
products.wxml

 <nowiki>
<!--pages/products/products.wxml-->
<view>
    <view>产品资料查看</view>
    <view>报价历史查询</view>
    <view>产品快速报价</view>
</view>

  <view>
    <view>询盘及合同签订</view>
    <view>供应商信息展示</view>
    <view>供应商信息检索</view>
    <view>快速联系供应商</view>
</view>
</nowiki>

===流程===
progress.wxml:

 <nowiki>
<view>
    <view>供应商订单跟踪</view>
    <view>订舱提醒</view>
    <view>报关提醒</view>
    <view>单证提醒</view>
    <view>出运管理</view>    
</view>
</nowiki>

===我的===
center.wxml:

 <nowiki>
<view>
    <view>公司信息填报</view>
    <view>个人业绩查看</view>
    <view>外汇变动</view>
    <view>收汇管理</view>
    <view>付款管理</view>
    <view>账期预警</view>
</view></nowiki>