Day14--商品详情-渲染商品详情的数据并优化详情页的显示

提纲挈领：

那么如何在小程序中将这些html的字符串渲染成这莫好看的结构呢？

官方文档：【使用uni-ui组件库中的rich-text组件】

 1.渲染商品详情信息

我的操作：

1》在页面结构中，使用 rich-text 组件，将带有 HTML 标签的内容，渲染为小程序的页面结构：

效果图：

 2》修改 getGoodsDetail 方法，从而解决图片底部 空白间隙 的问题：【利用正则来替换】

正则表达式我的解释是：

/

 3》解决 .webp 格式图片在 ios 设备上无法正常显示的问题：

**************************************************************************************************************

2. 解决商品价格闪烁的问题

存在问题：

 我的操作：

因为你没拿到数据之前，它是goods_info它是空的。所以会展示空的东西。