微信小程序开发---博客园老牛大讲堂

laonniudajiangtang 2017-12-22 原文

　　最新搞了个微信小程序，一切东西都是从头学习。我简单的介绍一下开发中遇到的几个技术点和前提——–博客园老牛大讲堂

　　注意事项：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>

　　但是，我发微信了，对方是怎么回复的呢？