微信小程序调接口里面的数据制作商品规格，价格，渲染到页面上

微信小程序通过网络请求获取数据通常使用的是`wx.request`或`axios`这样的库来调用API。当你从服务器获取包含商品规格（如尺寸、颜色等）、价格等信息的JSON数据后，可以按照以下步骤将数据渲染到页面：

1. **获取数据**: 首先，在你需要的地方发起一个接口请求，例如：

   wx.request({
     url: 'https://your-api.com/goods', // 替换为你实际的API地址
     data: {},
     method: 'GET',
     success: function(res) {
       var goodsData = res.data; // 假设res.data就是返回的商品详情数据
     },
     fail: function() {
       console.error('请求失败');
     }
   });

2. **处理数据**: 在成功回调中，解析数据并提取出规格和价格信息，比如：

   let specifications = goodsData.specifications;
   let price = goodsData.price;

3. **渲染数据**: 使用小程序的模板语法(`<view>`标签配合{{}}插值)将数据绑定到相应的页面元素上：
- 商品规格:

   <view>
     <view>尺寸: {{specifications.size}}</view>
     <view>颜色: {{specifications.color}}</view>
     <!-- ... 其他规格项 -->
   </view>

- 价格:

   <text>价格: {("%.2f" | format)(price)}元</text>

4. **更新视图**: 更新完数据后，确保页面组件已经监听到了数据变化，并重新渲染。

记得检查API文档以了解返回数据的具体结构，并根据实际情况调整上述代码。如果你使用了框架或UI库，这个过程可能会有所不同，但基本原理是一致的。