feat：示例about页面加入当前版本号 (#350)

Author: aQingYun

examples/app.js

@@ -1,10 +1,10 @@
 //app.js
 App({
-  onLaunch:function(){
-
+  onLaunch: function() {
+    
   },
 
   globalData: {
-  
+
   }
 })

examples/pages/about/index.js

@@ -1,22 +1,34 @@
 // pages/about/index.js
+wx.cloud.init({
+  env: 'env-9eb476'
+})
+const db = wx.cloud.database()
+
 Page({
 
   /**
    * 页面的初始数据
    */
   data: {
-
+    version:'....'
   },
 
   /**
    * 生命周期函数--监听页面加载
    */
 
-  onLoad: function (options) {
-
+  onLoad: function(options) {
+    db.collection('version').get().then(_ => {
+      const {
+        data
+      } = _
+      this.setData({
+        version: data[0].version
+      })
+    })
   },
 
-  copyLink(e){
+  copyLink(e) {
     wx.setClipboardData({
       data: e.currentTarget.dataset.link,
       success: () => {
@@ -28,9 +40,7 @@ Page({
     })
   },
 
-
-
-  onImage(){
+  onImage() {
     wx.previewImage({
       urls: ['https://pic1.zhimg.com/80/v2-efda715dcd7e93325b213400b67c1e80_hd.png']
     });
@@ -39,7 +49,7 @@ Page({
   /**
    * 用户点击右上角分享
    */
-  onShareAppMessage: function () {
+  onShareAppMessage: function() {
 
   }
 })

examples/pages/about/index.wxml

@@ -1,7 +1,8 @@
-<!--pages/about/index.wxml-->
+<!-- pages/about/index.wxml -->
 <view class='container'>
   <view class='logo-container'>
     <image class='logo-img' src='/images/logo.png'></image>
+    <text class='version'>组件库版本号：v{{version}}</text>
   </view>
   <view class='address-container'>
     <view class='dot' />

examples/pages/about/index.wxss

@@ -64,6 +64,12 @@ page {
   color: #596c8e;
 }
 
+.version {
+  font-size: 30rpx;
+  color: #3963bc;
+  margin-top: 20rpx;
+}
+
 .code {
   width: 210rpx;
   height: 210rpx;