個人第一個上線小程序，三篇其二

LayaBox案例分享 小程序開篇（2）

感謝你們的捧場，這一篇咱們先聊點乾貨。關於小程序小遊戲怎麼變現。

咱們天天都看抖音、新聞、玩小遊戲等，暴露在手機屏幕上的廣告，產生的流量都轉換成別人的分成了。然而做爲開發出來這些軟件的人們，卻又反過來成了消費者。。。

2018年，我作了不少嘗試，嘗試過各平臺發文章，好比今日頭條、趣頭條、百家號、大魚號、網易號等，天天各類推廣，各類和別人互點，很辛苦，可是這些努力都沒有白費，換來了今日的經驗。你們能夠自行各類搜索羣，發現良莠不齊。我想經過本身的經歷，把經驗分享出來給各位，但願你們重視本身的手藝（碼農），把它不只當作一份工做，更應該當作一種事業，本身的事業去作，在公司成長的同時，作一些本身擅長的功能展現出來給你們分享，而後你們一塊兒享受互聯網紅利。千萬不要由於本身不擅長或者以爲以爲複雜就不去作了，事事惟有堅持而已。

你們能夠體驗一下，請掃碼：

閒話少續，咱們開始講解第二個頁面的代碼。先上圖。

 

本頁面佈局使用WEUI，先上碼，在分析，

<!--pages/home/home.wxml-->
<view class="page">
    <!--頁頭-->
    <view class="page__hd"></view>
    <!--主體-->
    <view class="page__bd">
    <view class="page__bd">
        <view class="weui-grids">
            <!-- 網格控件 -->
            <block wx:for="{{grids}}" wx:for-item="grid" wx:key="*this">
                <navigator url="{{grid.navigator}}" class="weui-grid" hover-class="weui-grid_active">
                    <image class="weui-grid__icon" src="../../images/icon_tabbar.png" />
                    <view class="weui-grid__label">{{grid.title}}</view>
                </navigator>
            </block>
        </view>
    </view>
    </view>
    <!--頁腳-->
    <view class="weui-footer">
      <view class="weui-footer__links">
          <navigator url="" class="weui-footer__link">瑩百遊</navigator>
      </view>
      <view class="weui-footer__text">Copyright © 瑩百遊</view>
  </view>
</view>

　　是否是很簡單明瞭，結構很清晰，頂部、內容區和文檔結尾，一目瞭然。關於，WEUI你們能夠本身搜索，不少資料，包括實例源碼，直接複製黏貼便可用。

再來看看js文件內容，

// pages/home/home.js
Page({
  /**
   * 頁面的初始數據
   */
  data: {
    grids: [
      { title: 'HTML', logo: '', navigator:'../detail/detail?CType=html' }, 
      { title: 'CSS', logo: '', navigator: '../detail/detail?CType=css' },
      { title: 'JS', logo: '', navigator: '../detail/detail?CType=js' }, 
      { title: 'C#', logo: '', navigator: '../detail/detail?CType=csharp' },
      { title: 'SQL', logo: '', navigator: '../detail/detail?CType=sql' }, 
      { title: 'SqlSugar', logo: '', navigator: '../detail/detail?CType=sqlsugar' },
      { title: 'JSON', logo: '', navigator: '../detail/detail?CType=json' }, 
      { title: 'JQuery', logo: '', navigator: '../detail/detail?CType=jquery' },
      { title: '正則', logo: '', navigator: '../detail/detail?CType=ze' }, 
      { title: 'LayaBox', logo: '', navigator: '../detail/detail?CType=layabox' },
      { title: '小遊戲', logo: '', navigator: '../detail/detail?CType=wxxyx' }, 
      { title: '小程序', logo: '', navigator: '../detail/detail?CType=wxxcx' }
      ]
  },
  /**
   * 生命週期函數--監聽頁面加載
   */
  onLoad: function (options) {

  }
})

　　腳本內容很簡單，單純的給grids賦值便可顯示網格數據。

你若是是一名小程序開發者，不仿快點行動吧，咱們一塊兒分享變現紅利。

小程序申請流量主的條件就是知足1000人，你如果有興趣，就趕忙行動起來，高效實現小程序流量變現，達到人生巔峯。

早一分鐘，你就優先別人一步。