微信小程序实现单选功能

<view class=\"backgrout-bj\">
  <view class=\"header\">
    最多可增加4个功能入口
  </view>
  <view>
    <block wx:for=\"{{model}}\">
       <view class=\"model-list\" bindtap=\"selectClick\" id=\"{{index}}\">
         <view>
          <image class=\"middle-img\" src=\"{{item.image}}\"></image>
        </view>
         <view class=\"middle- \">
         <view><text>{{item. }}</text></view>
           <view class=\"middle-sub\"><text>{{item.sub_ }}</text></view>
         </view>
         <!--<view hidden=\"{{item.selectImage}}\">
          <image src=\"../image/xuanze.png\" class=\"seletedImage\"></image>
         </view>-->
         <view wx:if=\"{{item.selectImage==true}}\">
          <image src=\"../image/xuanze.png\" class=\"seletedImage\"></image>
         </view>
      </view>
     
    </block>
  </view>
</view>

.backgrout-bj{
  
  flex-wrap: wrap;  
 
}
.backgrout-bj .header{
 
  display: block;
  font-size: 13px;
  text-align: center;
  color: orange;
  padding: 10px;
  width: 100%;
}
.model-list{
 
  border-bottom: 1px solid lightgrey;
  display: flex;
  align-items: center;
}
 
.middle-img{
  padding: 10px;
  width: 70px;
  height: 70px;
  display: block;
  flex: 1;
  overflow: hidden;
}
.middle- {
 margin: 10px;
 display: block;
 
 
}
.middle-sub{
  font-size: 14px;
  color: lightgray;
  margin-top: 10px;
}
 
.seletedImage{
  width: 20px;
  height: 20px;
}

Page({
 data:{
  // text:\"这是一个页面\"
  model:[
   { 
    image:\'../image/guapai_icon.png\',
     :\'挂牌\',
    sub_ :\'进行松香交易，松香买卖。。。\',
    selectImage:false
   },
   { 
    image:\'../image/tianjia_maoyi.png\',
     :\'贸易\',
    sub_ :\'根据需求，快速的为您提供服务\',
    selectImage:true
   }
  ]
 
 },
 selectClick:function(event){
  
   // this.data.model[event.currentTarget.id].selectImage
 
   for(var i = 0; i < this.data.model.length;i++){
    if(event.currentTarget.id == i){
    
    
       this.data.model[i].selectImage = true 
      }
      else
     {
      
       this.data.model[i].selectImage = false
     }
 
   }
    this.setData(this.data)
 
 },
  :function(options){
  // 页面初始化 options为页面跳转所带来的参数
 
 },
 onReady:function(){
  // 页面渲染完成
 },
 onShow:function(){
  // 页面显示
 },
 onHide:function(){
  // 页面隐藏
 },
  :function(){
  // 页面关闭
 }
})