LayaBox案例分享 小程式開篇（2） 感謝大家的捧場，這一篇我們先聊點乾貨。關於小程式小游戲怎麼變現。 我們每天都看抖音、新聞、玩小游戲等，暴露在手機屏幕上的廣告，產生的流量都轉換成別人的分紅了。然而作為開發出來這些軟體的人們，卻又反過來成了消費者。。。 2018年，我做了很多嘗試，嘗試過各平臺 ...
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人，你若是有興趣，就趕緊行動起來，高效實現小程式流量變現，達到人生巔峰。
早一分鐘，你就優先別人一步。
