小程序怎么放置图标显示

在小程序的app.json文件中，找到pages字段，为每个页面添加"navigationBarTitleText"和"navigationBarBackgroundColor"属性。

小程序放置图标的详细步骤

创新互联专注于企业成都全网营销推广、网站重做改版、云梦网站定制设计、自适应品牌网站建设、H5页面制作、商城网站制作、集团公司官网建设、成都外贸网站建设公司、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为云梦等各大城市提供网站开发制作服务。

1、确定需要使用的图标，并准备好相应的图标文件，常见的图标格式有PNG、JPG、SVG等。

2、根据小程序的设计规范，确定图标的大小和颜色。

1、在小程序项目的根目录下找到app.json文件，打开该文件。

2、在app.json文件中的"pages"字段中，找到需要放置图标的页面路径。

3、在该页面路径下的"usingComponents"字段中，添加一个新的键值对，键为"icon"，值为图标文件的相对路径。

{
  "pages": [
    "pages/index/index",
    "pages/detail/detail"
  ],
  "usingComponents": {
    "icon": "/static/icon.png"
  }
}

4、保存app.json文件后，在小程序开发工具中重新编译项目。

1、在需要放置图标的页面的WXML文件中，使用自定义组件的方式引用图标。

2、在需要放置图标的页面的WXSS文件中，设置自定义组件的样式。

customcomponent {
  width: 50px;
  height: 50px;
}

3、在需要放置图标的页面的JS文件中，使用setData方法更新自定义组件的数据。

Page({
  data: {
    iconPath: '/static/icon.png'
  },
  onLoad: function () {
    this.setData({});
  }
});

4、在需要放置图标的页面的WXML文件中，使用data绑定的方式设置自定义组件的属性。

5、保存修改后的页面文件，并在小程序开发工具中预览效果。