这是一个最简单的页面，就是简单介绍一下《白小云》

白龙马5217策略介绍

操作步骤如下:

打开app.json

pages项下输入 "pages/blma/blma",保存后开发工具自动创建blma目录和blma.*共4个文件。

{
  "pages": [
    "pages/5217/5217",
    "pages/blma/blma",
    "pages/my/my"  
  ],

打开blam.wxml

输入以下内容

<!--pages/blma/blma.wxml 白龙马5217策略介绍-->
<view class="title">
  <text>白龙马5217指数</text>
</view>

<view class="neirong">
  <view>5217成份股：海选连续5个财季营业收入和净利润同比双增17%+的A股。</view>
  <view>每财季检查：是否符合5217条件。每年检查3次，一季报（年报5月1日）、中报（9月1
日）、三季报（11月1日）。</view>
  <view>等权配置：配置10个以上5217股能95%拟合5217指数。</view>
  <view>共同成长传承财富：股票的诞生使得财富传承成为可能，指数基金使得财富传承变得简单，
白龙马5217指数使得财富传承一个人即可操作。</view>
</view>

打开blma.wxss

输入如下内容配置以下样式

/* pages/blma/blma.wxss */

page{
  display: flex;
  flex-direction: column;
  width: 750rpx;
}

.title{
  width: 100%;
  font-size: 40rpx;
  text-align: center;
  margin: 40rpx;
  color: #e22;
}

.neirong{
  padding-left: 32rpx;
  padding-right: 32rpx;
  width: auto;
  font-size: 32rpx;
  color: #333;
  text-indent: 72rpx;
  line-height: 1.8rem;
}

打开blma.json

配置以下页面名称

{
  "navigationBarTitleText": "白龙马",
  "usingComponents": {}
}

OK

编译预览一下,界面效果就出来了.