移动端背景颜色设置问题，子组件样式修改问题，placeholde

在功能列表页用onload加载页面时为页面设置渐变背景颜色，直接设置之后当页面数据超过手机可视页面的高度时，页面显示正常。当页面搜素结果只有一条时显示内容有背景色，剩余部分没有背景色。

解决1，给整个页面加背景颜色，然后height：calc(100vh);overflow:auto;此时已然可以正常加载并且搜索结果只有一条时可以正常显示。但是需求有一条返回列表页的时候可以定位到原来的位置，此时不满足条件。

解决2.height：calc(100vh)然后在下拉加载上加背景颜色，height：100%；这种可以满足要求，但是加载中。。。和加载完成的字样会出现明显的和整体背景颜色分层的效果，用户体验不好。舍弃

解决3.在最外层添加背景颜色，然后min-height：700px；设置一个最小的背景即可解决问题。

placeholder设置问题，input框或者textarea时对提示文字设置单独的颜色：

 input::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #cccccb;
      font-size: 1.5rem !important;
    }
    textarea::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #cccccb;
      font-size: 1.5rem !important;
    }

:class='nameForm[item.dataTypeKey] ?"color-b":"color-g"'即可设置两种样式,不需要单独设置样式别名的形式

修改子组件的样式的几种方式：

• 全局方式<style lang='less'> 父组件类名{ 子组件类名 } </style>
  利用 /deep/
  利用 >>>
  具体参考[https://vue-loader.vuejs.org/guide/scoped-css.html#mixing-local-and-global-styles](https://vue-loader.vuejs.org/guide/scoped-css.html#mixing-local-and-global-styles)