名片图片模块，上传图片暂时还有点问题，这里就是模仿了个跳转组件，比较建议需要跳转的页面还是使用 wx.navigateTo 控制好一点，wx.navigateTo 提供了给我们不同的 3 个跳转路由，封装的都很好，而且跳转页面很多牵连到传值之类的，开奖，可以达到统一管理也可以避免一些看不到的 bug 吧，总之还是根据业务需求来定：

　　姓名手机必填模块：

　　个人信息模块，直接循环（block）出来：

　　时我们请求必填与选填数据：

　　requiredGroup 必填中文信息、

　　notRequiredGroup 选题中文信息、

　　requiredGroupEn 必填英文信息、

　　notRequiredGroupEn 选题英文信息。

　　//1. 请求名片对应的公司的中文信息的属性组数据，分为必填和选填

　　//选题项变量以no开头

　　requester.getOfflineCardInfoGroupFields(userId, cardId,

　　function (res) {

　　//debugger

　　var userName = res.card.userName;

　　var mobile = res.card.mobile;

　　var requiredGroup = res.requiredGroupCh;

　　var notRequiredGroup = res.notRequiredGroupCh;

　　var requiredGroupEn = res.requiredGroupEn;

　　var notRequiredGroupEn = res.notRequiredGroupEn;

　　var reqLen = requiredGroup.fields.length;

　　var nreqLen = notRequiredGroup.fields.length;

　　var reqLenEn = requiredGroupEn.fields.length;

　　var nreqLenEn = notRequiredGroupEn.fields.length;

　　self.setData({

　　userName: userName,

　　mobile: mobile,

　　requireFields: requiredGroup.fields,

　　notRequireFields: notRequiredGroup.fields,

　　requireFieldsEn: requiredGroupEn.fields,

　　notRequireFieldsEn: notRequiredGroupEn.fields,

　　l1: reqLen,

　　l2: nreqLen + reqLen,

　　l3: reqLenEn + nreqLen + reqLen

　　});

　　self.forceUpdate();

　　}, function (code, msg) {

　　console.info("code=" + code + "&msg=" + msg);

　　});

　　中英文信息必填与选填渲染：

　　这里表单提交数据转换有点复杂（大家根据业务需求来做，不必花时间研究这里的方法），获取的是数组，按照后台需要的数据格式进行转换传递过去。

　　今天再回去理下首页 A、B、C 定点跳转功能实现方法。

　　首先是右边小索引布局以及数据绑定，数据绑定和名片夹列表上的字母一样，该字母下面有名片则渲染出来，没有则不需要渲染，id同样是当前字母与右边显示的内容一样：

　　数据 sort，atv，和 group.name 数据一样：

　　这里是因为#不支持设为 id（就是 id=“#”），故而进行了一个转化。

　　点击事件：获取到当前 ID，以及绑定数据 toView 为当前 ID。

　　首先名片列表，名片上的字母索引都在 scroll-view 里面，这个 scroll-view 必须设置好固定的高度，设置成 100% 与 100vh 是无效的，y 轴的滚动开关打开，scroll-into-view 需要跳转到它子元素的 id 上。

　　可以看下：

　　这个 group.name==sortmsg，等于就是 A==A,B==B 同理。