微信小程序開發---博客園老牛大講堂

　　最新搞了個微信小程序，一切東西都是從頭學習。我簡單的介紹一下開發中遇到的幾個技術點和前提--------博客園老牛大講堂

　　注意事項：1、小程序要認證，不認證將來就沒辦法讓別人看到，別人就搜索不到。

　　　　　　　2、不要用margin和pandding。因為用這些的話，容易橫向屏幕溢出的情況

　　　　　　　3、小程序的開發和angular類似，跟其他的都差的遠。

第一，怎么做小程序的底部導航。----博客園老牛大講堂

代碼：在app.json文件里面添加代碼，selectedIconPath是選中狀態的圖片，iconPath是沒有選中的圖片。----博客園老牛大講堂

pagePath是跳轉的網頁。text是底部導航下面的文字。

如果不知道圖標從那里下載，我推薦個網站，東西都是免費的。網站地址

第二、實現客服功能----博客園老牛大講堂

我的css代碼：.niu-liaotian{


  width: 100%;
}

.niu-kefu{
  padding: 10px;
   display: table;
  width: 100%;
  height: 40px;
  border: 1px solid #EEEEEE;
  line-height: 45px;
  table-layout: fixed;


//這個可以讓margin和pandding起作用。
  -moz-box-sizing: border-box; /*Firefox3.5+*/
  -webkit-box-sizing: border-box; /*Safari3.2+*/
  -o-box-sizing: border-box; /*Opera9.6*/
  -ms-box-sizing: border-box; /*IE8*/
  box-sizing: border-box;
}

.niu-kefu-left{
  float: left;
  color: #606060;
}

.niu-kefu-right{
  padding-right: 10px;
  padding-top: 5px;
  float: right;
}

.niu-kefu-img{
  width: 30px;
  height: 30px;
}

.niu-kefu-ico{
  padding-top: 5px;
  color: #FF0000;
}

我的wxml代碼

<view class='niu-kefu niu-liaotian'>
    <view class='niu-kefu-left'>老家柘城客服</view>
    <view class='niu-kefu-right'>
      <contact-button class='niu-kefu-ico' size="200" session-from="weapp">
      </contact-button>
    </view>
</view>

　　但是，我發微信了，對方是怎么回復的呢？

　　進入你的后臺，有個在線客服功能。路徑是：https://mpkf.weixin.qq.com/

　　進入網址就能訪問了。----博客園老牛大講堂

第三：圖片那么多，微信小程序只讓存2M的空間，圖片可定不能放在本地了，肯定要存儲到服務器（自己買吧）----博客園老牛大講堂

posted @ 2017-12-22 17:17 老牛大講堂閱讀(484) 評論(1) 收藏舉報

刷新頁面返回頂部

老牛大講堂

微信小程序開發---博客園老牛大講堂

公告