页面代码

<view class="flex bg-white {{formitem.border?'border-top':'' }}">
      <view class="flex-sub padding-sm margin-xs ">{{formitem.title}}：</view>
      <view class="flex-twice  padding-sm margin-xs radius">{{formitem.defvalue?formitem.defvalue:'请选择'+formitem.title}}</view>
      <view class="flex-sub  padding-sm margin-xs radius" bindtap="goselect">      <view wx:if="{{formitem.defvalue}}" class="fa fa-{{formitem.defvalue}}"></view>选择图标</view>
</view>

js代码

// component/wxe/selecticon.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    formitem: {
      type: Object,
      value: {title:'选择图标',defvalue:null,canedit:false}
    }
  },
 
  /**
   * 组件的初始数据
   */
  data: {
 
  },
 
  /**
   * 组件的方法列表
   */
  methods: {
    goselect:function(e){
      wx.navigateTo({
        url: '/pages/icon/fonticonlist?filedname='+this.data.formitem.fieldname,
      })
    }
  }
})

css代码

/* component/wxe/MultiText.wxss */
@import "/colorui/main.wxss";
@import "/colorui/icon.wxss";
.border-top{
  border-top: 1rpx solid #eee;
}