**問題1：輪播圖高度是固定的，與圖片高度不一致時，會出現樣式問題**
輪播圖圖片使用了屬性：mode="widthFix"，根據寬度自動計算高度，但是輪播圖組件的高度是固定的150px，切換機型獲取改變寬度的話，輪播圖顯示就會出現問題
解決方法：獲取圖片高度，讓輪播圖高度始終和圖片一致
1.使用變量改變輪播圖高度
```
<swiper indicator-dots autoplay circular duration indicator-color="blue" indicator-active-color="pink" style="height:{{swiperHeight}}px">
```
2.在js中獲取圖片高度，給變量賦值，改變輪播圖高度
```
1.在image組件中有一個圖片加載完成的方法：bindload
<image src="{{item.imageUrl}}" class="image" mode="widthFix" bindload="imgLoad"></image>
2.在js中使用這個方法：
//輪播圖圖片加載完成
imgLoad(val) {
//獲取圖片高度（獲取組件高度）
const query = wx.createSelectorQuery(); //創建查詢元素
query.select('.image').boundingClientRect(); //綁定元素
// query.selectViewport().scrollOffset()
query.exec( (res) =>{
//返回一個數組
const height = res[0].height;
console.log(height)
this.setData({swiperHeight : height}) //賦值
})
},
```
**問題2：給輪播圖設置圓角**
```
//添加一個類，設置樣式
.swiper{
border-radius: 10rpx;
overflow: hidden;//超過高度隱藏，要不然無法顯示圓角
transform: translateY(0);//webview熏染問題，兼容個別機型，不加可能出現有些角沒有效果
}
```
