小程序（五）

一、小程序中Input placeholder属性样式修改

在不是小程序的项目中，可以做如下操作

input::-webkit-input-placeholder { 

 color: #aab2bd;

 font-size: 12px;

 text-align: center;

}

但是如果要放在小程序当中，就不能这么写

需要给Input增加一个class,  placeholder-class=""设置class名称，

<input bindinput="bindKeyInput" placeholder="输入关键词进行搜索，例如'房车' " auto-focus placeholder-class='phcolor'/>

 .phcolor {

  color: #999;

  font-size: 24rpx;

}

这样就可以了

二、点击小程序预览按钮，将出现二维码可手机上测试

但如果本地过大，在编译过程中会出现如下提示：

Error: 代码包大小为 12051 kb，上限为 2048 kb，请删除文件后重试

我出现这个原因是因为image文件夹下存放大量图片

导致这个包整体过大，

有两种解决方式：

（1）用官方的分包方式，具体操作请见官方事例

https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html

（2）我把本地的图片都上传到简书上去了，然后右击出现复制图片地址，这个时候就可以在代码里面直接使用这个地址了，这样就可以解决了。刚开始是上传到QQ空间相册，发现在别处不能使用qq图片，后来发现简书可以。

三、小程序按钮内容包含特殊字符，如&lt;&gt;

如果是在非小程序环境上写button按钮，如

<button>确定&nbsp;&lt;&gt;</button>

就会出现按钮的内容是   确定 <>

但是如果在小程序中这么写

就会出现按钮的内容是  确定&nbsp;&lt;&gt;

如果要在小程序里写

<button class='btn1' open-type='openSetting'>

      <image class='btnImg' src='../../image/more.png'></image>

      <view>更多旅行时刻</view>

    </button>

可以用button包裹image和view标签