<img style="max-width: 100px;max-height: 100px;" src="xxx.jpg"> web页面上的这种图片自适应方式怎么在小程序上实现

<checkbox-group bindchange="checkboxChange" id="checkbox-group"> <view wx:key="{{index}}" wx:for="{{list}}" wx:for-item="item"> <view class="graySpace" wx:if="{{item.text}}"> <text>{{item.text}}</text> </view> <label class="item-avatar-sm checkbox" wx:key="{{index}}" wx:for="{{item.list_tool}}" wx:for-item="i" data-url="{{i.url}}" bindtap="goPage"> <image src="{{i.img}}" /> <view class="padding_half"> <text class="title">{{i.name}}</text> </view> <checkbox class="item-checkbox" value="{{i.id}}"/> </label> </view> 一个类似于微信通讯录的功能，客户要求通讯录有按姓名排列和按单位排列2种切换方式 现在的问题是切换修改list后 切换之前选择的选项e.detail.value会保留 请问e.detail.value我该怎么清空啊