├── pages
    ├── about
    │   ├── about.json
    │   ├── about.js
    │   ├── about.wxss
    │   └── about.wxml
    ├── map
    │   ├── map.json
    │   ├── map.wxml
    │   ├── map.wxss
    │   └── map.js
    ├── logs
    │   ├── logs.json
    │   ├── logs.wxss
    │   ├── logs.wxml
    │   └── logs.js
    ├── setting
    │   ├── setting.json
    │   ├── setting.wxss
    │   ├── setting.wxml
    │   └── setting.js
    ├── template
    │   ├── template.json
    │   ├── template.js
    │   ├── template.wxml
    │   └── template.wxss
    ├── cardcase
    │   ├── cardcase.json
    │   ├── cardcase.wxss
    │   ├── cardcase.wxml
    │   └── cardcase.js
    ├── phoneverify
    │   ├── phoneverify.json
    │   ├── phoneverify.wxss
    │   ├── phoneverify.wxml
    │   └── phoneverify.js
    ├── me
    │   ├── me.json
    │   ├── me.js
    │   ├── me.wxss
    │   └── me.wxml
    ├── track
    │   ├── track.wxss
    │   ├── track.json
    │   ├── track.wxml
    │   └── track.js
    ├── visitor
    │   ├── visitor.wxss
    │   ├── visitor.json
    │   ├── visitor.wxml
    │   └── visitor.js
    ├── mycard
    │   ├── mycard.json
    │   ├── mycard.wxss
    │   ├── mycard.wxml
    │   └── mycard.js
    ├── createcard
    │   ├── createcard.json
    │   ├── createcard.wxss
    │   ├── createcard.wxml
    │   └── createcard.js
    └── carddetails
    │   ├── carddetails.json
    │   ├── carddetails.wxss
    │   ├── carddetails.wxml
    │   └── carddetails.js
├── README.md
├── images
    ├── me.png
    ├── card.png
    ├── error.png
    ├── logo.jpg
    ├── cardcase.png
    ├── meselected.png
    ├── cardselected.png
    └── cardcaseselected.png
├── iconfont
    ├── iconfont.eot
    ├── iconfont.ttf
    ├── iconfont.woff
    ├── iconfont.css
    ├── iconfont.wxss
    ├── demo.css
    ├── demo_fontclass.html
    ├── demo_unicode.html
    ├── demo_symbol.html
    └── iconfont.svg
├── utils
    └── util.js
├── app.json
├── app.wxss
├── js
    ├── qqmap-wx-jssdk.min.js
    └── qqmap-wx-jssdk.js
└── app.js


/pages/about/about.json:
--------------------------------------------------------------------------------
1 | {
2 |     "navigationBarTitleText": "关于"
3 | }


--------------------------------------------------------------------------------
/pages/map/map.json:
--------------------------------------------------------------------------------
1 | {
2 |     "navigationBarTitleText": "位置"
3 | }


--------------------------------------------------------------------------------
/pages/logs/logs.json:
--------------------------------------------------------------------------------
1 | {
2 |     "navigationBarTitleText": "查看启动日志"
3 | }


--------------------------------------------------------------------------------
/pages/setting/setting.json:
--------------------------------------------------------------------------------
1 | {
2 |     "navigationBarTitleText": "设置"
3 | }


--------------------------------------------------------------------------------
/pages/template/template.json:
--------------------------------------------------------------------------------
1 | {
2 |     "enablePullDownRefresh": true
3 | }


--------------------------------------------------------------------------------
/pages/cardcase/cardcase.json:
--------------------------------------------------------------------------------
1 | {
2 |     "navigationBarTitleText": "名片夹"
3 | }


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | 微信小程序-名片夹
2 | 
3 | 功能介绍:基于微信的开发能力，为微信用户提供商务沟通能力 。互相发送自定义名片，可查询名片访客记录 。


--------------------------------------------------------------------------------
/images/me.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Qiuziscorpio/wxCard/HEAD/images/me.png


--------------------------------------------------------------------------------
/images/card.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Qiuziscorpio/wxCard/HEAD/images/card.png


--------------------------------------------------------------------------------
/images/error.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Qiuziscorpio/wxCard/HEAD/images/error.png


--------------------------------------------------------------------------------
/images/logo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Qiuziscorpio/wxCard/HEAD/images/logo.jpg


--------------------------------------------------------------------------------
/pages/phoneverify/phoneverify.json:
--------------------------------------------------------------------------------
1 | {
2 |     "navigationBarTitleText": "验证手机号码"
3 | }


--------------------------------------------------------------------------------
/images/cardcase.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Qiuziscorpio/wxCard/HEAD/images/cardcase.png


--------------------------------------------------------------------------------
/pages/me/me.json:
--------------------------------------------------------------------------------
1 | {
2 |     "navigationBarTitleText": "我",
3 |     "disableScroll": true
4 | }


--------------------------------------------------------------------------------
/pages/track/track.wxss:
--------------------------------------------------------------------------------
1 | /* pages/track/track.wxss */
2 | @import "../template/template.wxss";


--------------------------------------------------------------------------------
/iconfont/iconfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Qiuziscorpio/wxCard/HEAD/iconfont/iconfont.eot


--------------------------------------------------------------------------------
/iconfont/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Qiuziscorpio/wxCard/HEAD/iconfont/iconfont.ttf


--------------------------------------------------------------------------------
/images/meselected.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Qiuziscorpio/wxCard/HEAD/images/meselected.png


--------------------------------------------------------------------------------
/iconfont/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Qiuziscorpio/wxCard/HEAD/iconfont/iconfont.woff


--------------------------------------------------------------------------------
/images/cardselected.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Qiuziscorpio/wxCard/HEAD/images/cardselected.png


--------------------------------------------------------------------------------
/pages/visitor/visitor.wxss:
--------------------------------------------------------------------------------
1 | /* pages/visitor/visitor.wxss */
2 | @import "../template/template.wxss";


--------------------------------------------------------------------------------
/pages/track/track.json:
--------------------------------------------------------------------------------
1 | {
2 |     "navigationBarTitleText": "足迹",
3 |     "enablePullDownRefresh": true
4 | }


--------------------------------------------------------------------------------
/images/cardcaseselected.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Qiuziscorpio/wxCard/HEAD/images/cardcaseselected.png


--------------------------------------------------------------------------------
/pages/mycard/mycard.json:
--------------------------------------------------------------------------------
1 | {
2 |     "navigationBarTitleText": "我的名片",
3 |     "backgroundColor":"#fafafa"
4 | }


--------------------------------------------------------------------------------
/pages/visitor/visitor.json:
--------------------------------------------------------------------------------
1 | {
2 |     "navigationBarTitleText": "访客",
3 |     "enablePullDownRefresh": true
4 | }


--------------------------------------------------------------------------------
/pages/createcard/createcard.json:
--------------------------------------------------------------------------------
1 | {
2 |     "navigationBarTitleText": "我的名片",
3 |     "backgroundColor":"#fafafa"
4 | }


--------------------------------------------------------------------------------
/pages/carddetails/carddetails.json:
--------------------------------------------------------------------------------
1 | {
2 |     "navigationBarTitleText": "名片详情",
3 |     "backgroundColor":"#fafafa"
4 | }


--------------------------------------------------------------------------------
/pages/carddetails/carddetails.wxss:
--------------------------------------------------------------------------------
1 | /* pages/carddetails/carddetails.wxss */
2 | 
3 | @import "../template/template.wxss";
4 | 


--------------------------------------------------------------------------------
/pages/logs/logs.wxss:
--------------------------------------------------------------------------------
1 | .log-list {
2 |   display: flex;
3 |   flex-direction: column;
4 |   padding: 40rpx;
5 | }
6 | .log-item {
7 |   margin: 10rpx;
8 | }
9 | 


--------------------------------------------------------------------------------
/pages/setting/setting.wxss:
--------------------------------------------------------------------------------
1 | /* pages/setting/setting.wxss */
2 | @import "../me/me.wxss";
3 | 
4 | .item {
5 |   display: flex;
6 |   justify-content: space-between;
7 | }
8 | 


--------------------------------------------------------------------------------
/pages/track/track.wxml:
--------------------------------------------------------------------------------
1 | 
2 | <!--pages/track/track.wxml-->
3 | <import src="../template/template.wxml" />
4 | <view class=" bg-gray2">
5 |   <!--足迹开始-->
6 |   <template is="cardB" data="{{customData}}" />
7 | </view>


--------------------------------------------------------------------------------
/pages/logs/logs.wxml:
--------------------------------------------------------------------------------
1 | <!--logs.wxml-->
2 | <view class="container log-list">
3 |   <block wx:for="{{logs}}" wx:for-item="log" wx:key="*this">
4 |     <text class="log-item">{{index + 1}}. {{log}}</text>
5 |   </block>
6 | </view>
7 | 


--------------------------------------------------------------------------------
/pages/visitor/visitor.wxml:
--------------------------------------------------------------------------------
1 | 
2 | <!--pages/visitor/visitor.wxml-->
3 | <import src="../template/template.wxml" />
4 | <view class=" bg-gray2">
5 |   <view wx:if="{{ishint}}">加载中....</view>
6 | 
7 |   <!--访客开始-->
8 |   <template is="cardB" data="{{customData}}" />
9 | </view>


--------------------------------------------------------------------------------
/pages/logs/logs.js:
--------------------------------------------------------------------------------
 1 | //logs.js
 2 | var util = require('../../utils/util.js')
 3 | Page({
 4 |   data: {
 5 |     logs: []
 6 |   },
 7 |   onLoad: function () {
 8 |     this.setData({
 9 |       logs: (wx.getStorageSync('logs') || []).map(function (log) {
10 |         return util.formatTime(new Date(log))
11 |       })
12 |     })
13 |   }
14 |   
15 | })
16 | 


--------------------------------------------------------------------------------
/pages/about/about.js:
--------------------------------------------------------------------------------
 1 | // pages/about/about.js
 2 | Page({
 3 |   data:{},
 4 |   onLoad:function(options){
 5 |     // 页面初始化 options为页面跳转所带来的参数
 6 |   },
 7 |   onReady:function(){
 8 |     // 页面渲染完成
 9 |   },
10 |   onShow:function(){
11 |     // 页面显示
12 |   },
13 |   onHide:function(){
14 |     // 页面隐藏
15 |   },
16 |   onUnload:function(){
17 |     // 页面关闭
18 |   }
19 | })


--------------------------------------------------------------------------------
/pages/template/template.js:
--------------------------------------------------------------------------------
 1 | // pages/template/template.js
 2 | Page({
 3 |   data: {},
 4 |   onLoad: function (options) {
 5 |     // 页面初始化 options为页面跳转所带来的参数
 6 |   },
 7 |   onReady: function () {
 8 |     // 页面渲染完成
 9 |   },
10 |   onShow: function () {
11 |     // 页面显示
12 |   },
13 |   onHide: function () {
14 |     // 页面隐藏
15 |   },
16 |   onUnload: function () {
17 |     // 页面关闭
18 |   }
19 | })


--------------------------------------------------------------------------------
/pages/setting/setting.wxml:
--------------------------------------------------------------------------------
 1 | 
 2 | <!--pages/setting/setting.wxml-->
 3 | <view>
 4 |   <view class="item-group">
 5 |     <view class="item">
 6 |       <view class="classname">
 7 |         自动交互名片
 8 |       </view>
 9 |       <view class="classname">
10 |         <switch bindchange="switch1Change" checked="{{ischecked}}"/>
11 |       </view>
12 |     </view>
13 |   </view>
14 |   <view class="main">
15 |     <text>扫描二维码同时交换己方名片</text>
16 |   </view>
17 | </view>


--------------------------------------------------------------------------------
/utils/util.js:
--------------------------------------------------------------------------------
 1 | function formatTime(date) {
 2 |   var year = date.getFullYear()
 3 |   var month = date.getMonth() + 1
 4 |   var day = date.getDate()
 5 | 
 6 |   var hour = date.getHours()
 7 |   var minute = date.getMinutes()
 8 |   var second = date.getSeconds()
 9 | 
10 | 
11 |   return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
12 | }
13 | 
14 | function formatNumber(n) {
15 |   n = n.toString()
16 |   return n[1] ? n : '0' + n
17 | }
18 | 
19 | module.exports = {
20 |   formatTime: formatTime
21 | }
22 | 


--------------------------------------------------------------------------------
/pages/about/about.wxss:
--------------------------------------------------------------------------------
 1 | /* pages/about/about.wxss */
 2 | 
 3 | .card-about {
 4 |   height: 100vh;
 5 |   background: #fafafa;
 6 |   padding: 0 63rpx;
 7 | }
 8 | 
 9 | .card-about .head {
10 |   display: flex;
11 |   padding: 100rpx 0;
12 |   align-items: center;
13 |   flex-direction: column;
14 | }
15 | 
16 | .card-about .head image {
17 |   width: 120rpx;
18 |   height: 120rpx;
19 |   border-radius: 50%;
20 |   background: #ccc;
21 | }
22 | 
23 | .card-about .head .title {
24 |   font-size: 36rpx;
25 |   color: #212121;
26 |   padding: 25rpx 0;
27 | }
28 | 
29 | .card-about .content{
30 |     line-height: 50rpx;
31 | }


--------------------------------------------------------------------------------
/pages/about/about.wxml:
--------------------------------------------------------------------------------
 1 | 
 2 | <!--pages/about/about.wxml-->
 3 | <view class="card-about">
 4 |   <view class="head">
 5 |     <image src="../../images/logo.jpg" class="logo"></image>
 6 |     <view class="title">蚁管家电子名片</view>
 7 |     <view class="subtitle">V1.1.0</view>
 8 |   </view>
 9 |   <view class="content">
10 |     <text>
11 |       蚁管家名片是你的私人名片管家，人脉拓展和管理专家，商务人士的必备工具。
12 |     </text>
13 |     <text>
14 |     蚁管家名片是一款专业的电子名片管理工具，专门开发了针对个人和企业用于不同场合的名片管理模式。提供个人名片一键分享、收藏、保存、贴标签分类、多名片等功能，使用方便快捷；支持专属企业名片，数据化的名片信息，图文结合，实时更新，低碳环保，更好展现企业形象与展会档次。同时还支持自动交互名片，扫描二维码同时交换己方名片，一键收藏人脉，让你的人脉变钱脉！
15 |       </text>
16 |   </view>
17 | </view>


--------------------------------------------------------------------------------
/pages/me/me.js:
--------------------------------------------------------------------------------
 1 | // pages/me/me.js
 2 | Page({
 3 |   data: {
 4 |     userinfo: {},
 5 |     loginsuccessdata: {
 6 | 
 7 |     }
 8 |   },
 9 |   onLoad: function (options) {
10 |     // 页面初始化 options为页面跳转所带来的参数
11 |     var that = this
12 |     that.setData({
13 |       loginsuccessdata: wx.getStorageSync('loginSuccessData'),
14 |       userinfo: wx.getStorageSync('userInfo')
15 |     })
16 |   },
17 |   onReady: function () {
18 |     // 页面渲染完成
19 |   },
20 |   onShow: function () {
21 |     // 页面显示
22 |     var that = this
23 |     that.setData({
24 |       loginsuccessdata: wx.getStorageSync('loginSuccessData'),
25 |       userinfo: wx.getStorageSync('userInfo')
26 |     })
27 |   },
28 |   onHide: function () {
29 |     // 页面隐藏
30 |   },
31 |   onUnload: function () {
32 |     // 页面关闭
33 |   }
34 | })


--------------------------------------------------------------------------------
/pages/mycard/mycard.wxss:
--------------------------------------------------------------------------------
 1 | /* pages/mycard/mycard.wxss */
 2 | @import "../template/template.wxss";
 3 | 
 4 | .slide .slide-item {
 5 |   width: 100%;
 6 |   height: 100%;
 7 |   position: relative;
 8 | }
 9 | 
10 | .slide .slide-item.a {
11 |   background: url(https://api.91ygj.com/vcard/1.jpg);
12 |   background-size: 100%;
13 | }
14 | 
15 | .slide .slide-item.b {
16 |   background: url(https://api.91ygj.com/vcard/2.jpg);
17 |   background-size: 100%;
18 | }
19 | 
20 | .slide .slide-item.c {
21 |   background: url(https://api.91ygj.com/vcard/3.jpg);
22 |   background-size: 100%;
23 | }
24 | 
25 | .slide .slide-btn {
26 |   position: absolute;
27 |   bottom: 0;
28 |   z-index: 999;
29 |   font-size: 18px;
30 |   color: #fff;
31 |   padding: 20rpx;
32 |   border: 1rpx solid #fff;
33 |   border-radius: 10rpx;
34 |   width: 74.5%;
35 |   margin: 10%;
36 |   text-align: center;
37 | }
38 | 
39 | 


--------------------------------------------------------------------------------
/pages/phoneverify/phoneverify.wxss:
--------------------------------------------------------------------------------
 1 | /* pages/phoneverify/phoneverify.wxss */
 2 | @import "../createcard/createcard.wxss";
 3 | 
 4 | 
 5 | .card-inputlabel{
 6 |   display: flex;
 7 |   align-items: center;
 8 | }
 9 | .card-inputlabel:last-child {
10 |   border-top: 1rpx solid #e0e0e0;
11 | }
12 | 
13 | .card-inputlabel .card-input {
14 |   border: none;
15 | }
16 | 
17 | .card-inputlabel .btn-verify {
18 |   position: absolute;
19 |   z-index: 99;
20 |   top: 23rpx;
21 |   right: 0;
22 |   background: #72a92c;
23 |   border: 1rpx solid #72a92c;
24 |   color: #fff;
25 |   border-radius: 5rpx;
26 |   padding: 6rpx 22rpx;
27 |   font-size: 13px;
28 | }
29 | 
30 | .card-inputlabel .label {
31 |   display: block;
32 |   flex: 0 0 25%;
33 |   font-size: 14p;
34 | }
35 | 
36 | .card-inputlabel .btn-verify.btn-disabled {
37 |   background: #bdbdbd;
38 |   border: 1rpx solid #bdbdbd;
39 | }
40 | 
41 | button[disabled][type="default"], wx-button[disabled]:not([type]) {
42 |   color: rgba(255, 255, 255, 0.5);
43 |   background-color: rgba(114, 169, 44, 0.5);
44 | }
45 | 


--------------------------------------------------------------------------------
/pages/phoneverify/phoneverify.wxml:
--------------------------------------------------------------------------------
 1 | 
 2 | <!--pages/phoneverify/phoneverify.wxml-->
 3 | <form bindsubmit="formSubmit" bindreset="formReset">
 4 |   <view class="card-formitem">
 5 |     <view class="card-inputlabel" style=" position: relative;">
 6 |       <view class="label">手机号码</view>
 7 |       <input placeholder=" 手机号码 " class="card-input " placeholder-class="gray3 " maxlength="11 " name="mobile" value="{{verify.mobile}}" bindinput="verifyDataMobile" type="number" />
 8 |      <view class="btn-verify" catchtap="getVerifyCode" wx:if="{{isgetVerifyCode}}">
 9 |      验证
10 |      </view>
11 |       <view wx:else class="btn-verify btn-disabled" ><text>{{econds}}</text>s</view>
12 |     </view>
13 |     <view class="card-inputlabel">
14 |       <view class="label">验证码</view>
15 |       <input placeholder=" 验证码 " class="card-input " placeholder-class="gray3 " maxlength="4 " name="code" value="{{verify.code}}" bindinput="verifyDataCode"  type="number" />
16 |     </view>
17 |   </view>
18 |   <view class="main">
19 |     <button class="btn-green" formType="submit" disabled="{{issubmit}}">确认更改</button>
20 |   </view>
21 | </form>


--------------------------------------------------------------------------------
/pages/mycard/mycard.wxml:
--------------------------------------------------------------------------------
 1 | 
 2 | <!--pages/mycard/mycard.wxml-->
 3 | <import src="../template/template.wxml" />
 4 | <!--广告引导图-->
 5 | <swiper class="slide" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" indicator-active-color="#fff" wx:if="{{cardData==''}}">
 6 |   <swiper-item>
 7 |     <view class="slide-item a">
 8 |       <navigator url="../createcard/createcard?id=0">
 9 |         <span class="slide-btn ">马上创建名片</span> 
10 |       </navigator>
11 |     </view>
12 |   </swiper-item>
13 |   <swiper-item>
14 |     <view class="slide-item b">
15 |       <navigator url="../createcard/createcard?id=0">
16 |         <span class="slide-btn ">马上创建名片</span> 
17 |       </navigator>
18 |     </view>
19 |   </swiper-item>
20 |   <swiper-item>
21 |     <view class="slide-item c">
22 |       <navigator url="../createcard/createcard?id=0">
23 |         <span class="slide-btn ">马上创建名片</span> 
24 |       </navigator>
25 |     </view>
26 |   </swiper-item>
27 | </swiper>
28 | 
29 | <!--名片列表开始-->
30 | <view class="main bg-gray2" wx:else>
31 |   <template is="card" data="{{cardData}}" />
32 |   <button class="btn-green" bindtap="openCreatecard" wx:if="{{cardData.length<5}}">创建名片</button>
33 | </view>


--------------------------------------------------------------------------------
/pages/setting/setting.js:
--------------------------------------------------------------------------------
 1 | // pages/setting/setting.js
 2 | var app = getApp()
 3 | 
 4 | Page({
 5 |   data: {
 6 |     ischecked: false
 7 |   },
 8 |   //开启自动扫码自动交换名片 
 9 |   switch1Change: function (e) {
10 |     var that = this
11 |     var data = {
12 |       'url': 'Card/SetAutoChange',
13 |       'data': {
14 |         'isAutoChange': e.detail.value
15 |       }
16 |     }
17 |     app.postData(data, function (res) {
18 |       wx.showToast({
19 |         title: res.msg,
20 |         icon: 'success',
21 |         duration: 2000,
22 |         complete: function () {
23 |           that.setData({
24 |             ischecked: e.detail.value
25 |           })
26 |         }
27 |       })
28 |     })
29 |   },
30 |   getMySetting: function (that) {
31 |     var data = 'Card/GetMySetting'
32 |     app.getData(data, function (res) {
33 |       that.setData({
34 |         ischecked: res.data.isAutoChange
35 |       })
36 |     })
37 |   },
38 |   onLoad: function (options) {
39 |     // 页面初始化 options为页面跳转所带来的参数
40 |     this.getMySetting(this)
41 |   },
42 |   onReady: function () {
43 |     // 页面渲染完成
44 |   },
45 |   onShow: function () {
46 |     // 页面显示
47 |   },
48 |   onHide: function () {
49 |     // 页面隐藏
50 |   },
51 |   onUnload: function () {
52 |     // 页面关闭
53 |   }
54 | })


--------------------------------------------------------------------------------
/pages/map/map.wxml:
--------------------------------------------------------------------------------
 1 | 
 2 | <!--pages/map/map.wxml-->
 3 | <view class="address-search">
 4 |   <text class="iconfont icon-sousuo_sousuo" wx:if="{{isiconsousu}}"></text>
 5 |   <input placeholder="搜索地点" class="search-input" placeholder-class="inputval" bindfocus="handlFocus" confirm-type="search" bindconfirm="getSearchData" bindinput="getInputVal" />
 6 | </view>
 7 | <map id="map" longitude="{{markers[0].longitude}}" latitude="{{markers[0].latitude}}" scale="18" controls="{{controls}}" bindcontroltap="controltap" markers="{{markers}}" bindmarkertap="markertap" polyline="{{polyline}}" bindregionchange="regionchange"
 8 | show-location style="width: 100%; height: 300px;"></map>
 9 | <view class="address">
10 |   <view class="address-item" wx:key="{{itemName}}" wx:for="{{pois}}" wx:for-index="index" wx:for-item="itemName" bindtap="selectAddress" data-select="{{activeAddress}}">
11 |     <view class="address-itemcontent">
12 |       <view class="title">
13 |         {{itemName.title}}
14 |       </view>
15 |       <view class="subtitle">
16 |         {{itemName.address}}
17 |       </view>
18 |     </view>
19 |     <view class="address-itemlabel" wx:if="{{activeAddress}}" data-select="{{activeAddress}}">
20 |       <text class=" green  iconfont  icon-dagou"></text>
21 |     </view>
22 |   </view>
23 | </view>


--------------------------------------------------------------------------------
/pages/me/me.wxss:
--------------------------------------------------------------------------------
 1 | /* pages/me/me.wxss */
 2 | 
 3 | .item-group {
 4 |   margin-top: 24rpx;
 5 | }
 6 | 
 7 | .item-group .item {
 8 |   padding: 20rpx;
 9 |   background: #fff;
10 |   border-top: 1rpx solid #e0e0e0;
11 |   border-bottom: 1rpx solid #e0e0e0;
12 |   font-size: 17px;
13 |   display: flex;
14 | 
15 | }
16 | 
17 | .item-group .item:nth-child(even) {
18 |   border-top: 0;
19 | }
20 | 
21 | .item-user {
22 |   display: flex;
23 | 
24 | }
25 | 
26 | .item-user .sign {
27 |   width: 120rpx;
28 |   height: 120rpx;
29 |   border-radius: 5rpx;
30 |   margin-right: 23rpx;
31 |   flex: 0 0 120rpx;
32 | }
33 | 
34 | .item-user image {
35 |   width: 120rpx;
36 |   height: 120rpx;
37 |   border-radius: 5rpx;
38 |   border: 1rpx solid #e0e0e0;
39 | }
40 | 
41 | .item-user .message {
42 |   flex: 1;
43 |   display: flex;
44 |   flex-direction: column;
45 |   justify-content: space-between;
46 | }
47 | 
48 | .item-user .name {
49 |   color: #212121;
50 |   font-size: 17px;
51 | }
52 | 
53 | .item-user .message .number {
54 |   display: flex;
55 |   justify-content: space-between;
56 |   align-items: center;
57 |   font-size: 14px;
58 | }
59 | 
60 | .item-user .message .btn-verify {
61 |   border: 1rpx solid #72a92c;
62 |   color: #72a92c;
63 |   border-radius: 5rpx;
64 |   padding: 6rpx 22rpx;
65 |   font-size: 13px;
66 | }
67 | 


--------------------------------------------------------------------------------
/pages/map/map.wxss:
--------------------------------------------------------------------------------
 1 | /* pages/map/map.wxss */
 2 | 
 3 | .address {
 4 |   padding: 0 23rpx;
 5 | }
 6 | 
 7 | .address .address-item {
 8 |   border-bottom: 1rpx solid #e0e0e0;
 9 |   padding: 23rpx 0;
10 |   font-size: 30rpx;
11 |   width: 100%;
12 |   display: flex;
13 |   justify-content: space-between;
14 |   align-items: center;
15 | }
16 | 
17 | .address .address-item .address-itemcontent.title {
18 |   font-size: 32rpx;
19 |   color: #121212;
20 | }
21 | 
22 | .address .address-item .address-itemcontent .subtitle {
23 |   font-size: 25rpx;
24 |   color: #b4b4b4;
25 |   margin-top: 0;
26 | }
27 | 
28 | .address-search {
29 |   padding: 16rpx;
30 |   background: #f0eff5;
31 |   position: relative;
32 |   width: 100%;
33 |   box-sizing: border-box;
34 |   -moz-box-sizing: border-box;
35 |   -webkit-box-sizing: border-box;
36 |   border-bottom: 1rpx solid #dbdadf;
37 | }
38 | 
39 | .address-search .iconfont {
40 |   color: #909092;
41 |   position: absolute;
42 |   top:0;
43 |   padding-top: 22rpx;
44 |   font-size: 26rpx;
45 |   left:38%;
46 |   z-index: 99;
47 | }
48 | 
49 | .address-search .search-input {
50 |   background: #fff;
51 |   border-radius: 5rpx;
52 |   font-size: 26rpx;
53 |   padding: 0 12rpx;
54 |   border: 1rpx solid #dbdadf;
55 | }
56 | 
57 | .inputval {
58 |   text-align: center;
59 |   font-size: 26rpx;
60 |   color: #909092;
61 | }
62 | 


--------------------------------------------------------------------------------
/app.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "pages": [
 3 |     "pages/mycard/mycard",
 4 |     "pages/cardcase/cardcase",
 5 |     "pages/me/me",
 6 |     "pages/carddetails/carddetails",
 7 |     "pages/createcard/createcard",
 8 |     "pages/template/template",
 9 |     "pages/phoneverify/phoneverify",
10 |     "pages/about/about",
11 |     "pages/setting/setting",
12 |     "pages/visitor/visitor",
13 |     "pages/track/track"
14 |   ],
15 |   "window": {
16 |     "backgroundTextStyle": "dark",
17 |     "navigationBarBackgroundColor": "#fff",
18 |     "navigationBarTitleText": "WeChat",
19 |     "navigationBarTextStyle": "black",
20 |     "backgroundColor": "#fafafa"
21 |   },
22 |   "tabBar": {
23 |     "borderStyle": "white",
24 |     "color": "#9b9b9b",
25 |     "selectedColor": "#72a92c",
26 |     "list": [
27 |       {
28 |         "pagePath": "pages/mycard/mycard",
29 |         "text": "我的名片",
30 |         "iconPath": "images/card.png",
31 |         "selectedIconPath": "images/cardselected.png"
32 |       },
33 |       {
34 |         "pagePath": "pages/cardcase/cardcase",
35 |         "text": "名片夹",
36 |         "iconPath": "images/cardcase.png",
37 |         "selectedIconPath": "images/cardcaseselected.png"
38 |       },
39 |       {
40 |         "pagePath": "pages/me/me",
41 |         "text": "我",
42 |         "iconPath": "images/me.png",
43 |         "selectedIconPath": "images/meselected.png"
44 |       }
45 |     ]
46 |   }
47 | }


--------------------------------------------------------------------------------
/app.wxss:
--------------------------------------------------------------------------------
 1 | /**app.wxss**/
 2 | @import "iconfont/iconfont.wxss";
 3 | 
 4 | page {
 5 |   font-size: 14px;
 6 |   color: #757575;
 7 |   height: 100%;
 8 |   background: #fafafa;
 9 | }
10 | 
11 | .container {
12 |   padding: 23rpx;
13 | }
14 | 
15 | .main {
16 |   height: 100%;
17 |   padding: 23rpx;
18 |   background: #fafafa;
19 | }
20 | 
21 | .gray {
22 |   color: #757575;
23 | }
24 | 
25 | .gray3 {
26 |   color: #e0e0e0;
27 | }
28 | 
29 | .gray4 {
30 |   color: #bdbdbd;
31 | }
32 | 
33 | .green {
34 |   color: #72a92c;
35 | }
36 | 
37 | .bg-gray2 {
38 |   background: #fafafa;
39 | }
40 | 
41 | .btn-green {
42 |   color: #fff;
43 |   background: #72a92c;
44 | }
45 | 
46 | .btn-white {
47 |   color: #757575;
48 |   background: #fff;
49 |   border: 1rpx solid #e0e0e0;
50 | }
51 | 
52 | .btn-white::after {
53 |   border: 0;
54 | }
55 | 
56 | .iconfont.f37 {
57 |   font-size: 37rpx;
58 | }
59 | 
60 | .mb {
61 |   margin-bottom: 24rpx;
62 | }
63 | 
64 | .card-inputlabel .card-input {
65 |   display: block;
66 |   text-overflow: clip;
67 |   white-space: nowrap;
68 |   line-height: 0;
69 |   font-family: UICTFontTextStyleBody;
70 | }
71 | 
72 | swiper {
73 |   height: 100%;
74 | }
75 | 
76 | .hint {
77 |   color: #ccc;
78 |   display: flex;
79 |   justify-content: center;
80 |   align-items: center;
81 |   padding: 20rpx;
82 | }
83 | 
84 | .text-samll {
85 |   font-size:13px;
86 | }
87 | 
88 | .text-right {
89 |   text-align: right;
90 |   width: 100%;
91 | }
92 | 


--------------------------------------------------------------------------------
/pages/createcard/createcard.wxss:
--------------------------------------------------------------------------------
 1 | /* pages/createcard/createcard.wxss */
 2 | @import "../../iconfont/iconfont.wxss";
 3 | 
 4 | .card-input {
 5 |   border-bottom: 1rpx solid #e0e0e0;
 6 |   padding: 23rpx 0;
 7 |   font-size: 14px;
 8 |   width: 100%;
 9 | }
10 | 
11 | .card-input:last-child {
12 |   border: 0;
13 | }
14 | 
15 | .card-inputlabel {
16 |   display: flex;
17 | }
18 | 
19 | .card-inputlabel .label {
20 |   margin-right: 5rpx;
21 |   padding: 23rpx 0;
22 |   font-size: 14px;
23 | }
24 | 
25 | .card-inputlabel .label.icon-location {
26 |   font-size: 20px;
27 | }
28 | 
29 | .card-formitem {
30 |   background: #fff;
31 |   padding: 0 23rpx;
32 |   border-top: 1rpx solid #e0e0e0;
33 |   border-bottom: 1rpx solid #e0e0e0;
34 |   margin-top: 23rpx;
35 | }
36 | 
37 | .card-formitem .card-user {
38 |   display: flex;
39 |   align-items: center;
40 |   position: relative;
41 | }
42 | 
43 | .card-user .eng {
44 |   position: absolute;
45 |   top: 0;
46 |   padding-top: 23rpx;
47 |   right: 0;
48 |   z-index: 999;
49 | }
50 | 
51 | .card-user .eng .iconfont {
52 |   font-size: 48rpx;
53 |   color: #757575;
54 | }
55 | 
56 | .card-user  .sign {
57 |   width: 120rpx;
58 |   height: 120rpx;
59 |   border-radius: 5rpx;
60 |   margin-right: 23rpx;
61 |   flex: 0 0 120rpx;
62 | }
63 | 
64 | .card-user .sign image {
65 |   width: 120rpx;
66 |   height: 120rpx;
67 |   border-radius: 5rpx;
68 |   border: 1rpx solid #e0e0e0;
69 | }
70 | 
71 | .card-user .message {
72 |   flex: 1;
73 | }
74 | 
75 | .card-user .btn-verify {
76 |   position: absolute;
77 |   z-index: 999;
78 |   right: 0;
79 |   bottom: 23rpx;
80 |   border: 1rpx solid #72a92c;
81 |   color: #72a92c;
82 |   border-radius: 5rpx;
83 |   padding: 6rpx 22rpx;
84 |   font-size: 13px;
85 | }
86 | 


--------------------------------------------------------------------------------
/pages/me/me.wxml:
--------------------------------------------------------------------------------
 1 | 
 2 | <!--pages/me/me.wxml-->
 3 | <view class=" bg-gray2" style="padding-top:20rpx;">
 4 |   <view class="item-group" style="margin-top:0;">
 5 |     <view class="item item-user">
 6 |       <view class="sign">
 7 |         <image src="{{userinfo.avatarUrl}}"></image>
 8 |       </view>
 9 |       <view class="message">
10 |         <view class="name">
11 |           {{userinfo.nickName}}
12 |         </view>
13 |         <view class="number">
14 |           <view class="phone"> {{loginsuccessdata.mobile}}
15 |             <text wx:if="{{loginsuccessdata.mobVerify}}" class="iconfont icon-shoujiyanzheng green"></text>
16 |             <text wx:else class="iconfont icon-shoujiyanzheng"></text>
17 |           </view>
18 |           <view>
19 |             <navigator url="../phoneverify/phoneverify" wx:if="{{loginsuccessdata.mobVerify}}" class="btn-verify">更换</navigator>
20 |             <navigator url="../phoneverify/phoneverify" class="btn-verify" wx:else>验证</navigator>
21 |           </view>
22 |         </view>
23 | 
24 |         <!--<view class="number">
25 |           <view class="phone"> 未绑定
26 |             <text class="iconfont icon-shoujiyanzheng"></text>
27 |           </view>
28 |           <view class="btn-verify">
29 |             绑定
30 |           </view>
31 |         </view>-->
32 |       </view>
33 |     </view>
34 |   </view>
35 |   <view class="item-group">
36 |     <navigator class="item" url="../track/track">
37 |       <view>
38 |         <text class="iconfont icon-zuji"></text> 足迹
39 |       </view>
40 |     </navigator>
41 |     <navigator class="item" url="../visitor/visitor">
42 |       <view>
43 |         <text class="iconfont icon-fangkeyuyue"></text> 访客
44 |       </view>
45 |     </navigator>
46 |   </view>
47 | 
48 |   <!--<view class="item-group">
49 |     <view class="item">
50 |       <text class="iconfont icon-sousuo"></text>搜索企业
51 |     </view>
52 |     <view class="item">
53 |       <text class="iconfont icon-card"></text>企业名片
54 |     </view>
55 |   </view>-->
56 |   <view class="item-group">
57 |     <navigator class="item" url="../setting/setting">
58 |       <view>
59 |         <text class="iconfont icon-shezhi"></text> 设置
60 |       </view>
61 |     </navigator>
62 |   </view>
63 |   <view class="item-group">
64 |     <navigator class="item" url="../about/about">
65 |       <view>
66 |         <text class="iconfont icon-guanyu"></text> 关于
67 |       </view>
68 |     </navigator>
69 |   </view>
70 | </view>


--------------------------------------------------------------------------------
/iconfont/iconfont.css:
--------------------------------------------------------------------------------
 1 | 
 2 | @font-face {font-family: "iconfont";
 3 |   src: url('iconfont.eot?t=1493792786161'); /* IE9*/
 4 |   src: url('iconfont.eot?t=1493792786161#iefix') format('embedded-opentype'), /* IE6-IE8 */
 5 |   url('iconfont.woff?t=1493792786161') format('woff'), /* chrome, firefox */
 6 |   url('iconfont.ttf?t=1493792786161') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
 7 |   url('iconfont.svg?t=1493792786161#iconfont') format('svg'); /* iOS 4.1- */
 8 | }
 9 | 
10 | .iconfont {
11 |   font-family:"iconfont" !important;
12 |   font-size:16px;
13 |   font-style:normal;
14 |   -webkit-font-smoothing: antialiased;
15 |   -moz-osx-font-smoothing: grayscale;
16 | }
17 | 
18 | .icon-sousuo:before { content: "\e603"; }
19 | 
20 | .icon-card:before { content: "\e656"; }
21 | 
22 | .icon-shijian:before { content: "\e623"; }
23 | 
24 | .icon-letter-a-outline:before { content: "\e66d"; }
25 | 
26 | .icon-shezhi:before { content: "\e688"; }
27 | 
28 | .icon-gouxuan:before { content: "\e6b1"; }
29 | 
30 | .icon-location:before { content: "\e620"; }
31 | 
32 | .icon-dagou:before { content: "\e602"; }
33 | 
34 | .icon-xiala:before { content: "\e604"; }
35 | 
36 | .icon-fangkeyuyue:before { content: "\e600"; }
37 | 
38 | .icon-shoujiyanzheng:before { content: "\e62e"; }
39 | 
40 | .icon-user:before { content: "\e60f"; }
41 | 
42 | .icon-dianhua:before { content: "\e649"; }
43 | 
44 | .icon-icon1460188600932:before { content: "\e622"; }
45 | 
46 | .icon-mingpian-copy:before { content: "\e60c"; }
47 | 
48 | .icon-moren:before { content: "\e68a"; }
49 | 
50 | .icon-youxiang:before { content: "\e64c"; }
51 | 
52 | .icon-bumen:before { content: "\e697"; }
53 | 
54 | .icon-zu:before { content: "\e612"; }
55 | 
56 | .icon-zuji:before { content: "\e61d"; }
57 | 
58 | .icon-yanzheng:before { content: "\e681"; }
59 | 
60 | .icon-mingpianjia1:before { content: "\e621"; }
61 | 
62 | .icon-sousuo_sousuo:before { content: "\e601"; }
63 | 
64 | .icon-guanyu:before { content: "\e629"; }
65 | 
66 | .icon-youcexiaochengxuerweima:before { content: "\e62a"; }
67 | 
68 | .icon-xiaochengxu:before { content: "\e640"; }
69 | 
70 | .icon-zhongyingwenqiehuan-xianshizhongyingwen:before { content: "\e61e"; }
71 | 
72 | .icon-arrows_circle_minus:before { content: "\e687"; }
73 | 
74 | .icon-arrows_circle_plus:before { content: "\e689"; }
75 | 
76 | .icon-gongsi:before { content: "\e615"; }
77 | 
78 | .icon-angle-right:before { content: "\e60d"; }
79 | 
80 | .icon-angle-left:before { content: "\e60e"; }
81 | 
82 | .icon-arrows_circle_remove1:before { content: "\e647"; }
83 | 
84 | 


--------------------------------------------------------------------------------
/pages/cardcase/cardcase.wxss:
--------------------------------------------------------------------------------
  1 | /* pages/cardcase/cardcase.wxss */
  2 | @import "../template/template.wxss";
  3 | 
  4 | .swiper-tab {
  5 |   display: flex;
  6 |   border-top: 1rpx solid #e0e0e0;
  7 |   border-bottom: 1rpx solid #e0e0e0;
  8 |   background: #fff;
  9 |   font-size: 34rpx;
 10 |   color: #757575;
 11 | }
 12 | 
 13 | .swiper-tab .swiper-tab-item {
 14 |   flex: 1;
 15 |   display: flex;
 16 |   align-items: center;
 17 |   justify-content: center;
 18 |   padding: 32rpx 0;
 19 |   border-bottom: 4rpx solid #fff;
 20 | }
 21 | 
 22 | .swiper-tab .swiper-tab-item.active {
 23 |   color: #72a92c;
 24 |   border-bottom: 4rpx solid #72a92c;
 25 | }
 26 | 
 27 | .cardcase .searchgroup {
 28 |   display: flex;
 29 |   background: #fff;
 30 |   margin-top: 24rpx;
 31 |   padding: 14rpx 0;
 32 |   color: #bdbdbd;
 33 |   height:50rpx;
 34 |   border-top: 1rpx solid #e0e0e0;
 35 |   border-bottom: 1rpx solid #e0e0e0;
 36 | }
 37 | 
 38 | .cardcase  .searchgroup-item {
 39 |   flex: 1;
 40 |   padding: 12rpx;
 41 |   display: flex;
 42 |   align-items: center;
 43 |   justify-content: center;
 44 | }
 45 | 
 46 | .cardcase  .searchgroup-inputitem {
 47 |   flex: 1;
 48 |   padding: 0 36rpx;
 49 |   display: flex;
 50 |   align-items: center;
 51 | }
 52 | 
 53 | .cardcase  .searchgroup-inputitem input {
 54 |   width: 100%;
 55 |   height: 30px;
 56 |   color: #212121;
 57 | }
 58 | 
 59 | .cardcase .searchgroup-right {
 60 |   display: flex;
 61 |   align-items: center;
 62 |   padding: 0 36rpx;
 63 | }
 64 | 
 65 | .cardcase  .searchgroup-item .iconfont,
 66 | .cardcase  .searchgroup-inputitem .iconfont {
 67 |   margin-right: 10rpx;
 68 | }
 69 | 
 70 | .cardcase  .searchgroup-item:first-child {
 71 |   border-right: 1rpx solid #e0e0e0;
 72 | }
 73 | 
 74 | .cardcase-group .cardcase-groupid {
 75 |   padding: 18rpx 30rpx;
 76 |   color: #bdbdbd;
 77 |   font-size: 14px;
 78 |   display: flex;
 79 |   align-items: center;
 80 | }
 81 | 
 82 | modal {
 83 |   background: #fff;
 84 | }
 85 | 
 86 | .selectgroup {
 87 |   height: 700rpx;
 88 |   overflow-x: scroll;
 89 | }
 90 | 
 91 | .selectgroup .selectgroup-item {
 92 |   border: 1rpx solid #e0e0e0;
 93 |   margin-top: 27rpx;
 94 |   border-radius: 8rpx;
 95 |   display: flex;
 96 |   padding: 20rpx;
 97 |   justify-content: space-between;
 98 |   color: #757575;
 99 | }
100 | 
101 | .selectgroup-item input {
102 |   height: 36rpx;
103 |   min-height: 0;
104 |   width: 100%;
105 | }
106 | 
107 | .searchgroup-left {
108 |   display: flex;
109 |   align-items: center;
110 | }
111 | 
112 | input[disabled], wx-input[disabled]:not([type]) {
113 |   color: #000;
114 | }
115 | 


--------------------------------------------------------------------------------
/iconfont/iconfont.wxss:
--------------------------------------------------------------------------------
  1 | @font-face {
  2 |   font-family: 'iconfont'; /* project id 258244 */
  3 |   src: url('//at.alicdn.com/t/font_ayw1yf3vu7lul3di.eot');
  4 |   src: url('//at.alicdn.com/t/font_ayw1yf3vu7lul3di.eot?#iefix') format('embedded-opentype'),
  5 |          url('//at.alicdn.com/t/font_ayw1yf3vu7lul3di.woff') format('woff'),
  6 |          url('//at.alicdn.com/t/font_ayw1yf3vu7lul3di.ttf') format('truetype'),
  7 |          url('//at.alicdn.com/t/font_ayw1yf3vu7lul3di.svg#iconfont') format('svg');
  8 | }
  9 | 
 10 | .iconfont {
 11 |   font-family: "iconfont" !important;
 12 |   font-size: 15px;
 13 |   font-style: normal;
 14 |   -webkit-font-smoothing: antialiased;
 15 |   -moz-osx-font-smoothing: grayscale;
 16 | }
 17 | 
 18 | .icon-sousuo:before {
 19 |   content: "\e603";
 20 | }
 21 | 
 22 | .icon-card:before {
 23 |   content: "\e656";
 24 | }
 25 | 
 26 | .icon-shijian:before {
 27 |   content: "\e623";
 28 | }
 29 | 
 30 | .icon-letter-a-outline:before {
 31 |   content: "\e66d";
 32 | }
 33 | 
 34 | .icon-shezhi:before {
 35 |   content: "\e688";
 36 | }
 37 | 
 38 | .icon-gouxuan:before {
 39 |   content: "\e6b1";
 40 | }
 41 | 
 42 | .icon-location:before {
 43 |   content: "\e620";
 44 | }
 45 | 
 46 | .icon-dagou:before {
 47 |   content: "\e602";
 48 | }
 49 | 
 50 | .icon-xiala:before {
 51 |   content: "\e604";
 52 | }
 53 | 
 54 | .icon-fangkeyuyue:before {
 55 |   content: "\e600";
 56 | }
 57 | 
 58 | .icon-shoujiyanzheng:before {
 59 |   content: "\e62e";
 60 | }
 61 | 
 62 | .icon-user:before {
 63 |   content: "\e60f";
 64 | }
 65 | 
 66 | .icon-dianhua:before {
 67 |   content: "\e649";
 68 | }
 69 | 
 70 | .icon-icon1460188600932:before {
 71 |   content: "\e622";
 72 | }
 73 | 
 74 | .icon-mingpian-copy:before {
 75 |   content: "\e60c";
 76 | }
 77 | 
 78 | .icon-moren:before {
 79 |   content: "\e68a";
 80 | }
 81 | 
 82 | .icon-youxiang:before {
 83 |   content: "\e64c";
 84 | }
 85 | 
 86 | .icon-bumen:before {
 87 |   content: "\e697";
 88 | }
 89 | 
 90 | .icon-zu:before {
 91 |   content: "\e612";
 92 | }
 93 | 
 94 | .icon-zuji:before {
 95 |   content: "\e61d";
 96 | }
 97 | 
 98 | .icon-yanzheng:before {
 99 |   content: "\e681";
100 | }
101 | 
102 | .icon-mingpianjia1:before {
103 |   content: "\e621";
104 | }
105 | 
106 | .icon-sousuo_sousuo:before {
107 |   content: "\e601";
108 | }
109 | 
110 | .icon-guanyu:before {
111 |   content: "\e629";
112 | }
113 | 
114 | .icon-youcexiaochengxuerweima:before {
115 |   content: "\e62a";
116 | }
117 | 
118 | .icon-xiaochengxu:before {
119 |   content: "\e640";
120 | }
121 | 
122 | .icon-zhongyingwenqiehuan-xianshizhongyingwen:before {
123 |   content: "\e61e";
124 | }
125 | 
126 | .icon-arrows_circle_minus:before {
127 |   content: "\e687";
128 | }
129 | 
130 | .icon-arrows_circle_plus:before {
131 |   content: "\e689";
132 | }
133 | 
134 | .icon-gongsi:before {
135 |   content: "\e615";
136 | }
137 | 
138 | .icon-angle-right:before {
139 |   content: "\e60d";
140 | }
141 | 
142 | .icon-angle-left:before {
143 |   content: "\e60e";
144 | }
145 | 
146 | .icon-arrows_circle_remove1:before {
147 |   content: "\e647";
148 | }
149 | 


--------------------------------------------------------------------------------
/pages/track/track.js:
--------------------------------------------------------------------------------
  1 | // pages/track/track.js
  2 | var app = getApp()
  3 | Page({
  4 |   data: {
  5 |     customData: {},
  6 |     showToast: false,
  7 |     getCustomData: {
  8 |       'url': 'Card/GetFootList',
  9 |       'data': {
 10 |         'page': 1
 11 |       }
 12 |     },
 13 |     collectCardData: {
 14 |       'url': 'Card/CollCard',
 15 |       'data': {
 16 |         'id': ''
 17 |       }
 18 |     }
 19 |   },
 20 |   //下拉刷新数据
 21 |   onPullDownRefresh: function () {
 22 |     var that = this
 23 |     that.setData({
 24 |       'getCustomData.data.page': 1
 25 |     })
 26 |     app.postData(that.data.getCustomData, function (res) {
 27 |       that.setData({
 28 |         customData: res.data,
 29 |         showToast: false
 30 |       })
 31 |       wx.stopPullDownRefresh()
 32 |     })
 33 |   },
 34 |   //上拉加载分页数据
 35 |   onReachBottom: function () {
 36 |     var that = this
 37 |     //that.getCustomList(that, ++that.data.getCustomData.data.page)
 38 |     that.setData({
 39 |       'getCustomData.data.page': ++that.data.getCustomData.data.page
 40 |     })
 41 |     if (that.data.showToast) {
 42 |     } else {
 43 |       app.postData(that.data.getCustomData, function (res) {
 44 |         if (res.data.length === 0) {
 45 |           wx.showToast({
 46 |             title: '没有更多内容了',
 47 |             icon: 'success',
 48 |             duration: 2000
 49 |           })
 50 | 
 51 |           that.setData({
 52 |             showToast: true
 53 |           })
 54 |         } else {
 55 |           that.setData({
 56 |             customData: that.data.customData.concat(res.data)
 57 |           })
 58 |         }
 59 |       })
 60 |     }
 61 | 
 62 |   },
 63 |   //获取足迹列表数据
 64 |   getCustomList: function (that, page) {
 65 |     that.setData({
 66 |       'getCustomData.data.page': page
 67 |     })
 68 |     app.postData(that.data.getCustomData, function (res) {
 69 |       if (res.data.length === 0) {
 70 |         wx.showToast({
 71 |           title: '没有更多内容了',
 72 |           icon: 'success',
 73 |           duration: 2000
 74 |         })
 75 |       } else {
 76 |         wx.showLoading({
 77 |           title: '加载中',
 78 |         })
 79 |         that.setData({
 80 |           customData: res.data
 81 |         })
 82 |         setTimeout(function () {
 83 |           wx.hideLoading()
 84 |         }, 500)
 85 |       }
 86 |     })
 87 |   },
 88 |   //收藏名片
 89 |   collectCard: function (e) {
 90 |     var that = this
 91 |     that.setData({
 92 |       'collectCardData.data.id': e.target.dataset.id
 93 |     })
 94 |     app.postData(that.data.collectCardData, function (res) {
 95 |       that.getCustomList(that, 1)
 96 |     })
 97 |   },
 98 |   onLoad: function (options) {
 99 |     // 页面初始化 options为页面跳转所带来的参数
100 |     var that = this
101 |     that.getCustomList(that, 1)
102 |   },
103 |   onReady: function () {
104 |     // 页面渲染完成
105 |   },
106 |   onShow: function () {
107 |     // 页面显示
108 |     var that = this
109 |     that.getCustomList(that, 1)
110 |   },
111 |   onHide: function () {
112 |     // 页面隐藏
113 |   },
114 |   onUnload: function () {
115 |     // 页面关闭
116 |   }
117 | })


--------------------------------------------------------------------------------
/pages/visitor/visitor.js:
--------------------------------------------------------------------------------
  1 | // pages/visitor/visitor.js
  2 | var app = getApp()
  3 | Page({
  4 |   data: {
  5 |     customData: {},
  6 |     showToast: false,
  7 |     getCustomData: {
  8 |       'url': 'Card/GetCustomList',
  9 |       'data': {
 10 |         'page': 1
 11 |       }
 12 |     },
 13 |     collectCardData: {
 14 |       'url': 'Card/CollCard',
 15 |       'data': {
 16 |         'id': ''
 17 |       }
 18 |     }
 19 |   },
 20 |   //下拉刷新数据
 21 |   onPullDownRefresh: function () {
 22 |     var that = this
 23 |     that.setData({
 24 |       'getCustomData.data.page': 1
 25 |     })
 26 |     app.postData(that.data.getCustomData, function (res) {
 27 |       that.setData({
 28 |         customData: res.data,
 29 |         showToast: false
 30 |       })
 31 |       wx.stopPullDownRefresh()
 32 |     })
 33 |   },
 34 |   //上拉加载分页数据
 35 |   onReachBottom: function () {
 36 |     var that = this
 37 |     //that.getCustomList(that, ++that.data.getCustomData.data.page)
 38 |     that.setData({
 39 |       'getCustomData.data.page': ++that.data.getCustomData.data.page
 40 |     })
 41 |     if (that.data.showToast) {
 42 |     } else {
 43 |       app.postData(that.data.getCustomData, function (res) {
 44 |         if (res.data.length === 0) {
 45 |           wx.showToast({
 46 |             title: '没有更多内容了',
 47 |             icon: 'success',
 48 |             duration: 2000
 49 |           })
 50 |           that.setData({
 51 |             showToast: true
 52 |           })
 53 |         } else {
 54 |           that.setData({
 55 |             customData: that.data.customData.concat(res.data)
 56 |           })
 57 |         }
 58 |       })
 59 |     }
 60 | 
 61 |   },
 62 |   //获取访客列表数据
 63 |   getCustomList: function (that, page) {
 64 |     that.setData({
 65 |       'getCustomData.data.page': page
 66 |     })
 67 |     app.postData(that.data.getCustomData, function (res) {
 68 |       if (res.data.length === 0) {
 69 |         wx.showToast({
 70 |           title: '没有更多内容了',
 71 |           icon: 'success',
 72 |           duration: 2000
 73 |         })
 74 |       } else {
 75 |         wx.showLoading({
 76 |           title: '加载中',
 77 |         })
 78 |         that.setData({
 79 |           customData: res.data
 80 |         })
 81 |         setTimeout(function () {
 82 |           wx.hideLoading()
 83 |         }, 800)
 84 |       }
 85 |     })
 86 |   },
 87 |   //收藏名片
 88 |   collectCard: function (e) {
 89 |     var that = this
 90 |     that.setData({
 91 |       'collectCardData.data.id': e.target.dataset.id
 92 |     })
 93 |     app.postData(that.data.collectCardData, function (res) {
 94 |       that.getCustomList(that, 1)
 95 |     })
 96 |   },
 97 |   onLoad: function (options) {
 98 |     // 页面初始化 options为页面跳转所带来的参数
 99 |     var that = this
100 |     that.getCustomList(that, 1)
101 |   },
102 |   onReady: function () {
103 |     // 页面渲染完成
104 |   },
105 |   onShow: function () {
106 |     // 页面显示
107 |     var that = this
108 |     that.getCustomList(that, 1)
109 |   },
110 |   onHide: function () {
111 |     // 页面隐藏
112 |   },
113 |   onUnload: function () {
114 |     // 页面关闭
115 |   }
116 | })


--------------------------------------------------------------------------------
/pages/mycard/mycard.js:
--------------------------------------------------------------------------------
  1 | // pages/mycard/mycard.js
  2 | //获取应用实例
  3 | var app = getApp()
  4 | Page({
  5 |   data: {
  6 |     items: [
  7 |       { name: 'USA', value: '美国' },
  8 |       { name: 'CHN', value: '中国', checked: 'true' },
  9 |       { name: 'BRA', value: '巴西' },
 10 |       { name: 'JPN', value: '日本' },
 11 |       { name: 'ENG', value: '英国' },
 12 |       { name: 'TUR', value: '法国' },
 13 |     ],
 14 |     cardDataUrl: 'Card/GetAllCard',
 15 |     cardData: [],
 16 |     currenttab: 0,
 17 |     isslide: false,
 18 |     indicatorDots: true,
 19 |     autoplay: false,
 20 |     interval: 5000,
 21 |     duration: 1000
 22 |   },
 23 | 
 24 |   changeIndicatorDots: function (e) {
 25 |     this.setData({
 26 |       indicatorDots: !this.data.indicatorDots
 27 |     })
 28 |   },
 29 |   changeAutoplay: function (e) {
 30 |     this.setData({
 31 |       autoplay: !this.data.autoplay
 32 |     })
 33 |   },
 34 |   intervalChange: function (e) {
 35 |     this.setData({
 36 |       interval: e.detail.value
 37 |     })
 38 |   },
 39 |   durationChange: function (e) {
 40 |     this.setData({
 41 |       duration: e.detail.value
 42 |     })
 43 |   },
 44 | 
 45 |   getCardData: function () {
 46 |     //获取我的名片数据
 47 |     var that = this
 48 |     app.getData(that.data.cardDataUrl, function (res) {
 49 |       if (res.data.length == 0) {
 50 |         that.setData({
 51 |           isslide: true
 52 |         })
 53 |         // wx.showModal({
 54 |         //   title: '请创建名片',
 55 |         //   showCancel: false,
 56 |         //   content: '至少创建一张名片才能正常使用哦~',
 57 |         //   success: function (res) {
 58 |         //     if (res.confirm) {
 59 |         //       wx.navigateTo({
 60 |         //         url: '../createcard/createcard?id=0'
 61 |         //       })
 62 |         //     } else if (res.cancel) {
 63 |         //       console.log('用户点击取消')
 64 |         //     }
 65 |         //   }
 66 |         // }) 
 67 |       }
 68 |       that.setData({
 69 |         cardData: res.data,
 70 |       })
 71 | 
 72 |     })
 73 |   },
 74 |   openCreatecard: function () {
 75 |     var that = this
 76 |     if (wx.getStorageSync('loginSuccessData').mobVerify) {
 77 |       wx.navigateTo({
 78 |         url: '../createcard/createcard?id=0'
 79 |       })
 80 |     } else {
 81 |       wx.showModal({
 82 |         title: '请验证手机',
 83 |         showCancel: false,
 84 |         content: '请先验证手机号码~',
 85 |         success: function (res) {
 86 |           if (res.confirm) {
 87 |             wx.navigateTo({
 88 |               url: '../phoneverify/phoneverify'
 89 |             })
 90 |           } else if (res.cancel) {
 91 |             console.log('用户点击取消')
 92 |           }
 93 |         }
 94 |       })
 95 |     }
 96 |   },
 97 |   radioChange: function (e) {
 98 |   },
 99 |   onLoad: function (options) {
100 |     // 页面初始化 options为页面跳转所带来的参数
101 |     var that = this
102 |     app.getLogiCallback('', function () {
103 |       that.getCardData()
104 |     })
105 |   },
106 |   onReady: function () {
107 |     // 页面渲染完成
108 |   },
109 |   onShow: function () {
110 |     // 页面显示
111 |     var that = this
112 |     if (wx.getStorageSync('token')) {
113 |       that.getCardData()
114 |     }
115 |   },
116 |   onHide: function () {
117 |     // 页面隐藏
118 |   },
119 |   onUnload: function () {
120 |     // 页面关闭
121 |   }
122 | })


--------------------------------------------------------------------------------
/pages/template/template.wxml:
--------------------------------------------------------------------------------
 1 | 
 2 | <!--pages/template/template.wxml-->
 3 | <template name="card">
 4 |   <view class="bg-gray2">
 5 |     <navigator url="../carddetails/carddetails?id={{itemName.id}}" d hover-class="none" wx:key="{{itemName}}" wx:for="{{cardData}}" wx:for-index="index" wx:for-item="itemName">
 6 |       <view class="card-item">
 7 |         <view class="card-moren" wx:if="{{itemName.isDefault}}">
 8 |           <text class="green iconfont icon-moren"></text>
 9 |         </view>
10 |         <view class="card-head">
11 |           <view class="title">
12 |             <view class="name">{{itemName.name}}</view>
13 |             <view class="label">{{itemName.title}}</view>
14 |           </view>
15 |           <view class="sign">
16 |             <image src="{{itemName.avatarUrl}}" />
17 |           </view>
18 |         </view>
19 |         <view class="card-content">
20 |           <view>
21 |             <view class="phone">
22 |               <text wx:if="{{itemName.mobileVerify}}" class="iconfont icon-shoujiyanzheng green"></text>
23 |               <text wx:else class="gray3 iconfont icon-shoujiyanzheng "></text>
24 |               {{itemName.mobile}}
25 |             </view>
26 |             <view class="name ">
27 | 
28 |               <!--<text wx:if="{{itemName.companyVerify}} " class="green iconfont icon-yanzheng "></text>-->
29 | 
30 |               <!--<text wx:else class="iconfont icon-yanzheng "></text>-->
31 |             </view>
32 |             <view wx:if="{{itemName.companyName!=''}}">
33 |               <text class="gray3  iconfont icon-yanzheng" wx:if="{{itemName.companyVerify}}"></text>
34 |               <text class="gray3 iconfont icon-yanzheng" wx:else></text>
35 |               {{itemName.companyName}}
36 |             </view>
37 |             <view class="gray4" wx:else>
38 |               <text class="gray3 iconfont icon-yanzheng" wx:if="{{itemName.companyVerify}}"></text>
39 |               <text class=" iconfont icon-yanzheng" wx:else></text>
40 |               <text wx:if="{{itemName.language==0}}"> 公司保密</text>
41 |               <text wx:else> company is classified</text>
42 |             </view>
43 | 
44 |             <!--<view class="customcontent gray4" wx:if="{{itemName.more==''}}">
45 |             没有更多介绍
46 |           </view>
47 |           <view class="customcontent gray4" wx:else>
48 |             {{itemName.more}}
49 |           </view>-->
50 |           </view>
51 | 
52 |         </view>
53 |       </view>
54 |     </navigator>
55 |   </view>
56 | </template>
57 | <template name="cardB">
58 |   <view class="bg-gray2">
59 |     <view class="cardB-item" wx:for="{{customData}}" wx:key="{{itemName}}" wx:for-index="index" wx:for-item="itemName">
60 |       <navigator url="../carddetails/carddetails?id={{itemName.id}}&type=1" class="cardB-mark">
61 |         <image src="{{itemName.avatarUrl}}"></image>
62 |       </navigator>
63 |       <navigator url="../carddetails/carddetails?id={{itemName.id}}&type=1" class="cardB-content">
64 |         <view class="name">{{itemName.name}}</view>
65 |         <view class="subtitle">{{itemName.companyName}}</view>
66 |       </navigator>
67 |       <view class="cardB-right">
68 |         <text wx:if="{{itemName.hasCollect}}">已添加</text>
69 |         <text wx:else class="btn" data-id="{{itemName.id}}" bindtap="collectCard">添加</text>
70 |       </view>
71 |     </view>
72 |     <view>
73 |     </view>
74 |   </view>
75 | </template>


--------------------------------------------------------------------------------
/pages/phoneverify/phoneverify.js:
--------------------------------------------------------------------------------
  1 | // pages/phoneverify/phoneverify.js
  2 | var app = getApp()
  3 | 
  4 | Page({
  5 |   data: {
  6 |     issubmit: true,
  7 |     isgetVerifyCode: true,
  8 |     econds: 60,
  9 |     verify: {
 10 |       'mobile': '',
 11 |       'code': '',
 12 |     }
 13 |   },
 14 |   //获取输入手机号码
 15 |   verifyDataMobile: function (e) {
 16 |     var that = this
 17 |     that.setData({
 18 |       'verify.mobile': e.detail.value
 19 |     })
 20 |     if (e.detail.value != '' && that.data.verify.code != '') {
 21 |       that.setData({
 22 |         issubmit: false
 23 |       })
 24 |     } else {
 25 |       that.setData({
 26 |         issubmit: true
 27 |       })
 28 |     }
 29 |   },
 30 |   //获取输入验证码
 31 |   verifyDataCode: function (e) {
 32 |     var that = this
 33 |     that.setData({
 34 |       'verify.code': e.detail.value
 35 |     })
 36 |     if (e.detail.value != '' && that.data.verify.mobile != '') {
 37 |       that.setData({
 38 |         issubmit: false
 39 |       })
 40 |     } else {
 41 |       that.setData({
 42 |         issubmit: true
 43 |       })
 44 |     }
 45 |   },
 46 |   //获取验证码
 47 |   getVerifyCode: function () {
 48 |     var that = this
 49 |     that.setData({
 50 |       isgetVerifyCode: false
 51 |     })
 52 |     var data = {
 53 |       'url': 'Card/VerifyMob1',
 54 |       'data': {
 55 |         'mobile': that.data.verify.mobile
 56 |       }
 57 |     }
 58 |     app.postData(data, function (res) {
 59 |       wx.showToast({
 60 |         title: res.msg,
 61 |         icon: 'success',
 62 |         duration: 2000,
 63 |         complete: function () {
 64 |           that.countdown(that)
 65 |         }
 66 |       })
 67 |     })
 68 |   },
 69 |   countdown: function (that) {
 70 |     var second = that.data.econds
 71 |     var timer
 72 |     if (second == 0) {
 73 |       clearTimeout(timer);
 74 |       that.setData({
 75 |         econds: 60,
 76 |         isgetVerifyCode: true
 77 |       });
 78 |       return;
 79 |     }
 80 |     timer = setTimeout(function () {
 81 |       that.setData({
 82 |         econds: second - 1,
 83 |         isgetVerifyCode: false
 84 |       });
 85 |       that.countdown(that);
 86 |     }, 1000)
 87 | 
 88 |   },
 89 |   formSubmit: function (e) {
 90 |     var that = this
 91 |     var data = {
 92 |       'url': 'Card/VerifyMob2',
 93 |       'data': e.detail.value
 94 |     }
 95 |     app.postData(data, function (res) {
 96 |       if (res.code === 400) {
 97 |         wx.showToast({
 98 |           title: res.msg,
 99 |           icon: 'success',
100 |           duration: 2000,
101 |           complete: function () {
102 |           }
103 |         })
104 |       } else {
105 |         wx.showToast({
106 |           title: res.msg,
107 |           icon: 'success',
108 |           duration: 2000,
109 |           complete: function () {
110 |             var loginSuccessData = {
111 |               'token': wx.getStorageSync('loginSuccessData').token,
112 |               'mobVerify': true,
113 |               'mobile': e.detail.value.mobile,
114 |             }
115 |             wx.setStorageSync('loginSuccessData', loginSuccessData)
116 |             wx.navigateBack({
117 |               delta: 1
118 |             })
119 |           }
120 |         })
121 |       }
122 |     })
123 |   },
124 |   onLoad: function (options) {
125 |     // 页面初始化 options为页面跳转所带来的参数
126 |     var that = this
127 |     that.setData({
128 |       'verify.mobile': wx.getStorageSync('loginSuccessData').mobile,
129 |       'verify.mobVerify': wx.getStorageSync('loginSuccessData').mobVerify
130 |     })
131 |     if (wx.getStorageSync('loginSuccessData').mobVerify) {
132 |       wx.setNavigationBarTitle({
133 |         title: '更改手机号码'
134 |       })
135 |     }
136 |   },
137 |   onReady: function () {
138 |     // 页面渲染完成
139 |   },
140 |   onShow: function () {
141 |     // 页面显示
142 |   },
143 |   onHide: function () {
144 |     // 页面隐藏
145 |   },
146 |   onUnload: function () {
147 |     // 页面关闭
148 |   }
149 | })


--------------------------------------------------------------------------------
/pages/template/template.wxss:
--------------------------------------------------------------------------------
  1 | /* pages/template/template.wxss */
  2 | @import "../../iconfont/iconfont.wxss";
  3 | 
  4 | /*card 名片卡包*/
  5 | 
  6 | .card-item {
  7 |   display: flex;
  8 |   flex-wrap: wrap;
  9 |   align-content: space-between;
 10 |   padding: 42rpx;
 11 |   background: #fff;
 12 |   border: 1rpx solid #e0e0e0;
 13 |   border-radius: 5rpx;
 14 |   height: 290rpx;
 15 |   margin-bottom: 24rpx;
 16 |   position: relative;
 17 | }
 18 | 
 19 | .card-moren {
 20 |   position: absolute;
 21 |   right: 0;
 22 |   top: -2px;
 23 | }
 24 | 
 25 | .card-moren .iconfont {
 26 |   font-size: 60rpx;
 27 | }
 28 | 
 29 | .card-head {
 30 |   flex-basis: 100%;
 31 |   display: flex;
 32 |   justify-content: space-between;
 33 | }
 34 | 
 35 | .card-head .title .name {
 36 |   font-size: 20px;
 37 |   color: #212121;
 38 |   display: block;
 39 | }
 40 | 
 41 | .card-head .title .label {
 42 |   font-size: 14px;
 43 | }
 44 | 
 45 | .card-head .sign {
 46 |   width: 120rpx;
 47 |   height: 120rpx;
 48 |   border-radius: 5rpx;
 49 | }
 50 | 
 51 | .card-head .sign image {
 52 |   width: 120rpx;
 53 |   height: 120rpx;
 54 |   border-radius: 5rpx;
 55 | }
 56 | 
 57 | .card-content {
 58 |   flex-basis: 100%;
 59 |   display: flex;
 60 |   justify-content: space-between;
 61 |   font-size: 14px;
 62 | }
 63 | 
 64 | .card-content .name {
 65 |   margin: 10rpx 0;
 66 | }
 67 | 
 68 | .card-content .phone {
 69 |   color: #0ac7fd;
 70 |   font-size: 17px;
 71 | }
 72 | 
 73 | .card-content .icon-code {
 74 |   align-self: flex-end;
 75 | }
 76 | 
 77 | .card-content .icon-code .iconfont {
 78 |   font-size: 25px;
 79 |   color: #757575;
 80 | }
 81 | 
 82 | .card-attr {
 83 |   background: #fff;
 84 |   border: 1rpx solid #e0e0e0;
 85 |   border-radius: 5rpx;
 86 |   margin-bottom: 24rpx;
 87 |   font-size: 14px;
 88 | }
 89 | 
 90 | .card-attr .card-attritem {
 91 |   padding: 30rpx;
 92 |   border-bottom: 1rpx solid #e0e0e0;
 93 | }
 94 | 
 95 | .card-attr .card-attritem .label {
 96 |   color: #bdbdbd;
 97 | }
 98 | 
 99 | .card-attr .card-attritem:last-child {
100 |   border-bottom: 0;
101 | }
102 | 
103 | .card-prompt {
104 |   text-align: center;
105 |   color: #bdbdbd;
106 | }
107 | 
108 | .btn-group {
109 |   display: flex;
110 | }
111 | 
112 | .btn-group .btn-groupitem {
113 |   flex: 1;
114 |   color: #757575;
115 |   background: #fff;
116 |   border: 1rpx solid #e0e0e0;
117 | }
118 | 
119 | .btn-group .btn-groupitem::after {
120 |   border: 0;
121 | }
122 | 
123 | .btn-group .btn-groupitem:first-child {
124 |   border-top-right-radius: 0;
125 |   border-bottom-right-radius: 0;
126 | }
127 | 
128 | .btn-group .btn-groupitem:last-child {
129 |   border-left: 0;
130 |   border-top-left-radius: 0;
131 |   border-bottom-left-radius: 0;
132 | }
133 | 
134 | .cardB-item {
135 |   border-top: 1rpx solid #e0e0e0;
136 |   padding: 26rpx 30rpx;
137 |   background: #fff;
138 |   display: flex;
139 |   font-size: 13px;
140 |   color: #bdbdbd;
141 |   position: relative;
142 | }
143 | 
144 | .cardB-item:last-child {
145 |   border-bottom: 1rpx solid #e0e0e0;
146 | }
147 | 
148 | .cardB-item .cardB-mark {
149 |   flex: 0 0 96rpx;
150 |   margin-right: 23rpx;
151 | }
152 | 
153 | .cardB-item .cardB-mark image {
154 |   width: 96rpx;
155 |   height: 96rpx;
156 |   border-radius: 5rpx;
157 |   border: 1rpx solid #e0e0e0;
158 |   display: block;
159 | }
160 | 
161 | .cardB-item .cardB-content {
162 |   flex: 1;
163 |   display: flex;
164 |   flex-direction: column;
165 |   justify-content: space-around;
166 | }
167 | 
168 | .cardB-item .cardB-content .name {
169 |   font-size: 17px;
170 |   color: #212121;
171 | }
172 | 
173 | .cardB-item .cardB-right {
174 |   display: flex;
175 |   align-items: center;
176 | }
177 | 
178 | .cardB-item .cardB-right .iconfont {
179 |   font-size: 45rpx;
180 | }
181 | 
182 | .cardB-item .cardB-right .btn {
183 |   background: #72a92c;
184 |   border: 1rpx solid #72a92c;
185 |   color: #fff;
186 |   border-radius: 5rpx;
187 |   font-size: 13px;
188 |   padding: 10rpx 20rpx;
189 | }
190 | 
191 | .cardB-movebtn {
192 |   top: 0;
193 |   z-index: 9;
194 |   position: absolute;
195 |   right: 0;
196 |   color: #fff;
197 |   background: #72a92c;
198 |   height: 100%;
199 |   width: 135rpx;
200 |   display: flex;
201 |   justify-content: center;
202 |   align-items: center;
203 | }
204 | 
205 | .made {
206 |   position: absolute;
207 |   top: 0;
208 |   background-color: rgba(0, 0, 0, 0);
209 |   left: 0;
210 |   width: 100%;
211 |   z-index: 1;
212 |   height: 100%;
213 | }
214 | 
215 | .mainpop {
216 |   position: absolute;
217 |   background: rgba(0, 0, 0, 0);
218 |   z-index: 999;
219 |   width: 100%;
220 |   height: 100%;
221 | }
222 | 


--------------------------------------------------------------------------------
/pages/map/map.js:
--------------------------------------------------------------------------------
  1 | // pages/map/map.js
  2 | 
  3 | 
  4 | var QQMapWX = require('../../js/qqmap-wx-jssdk.js');
  5 | // 实例化腾讯地图API核心类
  6 | var demo = new QQMapWX({
  7 |   key: 'VXWBZ-GQWC4-RCSU6-XOGJV-FLLHV-DXFIL' // 必填 QIUGUANGMIAO KEY
  8 | });
  9 | 
 10 | Page({
 11 |   data: {
 12 |     city: "",
 13 |     isiconsousu: true,
 14 |     activeAddress: false,
 15 |     inputVal: "",
 16 |     markers: [{
 17 |       iconPath: "/resources/others.png",
 18 |       id: 0,
 19 |       latitude: 23,
 20 |       longitude: 113,
 21 |     }],
 22 |     polyline: [{
 23 |       points: [{
 24 |         longitude: 113.3245211,
 25 |         latitude: 23.10229
 26 |       }, {
 27 |         longitude: 113.324520,
 28 |         latitude: 23.21229
 29 |       }],
 30 |       color: "#FF0000DD",
 31 |       width: 2,
 32 |       dottedLine: true
 33 |     }],
 34 |     controls: [{
 35 |       id: 1,
 36 |       iconPath: '/resources/location.png',
 37 |       position: {
 38 |         left: 0,
 39 |         top: 300 - 50,
 40 |       },
 41 |       clickable: true
 42 |     }],
 43 |     pois: []
 44 |   },
 45 |   regionchange(e) {
 46 |     var that = this
 47 |     console.log(e.type)
 48 |     if (e.type == 'end') {
 49 |       that.getLngLat()
 50 |     }
 51 |   },
 52 |   markertap(e) {
 53 |     console.log(e.markerId)
 54 |   },
 55 |   controltap(e) {
 56 |     console.log(e.controlId)
 57 |   },
 58 |   //逆地址解析(坐标位置描述)
 59 |   reverseGeocoder: function (latitude, longitude) {
 60 |     var that = this
 61 |     demo.reverseGeocoder({
 62 |       location: {
 63 |         latitude: latitude,
 64 |         longitude: longitude,
 65 |       },
 66 |       get_poi: 1,
 67 |       success: function (res) {
 68 |         that.setData({
 69 |           pois: res.result.pois,
 70 |           city: res.result.address_component.city
 71 |         })
 72 |       },
 73 |       fail: function (res) {
 74 |         // console.log(res);
 75 |       },
 76 |       complete: function (res) {
 77 |         // console.log(res);
 78 |       }
 79 |     });
 80 |   },
 81 |   //操作搜索输入框聚焦
 82 |   handlFocus: function () {
 83 |     var that = this
 84 |     that.setData({
 85 |       isiconsousu: false
 86 |     })
 87 |   },
 88 |   //获取搜索关键字
 89 |   getInputVal: function (e) {
 90 |     var that = this
 91 |     that.setData({
 92 |       inputVal: e.detail.value
 93 |     })
 94 |     console.log("获取了输入键盘")
 95 |   },
 96 |   //点击搜索确定之后 获取搜索关键字后数据
 97 |   getSearchData: function () {
 98 |     var that = this
 99 |     if (that.data.inputVal === '') {
100 |       that.setData({
101 |         isiconsousu: true
102 |       })
103 |     }
104 |     console.log(that.data.city, 'city')
105 |     demo.getSuggestion({
106 |       keyword: that.data.inputVal,
107 |       region: that.data.city,
108 |       region_fix: 1,
109 |       success: function (res) {
110 |         that.setData({
111 |           pois: res.data,
112 |         })
113 |       },
114 |       fail: function (res) {
115 |         console.log(res);
116 |       },
117 |       complete: function (res) {
118 |         console.log(res);
119 |       }
120 |     });
121 |   },
122 |   //地图拖拽 附近地址实时更新
123 |   getLngLat: function () {
124 |     var that = this;
125 |     this.mapCtx = wx.createMapContext("map");
126 |     this.mapCtx.getCenterLocation({
127 |       success: function (res) {
128 |         that.setData({
129 |           markers: [
130 |             {
131 |               iconPath: "/resources/others.png",
132 |               id: 0,
133 |               latitude: res.latitude,
134 |               longitude: res.longitude
135 |             }
136 |           ],
137 |         })
138 |         that.reverseGeocoder(res.latitude, res.longitude)
139 |       }
140 |     })
141 |   },
142 |   //定位当前地址
143 |   getLocation: function () {
144 |     var that = this
145 |     wx.getLocation({
146 |       type: 'gcj02', //返回可以用于wx.openLocation的经纬度
147 |       success: function (res) {
148 |         var latitude = res.latitude
149 |         var longitude = res.longitude
150 |         //当前地址定位
151 |         that.setData({
152 |           markers: [
153 |             {
154 |               iconPath: "/resources/others.png",
155 |               id: 0,
156 |               latitude: latitude,
157 |               longitude: longitude
158 |             }
159 |           ],
160 |           polyline: [{
161 |             points: [{
162 |               longitude: longitude,
163 |               latitude: longitude
164 |             }, {
165 |               longitude: longitude,
166 |               latitude: longitude
167 |             }],
168 |             color: "#FF0000DD",
169 |             width: 2,
170 |             dottedLine: true
171 |           }],
172 |         })
173 |         that.reverseGeocoder(latitude, longitude)
174 |       }
175 |     })
176 |   },
177 |   //选择地址
178 |   selectAddress: function (e) {
179 |     var that=this
180 |     e.currentTarget.dataset.activeAddress=true
181 |     console.log(e.currentTarget.dataset.activeAddress )
182 |   },
183 |   // 页面初始化 options为页面跳转所带来的参数
184 |   onLoad: function (options) {
185 |     var that = this
186 |     that.getLocation()
187 |   }
188 | })


--------------------------------------------------------------------------------
/js/qqmap-wx-jssdk.min.js:
--------------------------------------------------------------------------------
1 | var _createClass=function(){function a(e,c){for(var b=0;b<c.length;b++){var d=c[b];d.enumerable=d.enumerable||false;d.configurable=true;if("value" in d){d.writable=true}Object.defineProperty(e,d.key,d)}}return function(d,b,c){if(b){a(d.prototype,b)}if(c){a(d,c)}return d}}();function _classCallCheck(a,b){if(!(a instanceof b)){throw new TypeError("Cannot call a class as a function")}}var ERROR_CONF={KEY_ERR:311,KEY_ERR_MSG:"key格式错误",PARAM_ERR:310,PARAM_ERR_MSG:"请求参数信息有误",SYSTEM_ERR:600,SYSTEM_ERR_MSG:"系统错误",WX_ERR_CODE:1000,WX_OK_CODE:200};var BASE_URL="https://apis.map.qq.com/ws/";var URL_SEARCH=BASE_URL+"place/v1/search";var URL_SUGGESTION=BASE_URL+"place/v1/suggestion";var URL_GET_GEOCODER=BASE_URL+"geocoder/v1/";var URL_CITY_LIST=BASE_URL+"district/v1/list";var URL_AREA_LIST=BASE_URL+"district/v1/getchildren";var URL_DISTANCE=BASE_URL+"distance/v1/";var Utils={location2query:function location2query(c){if(typeof c=="string"){return c}var b="";for(var a=0;a<c.length;a++){var e=c[a];if(!!b){b+=";"}if(e.location){b=b+e.location.lat+","+e.location.lng}if(e.latitude&&e.longitude){b=b+e.latitude+","+e.longitude}}return b},getWXLocation:function getWXLocation(c,b,a){wx.getLocation({type:"gcj02",success:c,fail:b,complete:a})},getLocationParam:function getLocationParam(b){if(typeof b=="string"){var a=b.split(",");if(a.length===2){b={latitude:b.split(",")[0],longitude:b.split(",")[1]}}else{b={}}}return b},polyfillParam:function polyfillParam(a){a.success=a.success||function(){};a.fail=a.fail||function(){};a.complete=a.complete||function(){}},checkParamKeyEmpty:function checkParamKeyEmpty(c,b){if(!c[b]){var a=this.buildErrorConfig(ERROR_CONF.PARAM_ERR,ERROR_CONF.PARAM_ERR_MSG+b+"参数格式有误");c.fail(a);c.complete(a);return true}return false},checkKeyword:function checkKeyword(a){return !this.checkParamKeyEmpty(a,"keyword")},checkLocation:function checkLocation(c){var a=this.getLocationParam(c.location);if(!a||!a.latitude||!a.longitude){var b=this.buildErrorConfig(ERROR_CONF.PARAM_ERR,ERROR_CONF.PARAM_ERR_MSG+" location参数格式有误");c.fail(b);c.complete(b);return false}return true},buildErrorConfig:function buildErrorConfig(a,b){return{status:a,message:b}},buildWxRequestConfig:function buildWxRequestConfig(c,a){var b=this;a.header={"content-type":"application/json"};a.method="GET";a.success=function(d){var e=d.data;if(e.status===0){c.success(e)}else{c.fail(e)}};a.fail=function(d){d.statusCode=ERROR_CONF.WX_ERR_CODE;c.fail(b.buildErrorConfig(ERROR_CONF.WX_ERR_CODE,result.errMsg))};a.complete=function(d){var e=+d.statusCode;switch(e){case ERROR_CONF.WX_ERR_CODE:c.complete(b.buildErrorConfig(ERROR_CONF.WX_ERR_CODE,d.errMsg));break;case ERROR_CONF.WX_OK_CODE:var f=d.data;if(f.status===0){c.complete(f)}else{c.complete(b.buildErrorConfig(f.status,f.message))}break;default:c.complete(b.buildErrorConfig(ERROR_CONF.SYSTEM_ERR,ERROR_CONF.SYSTEM_ERR_MSG))}};return a},locationProcess:function locationProcess(f,e,c,a){var d=this;c=c||function(g){g.statusCode=ERROR_CONF.WX_ERR_CODE;f.fail(d.buildErrorConfig(ERROR_CONF.WX_ERR_CODE,g.errMsg))};a=a||function(g){if(g.statusCode==ERROR_CONF.WX_ERR_CODE){f.complete(d.buildErrorConfig(ERROR_CONF.WX_ERR_CODE,g.errMsg))}};if(!f.location){d.getWXLocation(e,c,a)}else{if(d.checkLocation(f)){var b=Utils.getLocationParam(f.location);e(b)}}}};var QQMapWX=function(){function b(i){_classCallCheck(this,b);if(!i.key){throw Error("key值不能为空")}this.key=i.key}_createClass(b,[{key:"search",value:function f(i){var l=this;i=i||{};Utils.polyfillParam(i);if(!Utils.checkKeyword(i)){return}var k={keyword:i.keyword,orderby:i.orderby||"_distance",page_size:i.page_size||10,page_index:i.page_index||1,output:"json",key:l.key};if(i.address_format){k.address_format=i.address_format}if(i.filter){k.filter=i.filter}var n=i.distance||"1000";var j=i.auto_extend||1;var m=function m(o){k.boundary="nearby("+o.latitude+","+o.longitude+","+n+","+j+")";wx.request(Utils.buildWxRequestConfig(i,{url:URL_SEARCH,data:k}))};Utils.locationProcess(i,m)}},{key:"getSuggestion",value:function h(i){var k=this;i=i||{};Utils.polyfillParam(i);if(!Utils.checkKeyword(i)){return}var j={keyword:i.keyword,region:i.region||"全国",region_fix:i.region_fix||0,policy:i.policy||0,output:"json",key:k.key};wx.request(Utils.buildWxRequestConfig(i,{url:URL_SUGGESTION,data:j}))}},{key:"reverseGeocoder",value:function a(i){var k=this;i=i||{};Utils.polyfillParam(i);var j={coord_type:i.coord_type||5,get_poi:i.get_poi||0,output:"json",key:k.key};if(i.poi_options){j.poi_options=i.poi_options}var l=function l(m){j.location=m.latitude+","+m.longitude;wx.request(Utils.buildWxRequestConfig(i,{url:URL_GET_GEOCODER,data:j}))};Utils.locationProcess(i,l)}},{key:"geocoder",value:function g(i){var k=this;i=i||{};Utils.polyfillParam(i);if(Utils.checkParamKeyEmpty(i,"address")){return}var j={address:i.address,output:"json",key:k.key};wx.request(Utils.buildWxRequestConfig(i,{url:URL_GET_GEOCODER,data:j}))}},{key:"getCityList",value:function c(i){var k=this;i=i||{};Utils.polyfillParam(i);var j={output:"json",key:k.key};
2 | wx.request(Utils.buildWxRequestConfig(i,{url:URL_CITY_LIST,data:j}))}},{key:"getDistrictByCityId",value:function d(i){var k=this;i=i||{};Utils.polyfillParam(i);if(Utils.checkParamKeyEmpty(i,"id")){return}var j={id:i.id||"",output:"json",key:k.key};wx.request(Utils.buildWxRequestConfig(i,{url:URL_AREA_LIST,data:j}))}},{key:"calculateDistance",value:function e(i){var k=this;i=i||{};Utils.polyfillParam(i);if(Utils.checkParamKeyEmpty(i,"to")){return}var j={mode:i.mode||"walking",to:Utils.location2query(i.to),output:"json",key:k.key};var l=function l(m){j.from=m.latitude+","+m.longitude;wx.request(Utils.buildWxRequestConfig(i,{url:URL_DISTANCE,data:j}))};if(i.from){i.location=i.from}Utils.locationProcess(i,l)}}]);return b}();module.exports=QQMapWX;


--------------------------------------------------------------------------------
/pages/createcard/createcard.wxml:
--------------------------------------------------------------------------------
 1 | 
 2 | <!--pages/createcard/createcard.wxml-->
 3 | <view class="bg-gray2">
 4 |   <form bindsubmit="formSubmit" bindreset="formReset" wx:if="{{ischinese}}">
 5 |     <view class="card-form">
 6 |       <view class="card-formitem">
 7 |         <view class="card-user">
 8 |           <view class="eng" catchtap="tabEng" wx:if="{{iseng}}">
 9 |             <text class=" iconfont  icon-zhongyingwenqiehuan-xianshizhongyingwen"></text>
10 |           </view>
11 |           <view class="sign">
12 |             <image src="{{cardData.data.avatarUrl}}"></image>
13 | 
14 |             <!--<image src="http://www.wzfzl.cn/uploads/allimg/170119/150202L32-5.jpg"></image>-->
15 |           </view>
16 |           <view class="message">
17 |             <view wx:if="{{cardData.data.mobile!=''}}">
18 |               <text class="btn-verify" catchtap="toVerifyCode" wx:if="{{cardData.data.mobileVerify}}">更改</text>
19 |               <text class="btn-verify" catchtap="toVerifyCode" wx:else>验证</text>
20 |             </view>
21 |             <input placeholder="姓名" class="card-input" placeholder-class="gray3" maxlength="18" name="name" value="{{cardData.data.name}}" bindinput="cardDataName" />
22 |             <input placeholder="联系方式" class="card-input" placeholder-class="gray3" maxlength="20" type="number" name="mobile" value="{{cardData.data.mobile}}" bindinput="cardDataMobile" disabled="{{cardData.data.mobileVerify}}" />
23 |           </view>
24 |         </view>
25 |       </view>
26 |       <view class="card-formitem">
27 |         <input placeholder="公司名称" class="card-input" placeholder-class="gray3" maxlength="20" name="companyName" value="{{cardData.data.companyName}}" bindinput="cardDataCompanyName" />
28 |         <input placeholder="职务名称" class="card-input" placeholder-class="gray3" maxlength="20" name="title" value="{{cardData.data.title}}" bindinput="cardDataTitle" />
29 |         <input placeholder="邮箱地址" class="card-input" placeholder-class="gray3" maxlength="20" name="email" value="{{cardData.data.email}}" bindinput="cardDataEmail"/>
30 |       </view>
31 |       <view class="card-formitem">
32 |         <view class="card-inputlabel">
33 |           <input placeholder="自我介绍" placeholder-class="gray3" maxlength="40" name="more" value="{{cardData.data.more}}" class="card-input" bindinput="cardDataMore" />
34 |         </view>
35 |       </view>
36 |       <view class="card-formitem">
37 |         <view class="card-inputlabel">
38 |           <text class="label green iconfont icon-location" bindtap="openAddress"></text>
39 |           <input value="{{cardData.data.address}}" placeholder="选入地址手动输入" placeholder-class="gray3" maxlength="40" name="address" class="card-input" />
40 |         </view>
41 |       </view>
42 |       <view class="container">
43 |         <button formType="submit" class="btn-green">保存</button>
44 |       </view>
45 |     </view>
46 |   </form>
47 |   <form bindsubmit="enformSubmit" bindreset="enformReset" wx:if="{{isen}}">
48 |     <view class="card-form">
49 |       <view class="card-formitem">
50 |         <view class="card-user">
51 |           <view class="eng" catchtap="tabEng" wx:if="{{iseng}}">
52 |             <text class=" iconfont  icon-zhongyingwenqiehuan-xianshizhongyingwen"></text>
53 |           </view>
54 |           <view class="sign">
55 |             <image src="{{cardData.data.avatarUrl}}"></image>
56 | 
57 |             <!--<image src="http://www.wzfzl.cn/uploads/allimg/170119/150202L32-5.jpg"></image>-->
58 |           </view>
59 |           <view class="message">
60 |             <view wx:if="{{cardData.data.mobile!=''}}">
61 |               <text class="btn-verify" catchtap="toVerifyCode" wx:if="{{cardData.data.mobileVerify}}">change</text>
62 |               <text class="btn-verify" catchtap="toVerifyCode" wx:else>verify</text>
63 |             </view>
64 |             <input placeholder="Name" class="card-input" placeholder-class="gray3" maxlength="18" name="name" value="{{cardData.data.name}}" bindinput="enCardDataName" />
65 |             <input placeholder="Phone Number" class="card-input" placeholder-class="gray3" maxlength="20" type="number" name="mobile" value="{{cardData.data.mobile}}" bindinput="enCardDataMobile" disabled="{{cardData.data.mobileVerify}}" />
66 |           </view>
67 |         </view>
68 |       </view>
69 |       <view class="card-formitem">
70 |         <input placeholder="Corporate" class="card-input" placeholder-class="gray3" maxlength="20" name="companyName" value="{{enCardData.data.companyName}}" bindinput="enCardDataCompanyName" />
71 |         <input placeholder="Post" class="card-input" placeholder-class="gray3" maxlength="20" name="title" value="{{enCardData.data.title}}" bindinput="enCardDataTitle" />
72 |         <input placeholder="E-mail" class="card-input" placeholder-class="gray3" maxlength="20" name="email" value="{{enCardData.data.email}}" bindinput="enCardDataEmail" />
73 |       </view>
74 |       <view class="card-formitem">
75 |         <view class="card-inputlabel">
76 |           <input placeholder="Introduce Yourself" placeholder-class="gray3" maxlength="40" name="more" value="{{enCardData.data.more}}" bindinput="enCardDataMore" class="card-input" />
77 |         </view>
78 |       </view>
79 |       <view class="card-formitem">
80 |         <view class="card-inputlabel">
81 |           <text class="label green iconfont icon-location" bindtap="openAddress"></text>
82 |           <input value="{{enCardData.data.address}}" placeholder="Select Address or Manual Input" placeholder-class="gray3" maxlength="80" name="address" class="card-input" />
83 |         </view>
84 |       </view>
85 |       <view class="container">
86 |         <button formType="submit" class="btn-green">Save</button>
87 |       </view>
88 |     </view>
89 |   </form>
90 | </view>


--------------------------------------------------------------------------------
/app.js:
--------------------------------------------------------------------------------
  1 | //app.js
  2 | App({
  3 |   onLaunch: function () {
  4 |     //调用API从本地缓存中获取数据
  5 |     var that = this
  6 | 
  7 |     // wx.checkSession({
  8 |     //   success: function (a) {
  9 |     //     //session 未过期，并且在本生命周期一直有效
 10 |     //   },
 11 |     //   fail: function () {
 12 |     //     //登录态过期 重新登录
 13 |     //     wx.login({
 14 |     //       success: function (body) {
 15 |     //         if (body.code) {
 16 |     //           wx.request({
 17 |     //             url: 'https://api.weixin.qq.com/sns/jscode2session'
 18 |     //             + '?appid=wx35cf5d6b4146b9cf&'
 19 |     //             + 'secret=13df11be71d7c686adaa093c33fef3ba&'
 20 |     //             + 'js_code=' + body.code
 21 |     //             + '&grant_type=authorization_code',
 22 |     //             data: {
 23 |     //             },
 24 |     //             success: function (body) {
 25 |     //               wx.getUserInfo({
 26 |     //                 success: function (res) {
 27 |     //                   wx.setStorageSync('userInfo', res.userInfo)
 28 |     //                   var data = {
 29 |     //                     'iv': res.iv,//wx.getUserInfo接口返回那里的iv
 30 |     //                     'rawData': res.rawData, //wx.getUserInfo接口返回那里的iv
 31 |     //                     'signature': res.signature,// wx.getUserInfo接口返回那里的signature
 32 |     //                     'encryptedData': res.encryptedData,  //wx.getUserInfo接口返回那里的encryptedData
 33 |     //                     'session_key': body.data.session_key //wx.login接口下面 “code 换取 session_key” 获得
 34 |     //                   }
 35 | 
 36 |     //                   that.getLoginData(data, function (res2) {
 37 |     //                     wx.setStorageSync('token', res2.data.token)
 38 |     //                     wx.setStorageSync('loginSuccessData', res2.data)
 39 |     //                   })
 40 |     //                 }
 41 |     //               })
 42 |     //             }
 43 |     //           })
 44 |     //         } else {
 45 |     //           console.log('登录失败')
 46 |     //         }
 47 |     //       }
 48 |     //     })
 49 |     //   }
 50 |     // })
 51 |   },
 52 | 
 53 |   getLogiCallback: function (val, callback) {
 54 |     var that = this
 55 |     var token = wx.getStorageSync('token')
 56 |     if (token) {
 57 |       callback()
 58 |     } else {
 59 |       wx.login({
 60 |         success: function (body) {
 61 |           if (body.code) {
 62 |             wx.request({
 63 |               url: "https://api.91ygj.com/vCard/Card/jscode2session?code=" + body.code,
 64 |               data: {
 65 |               },
 66 |               success: function (body) {
 67 |                 wx.getUserInfo({
 68 |                   success: function (res) {
 69 |                     wx.setStorageSync('userInfo', res.userInfo)
 70 |                     var data = {
 71 |                       'iv': res.iv,//wx.getUserInfo接口返回那里的iv
 72 |                       'rawData': res.rawData, //wx.getUserInfo接口返回那里的iv
 73 |                       'signature': res.signature,// wx.getUserInfo接口返回那里的signature
 74 |                       'encryptedData': res.encryptedData,  //wx.getUserInfo接口返回那里的encryptedData
 75 |                       'session_key': body.data.session_key //wx.login接口下面 “code 换取 session_key” 获得
 76 |                     }
 77 | 
 78 |                     that.getLoginData(data, function (res2) {
 79 |                       wx.setStorageSync('token', res2.data.token)
 80 |                       wx.setStorageSync('loginSuccessData', res2.data)
 81 |                       callback(res2.data.token)
 82 |                     })
 83 |                   },
 84 |                   fail: function (res){
 85 |                     wx.showModal({
 86 |                       title: '警告',
 87 |                       showCancel:true,
 88 |                       cancelText:'不授权',
 89 |                       confirmText:'授权',
 90 |                       content: '若不授权微信登陆，则无法使用蚁管家名片功能；点击重新获取授权，则可重新使用；若点击不授权，后期还使用小程序，需在微信【发现】——【小程序】——删掉【蚁管家名片】，重新搜索授权登陆，方可使用。',
 91 |                       success: function (res) {
 92 |                         if (res.confirm) {
 93 |                           wx.openSetting({
 94 |                             success:function(res){
 95 |                               if (!res.authSetting["scope.userInfo"] || !res.authSetting["scope.userLocation"]) {
 96 |                                 that.getLogiCallback('',      function(){
 97 |                                   callback('')
 98 |                                 })
 99 |                               }
100 |                             }
101 |                           })
102 |                         } else if (res.cancel) {
103 |                         }
104 |                       }
105 |                     }) 
106 |                   }
107 |                 })
108 |               }
109 |             })
110 |           } else {
111 |             console.log('登录失败')
112 |           }
113 |         }
114 |       })
115 |     }
116 | 
117 |   },
118 |   getLoginData: function (data, callback) {
119 |     var url = 'https://api.91ygj.com/vCard/VCardUser/Login'
120 |     wx.request({
121 |       url: url,
122 |       method: 'POST',
123 |       data: data,
124 |       header: {
125 |         'content-type': 'application/json'
126 |       },
127 |       success: function (res) {
128 |         callback(res.data)
129 |       },
130 |       fail: function (res) {
131 |         console.log('请求出错')
132 |       }
133 |     })
134 |   },
135 |   getData: function (data, callback) {
136 |     var url = 'https://api.91ygj.com/vCard/' + data
137 |     var token = wx.getStorageSync('token')
138 |     wx.request({
139 |       url: url,
140 |       data: {},
141 |       header: {
142 |         'token': token,
143 |         'content-type': 'application/json'
144 |       },
145 |       success: function (res) {
146 |         callback(res.data)
147 |       },
148 |       fail: function (res) {
149 |         console.log('请求出错')
150 |       }
151 |     })
152 |   },
153 |   postData: function (data, callback) {
154 |     var url = 'https://api.91ygj.com/vCard/' + data.url
155 |     var token = wx.getStorageSync('token')
156 |     wx.request({
157 |       url: url,
158 |       method: 'POST',
159 |       data: data.data,
160 |       header: {
161 |         'token': token,
162 |         'content-type': 'application/json'
163 |       },
164 |       success: function (res) {
165 |         callback(res.data)
166 |       },
167 |       fail: function (res) {
168 |         console.log('请求出错')
169 |       }
170 |     })
171 |   },
172 | })


--------------------------------------------------------------------------------
/iconfont/demo.css:
--------------------------------------------------------------------------------
  1 | *{margin: 0;padding: 0;list-style: none;}
  2 | /*
  3 | KISSY CSS Reset
  4 | 理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
  5 | 2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
  6 | 3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
  7 | 特色：1. 适应中文；2. 基于最新主流浏览器。
  8 | 维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
  9 |  */
 10 | 
 11 | /** 清除内外边距 **/
 12 | body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
 13 | dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
 14 | pre, /* text formatting elements 文本格式元素 */
 15 | form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
 16 | th, td /* table elements 表格元素 */ {
 17 |   margin: 0;
 18 |   padding: 0;
 19 | }
 20 | 
 21 | /** 设置默认字体 **/
 22 | body,
 23 | button, input, select, textarea /* for ie */ {
 24 |   font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
 25 | }
 26 | h1, h2, h3, h4, h5, h6 { font-size: 100%; }
 27 | address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
 28 | code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
 29 | small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
 30 | 
 31 | /** 重置列表元素 **/
 32 | ul, ol { list-style: none; }
 33 | 
 34 | /** 重置文本格式元素 **/
 35 | a { text-decoration: none; }
 36 | a:hover { text-decoration: underline; }
 37 | 
 38 | 
 39 | /** 重置表单元素 **/
 40 | legend { color: #000; } /* for ie6 */
 41 | fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
 42 | button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
 43 | /* 注：optgroup 无法扶正 */
 44 | 
 45 | /** 重置表格元素 **/
 46 | table { border-collapse: collapse; border-spacing: 0; }
 47 | 
 48 | /* 清除浮动 */
 49 | .ks-clear:after, .clear:after {
 50 |   content: '\20';
 51 |   display: block;
 52 |   height: 0;
 53 |   clear: both;
 54 | }
 55 | .ks-clear, .clear {
 56 |   *zoom: 1;
 57 | }
 58 | 
 59 | .main {
 60 |   padding: 30px 100px;
 61 | width: 960px;
 62 | margin: 0 auto;
 63 | }
 64 | .main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}
 65 | 
 66 | .helps{margin-top:40px;}
 67 | .helps pre{
 68 |   padding:20px;
 69 |   margin:10px 0;
 70 |   border:solid 1px #e7e1cd;
 71 |   background-color: #fffdef;
 72 |   overflow: auto;
 73 | }
 74 | 
 75 | .icon_lists{
 76 |   width: 100% !important;
 77 | 
 78 | }
 79 | 
 80 | .icon_lists li{
 81 |   float:left;
 82 |   width: 100px;
 83 |   height:180px;
 84 |   text-align: center;
 85 |   list-style: none !important;
 86 | }
 87 | .icon_lists .icon{
 88 |   font-size: 42px;
 89 |   line-height: 100px;
 90 |   margin: 10px 0;
 91 |   color:#333;
 92 |   -webkit-transition: font-size 0.25s ease-out 0s;
 93 |   -moz-transition: font-size 0.25s ease-out 0s;
 94 |   transition: font-size 0.25s ease-out 0s;
 95 | 
 96 | }
 97 | .icon_lists .icon:hover{
 98 |   font-size: 100px;
 99 | }
100 | 
101 | 
102 | 
103 | .markdown {
104 |   color: #666;
105 |   font-size: 14px;
106 |   line-height: 1.8;
107 | }
108 | 
109 | .highlight {
110 |   line-height: 1.5;
111 | }
112 | 
113 | .markdown img {
114 |   vertical-align: middle;
115 |   max-width: 100%;
116 | }
117 | 
118 | .markdown h1 {
119 |   color: #404040;
120 |   font-weight: 500;
121 |   line-height: 40px;
122 |   margin-bottom: 24px;
123 | }
124 | 
125 | .markdown h2,
126 | .markdown h3,
127 | .markdown h4,
128 | .markdown h5,
129 | .markdown h6 {
130 |   color: #404040;
131 |   margin: 1.6em 0 0.6em 0;
132 |   font-weight: 500;
133 |   clear: both;
134 | }
135 | 
136 | .markdown h1 {
137 |   font-size: 28px;
138 | }
139 | 
140 | .markdown h2 {
141 |   font-size: 22px;
142 | }
143 | 
144 | .markdown h3 {
145 |   font-size: 16px;
146 | }
147 | 
148 | .markdown h4 {
149 |   font-size: 14px;
150 | }
151 | 
152 | .markdown h5 {
153 |   font-size: 12px;
154 | }
155 | 
156 | .markdown h6 {
157 |   font-size: 12px;
158 | }
159 | 
160 | .markdown hr {
161 |   height: 1px;
162 |   border: 0;
163 |   background: #e9e9e9;
164 |   margin: 16px 0;
165 |   clear: both;
166 | }
167 | 
168 | .markdown p,
169 | .markdown pre {
170 |   margin: 1em 0;
171 | }
172 | 
173 | .markdown > p,
174 | .markdown > blockquote,
175 | .markdown > .highlight,
176 | .markdown > ol,
177 | .markdown > ul {
178 |   width: 80%;
179 | }
180 | 
181 | .markdown ul > li {
182 |   list-style: circle;
183 | }
184 | 
185 | .markdown > ul li,
186 | .markdown blockquote ul > li {
187 |   margin-left: 20px;
188 |   padding-left: 4px;
189 | }
190 | 
191 | .markdown > ul li p,
192 | .markdown > ol li p {
193 |   margin: 0.6em 0;
194 | }
195 | 
196 | .markdown ol > li {
197 |   list-style: decimal;
198 | }
199 | 
200 | .markdown > ol li,
201 | .markdown blockquote ol > li {
202 |   margin-left: 20px;
203 |   padding-left: 4px;
204 | }
205 | 
206 | .markdown code {
207 |   margin: 0 3px;
208 |   padding: 0 5px;
209 |   background: #eee;
210 |   border-radius: 3px;
211 | }
212 | 
213 | .markdown pre {
214 |   border-radius: 6px;
215 |   background: #f7f7f7;
216 |   padding: 20px;
217 | }
218 | 
219 | .markdown pre code {
220 |   border: none;
221 |   background: #f7f7f7;
222 |   margin: 0;
223 | }
224 | 
225 | .markdown strong,
226 | .markdown b {
227 |   font-weight: 600;
228 | }
229 | 
230 | .markdown > table {
231 |   border-collapse: collapse;
232 |   border-spacing: 0px;
233 |   empty-cells: show;
234 |   border: 1px solid #e9e9e9;
235 |   width: 95%;
236 |   margin-bottom: 24px;
237 | }
238 | 
239 | .markdown > table th {
240 |   white-space: nowrap;
241 |   color: #333;
242 |   font-weight: 600;
243 | 
244 | }
245 | 
246 | .markdown > table th,
247 | .markdown > table td {
248 |   border: 1px solid #e9e9e9;
249 |   padding: 8px 16px;
250 |   text-align: left;
251 | }
252 | 
253 | .markdown > table th {
254 |   background: #F7F7F7;
255 | }
256 | 
257 | .markdown blockquote {
258 |   font-size: 90%;
259 |   color: #999;
260 |   border-left: 4px solid #e9e9e9;
261 |   padding-left: 0.8em;
262 |   margin: 1em 0;
263 |   font-style: italic;
264 | }
265 | 
266 | .markdown blockquote p {
267 |   margin: 0;
268 | }
269 | 
270 | .markdown .anchor {
271 |   opacity: 0;
272 |   transition: opacity 0.3s ease;
273 |   margin-left: 8px;
274 | }
275 | 
276 | .markdown .waiting {
277 |   color: #ccc;
278 | }
279 | 
280 | .markdown h1:hover .anchor,
281 | .markdown h2:hover .anchor,
282 | .markdown h3:hover .anchor,
283 | .markdown h4:hover .anchor,
284 | .markdown h5:hover .anchor,
285 | .markdown h6:hover .anchor {
286 |   opacity: 1;
287 |   display: inline-block;
288 | }
289 | 
290 | .markdown > br,
291 | .markdown > p > br {
292 |   clear: both;
293 | }
294 | 
295 | 
296 | .hljs {
297 |   display: block;
298 |   background: white;
299 |   padding: 0.5em;
300 |   color: #333333;
301 |   overflow-x: auto;
302 | }
303 | 
304 | .hljs-comment,
305 | .hljs-meta {
306 |   color: #969896;
307 | }
308 | 
309 | .hljs-string,
310 | .hljs-variable,
311 | .hljs-template-variable,
312 | .hljs-strong,
313 | .hljs-emphasis,
314 | .hljs-quote {
315 |   color: #df5000;
316 | }
317 | 
318 | .hljs-keyword,
319 | .hljs-selector-tag,
320 | .hljs-type {
321 |   color: #a71d5d;
322 | }
323 | 
324 | .hljs-literal,
325 | .hljs-symbol,
326 | .hljs-bullet,
327 | .hljs-attribute {
328 |   color: #0086b3;
329 | }
330 | 
331 | .hljs-section,
332 | .hljs-name {
333 |   color: #63a35c;
334 | }
335 | 
336 | .hljs-tag {
337 |   color: #333333;
338 | }
339 | 
340 | .hljs-title,
341 | .hljs-attr,
342 | .hljs-selector-id,
343 | .hljs-selector-class,
344 | .hljs-selector-attr,
345 | .hljs-selector-pseudo {
346 |   color: #795da3;
347 | }
348 | 
349 | .hljs-addition {
350 |   color: #55a532;
351 |   background-color: #eaffea;
352 | }
353 | 
354 | .hljs-deletion {
355 |   color: #bd2c00;
356 |   background-color: #ffecec;
357 | }
358 | 
359 | .hljs-link {
360 |   text-decoration: underline;
361 | }
362 | 
363 | pre{
364 |   background: #fff;
365 | }
366 | 
367 | 
368 | 
369 | 
370 | 
371 | 


--------------------------------------------------------------------------------
/pages/carddetails/carddetails.wxml:
--------------------------------------------------------------------------------
  1 | <!--pages/carddetails/carddetails.wxml-->
  2 | <view class="main bg-gray2">
  3 |   <view class="bg-gray2">
  4 |     <view>
  5 |       <view class="card-item">
  6 |         <view class="card-moren">
  7 |           <text class="green iconfont icon-moren" wx:if="{{cardDetailsData.isDefault}}"></text>
  8 |         </view>
  9 |         <view class="card-head">
 10 |           <view class="title">
 11 |             <view class="name">{{cardDetailsData.name}}</view>
 12 |             <view class="label">{{cardDetailsData.title}}</view>
 13 |           </view>
 14 |           <view class="sign">
 15 |             <image src="{{cardDetailsData.avatarUrl}}" />
 16 |           </view>
 17 |         </view>
 18 |         <view class="card-content">
 19 |           <view>
 20 |             <view class="phone" bindtap="phoneCall" data-id="{{cardDetailsData.mobile}}">
 21 |               <text wx:if="{{cardDetailsData.mobileVerify}}" class="iconfont icon-shoujiyanzheng green"></text>
 22 |               <text wx:else class=" gray3 iconfont icon-shoujiyanzheng"></text>
 23 |               {{cardDetailsData.mobile}}
 24 |             </view>
 25 |             <view class="name">
 26 |               <view wx:if="{{cardDetailsData.companyName!=''}}">
 27 |                 <text class="gray3  iconfont icon-yanzheng" wx:if="{{cardDetailsData.companyVerify}}"></text>
 28 |                 <text class="gray3 iconfont icon-yanzheng" wx:else></text>
 29 |                 {{cardDetailsData.companyName}}
 30 |               </view>
 31 |               <view class="gray4" wx:else>
 32 |                 <text class="gray3 iconfont icon-yanzheng" wx:if="{{cardDetailsData.companyVerify}}"></text>
 33 |                 <text class=" iconfont icon-yanzheng" wx:else></text>
 34 |                 <text wx:if="{{cardDetailsData.language==0}}"> 公司保密</text>
 35 |                 <text wx:else> company is classified</text>
 36 |               </view>
 37 |             </view>
 38 |           </view>
 39 |           <view wx:if="{{isviewImage}}" class="icon-code" bindtap="getCode" data-id="{{cardDetailsData.id}}">
 40 |             <text class="iconfont icon-youcexiaochengxuerweima"></text>
 41 |           </view>
 42 |           <view wx:else class="icon-code">
 43 |             <text class="iconfont icon-youcexiaochengxuerweima"></text>
 44 |           </view>
 45 |         </view>
 46 |       </view>
 47 |     </view>
 48 |     <view class="card-attr" wx:if="{{cardDetailsData.language==0}}">
 49 |       <view class="card-attritem">
 50 |         <text class="label">介绍</text>
 51 |         <text wx:if="{{cardDetailsData.more==''}}" class="gray4"> 暂时没有介绍</text>
 52 |         <text wx:else> {{cardDetailsData.more}}</text>
 53 |       </view>
 54 |       <view class="card-attritem">
 55 |         <text class="label">邮箱</text>
 56 |         <text wx:if="{{cardDetailsData.email==''}}" class="gray4"> 保密</text>
 57 |         <text wx:else> {{cardDetailsData.email}}</text>
 58 |       </view>
 59 |       <view class="card-attritem">
 60 |         <text class="label">地址</text>
 61 |         <text wx:if="{{cardDetailsData.address==''}}" class="gray4"> 保密</text>
 62 |         <label wx:else>
 63 |           <text wx:if="{{ cardDetailsData.loglat!=''}}" bindtap="openAddress" data-loglat="{{cardDetailsData.loglat}}" data-name="{{cardDetailsData.address}}"> {{cardDetailsData.address}}<text class="green iconfont        icon-location"></text></text>
 64 |           <text wx:else> {{cardDetailsData.address}}</text>
 65 |         </label>
 66 |       </view>
 67 |     </view>
 68 |     <view class="card-attr" wx:else>
 69 |       <view class="card-attritem">
 70 |         <text class="label">Introduce</text>
 71 |         <text wx:if="{{cardDetailsData.more==''}}" class="gray4"> is nothing</text>
 72 |         <text wx:else> {{cardDetailsData.more}}</text>
 73 |       </view>
 74 |       <view class="card-attritem">
 75 |         <text class="label">E-mail</text>
 76 |         <text wx:if="{{cardDetailsData.email==''}}" class="gray4"> is classifiedl</text>
 77 |         <text wx:else> {{cardDetailsData.email}}</text>
 78 |       </view>
 79 |       <view class="card-attritem">
 80 |         <text class="label">Adress </text>
 81 |         <text wx:if="{{cardDetailsData.address==''}}" class="gray4"> is classified</text>
 82 |         <text wx:else> {{cardDetailsData.address}}</text>
 83 |         <text wx:if="{{ cardDetailsData.loglat!=''}}" bindtap="openAddress" data-loglat="{{cardDetailsData.loglat}}" data-name="{{cardDetailsData.address}}" class=" green iconfont icon-location"></text>
 84 |       </view>
 85 |     </view>
 86 | 
 87 |     <view wx:if="{{cardDetailsData.mobile===mobile&&!isshare}}">
 88 |       <view class="btn-group mb">
 89 |         <button class="btn-groupitem" bindtap="removeCard" data-id="{{cardDetailsData.id}}">删除名片</button>
 90 |         <button class="btn-groupitem" bindtap="setCardDefault" disabled="{{cardDetailsData.isDefault}}" data-id="{{cardDetailsData.id}}">设为默认</button>
 91 |       </view>
 92 |       <button class="btn-white mb" bindtap="editCard" data-id="{{cardDetailsData.id}}">编辑名片</button>
 93 |       <button class="btn-green mb " data-id="{{cardDetailsData.id}}" bindtap="openShare">
 94 |         <text> 扫码添加通讯录</text>
 95 |       </button>
 96 |     </view>
 97 |     <view wx:elif="{{isshare}}">
 98 |       <button class="btn-white mb" bindtap="openMycard" wx:if="{{cardDetailsData.hasCollect}}">
 99 |         打开蚁管家名片
100 |       </button>
101 |       <view wx:else>
102 |         <button class="btn-green mb" bindtap="addCardOpen" data-id="{{cardDetailsData.id}}">
103 |           <text>加入名片夹</text>
104 |         </button>
105 |         <button class="btn-white mb" bindtap="openMycard">
106 |           打开蚁管家名片
107 |         </button>
108 |       </view>
109 |       <button class="btn-white mb " data-id="{{cardDetailsData.id}}" bindtap="openShare">
110 |         <text class="green"> 扫码添加通讯录</text>
111 |       </button>
112 |     </view>
113 | 
114 |     <view wx:else>
115 |             <button class="btn-green mb" data-id="{{cardDetailsData.id}} " bindtap="openShare">
116 |           <text> 扫码添加通讯录</text>
117 |         </button>
118 |         <button class="btn-white mb" bindtap="openMycard">
119 |           打开蚁管家名片
120 |         </button>
121 |         <button class="btn-white mb" wx:if="{{cardDetailsData.hasCollect}}" bindtap="undockCard" data-id="{{cardDetailsData.id}}">
122 |           <text>移除名片夹</text>
123 |         </button>
124 |         <button wx:else class="btn-white mb" bindtap="addCard" data-id="{{cardDetailsData.id}}">
125 |           <text>加入名片夹</text>
126 |         </button>
127 |     </view>
128 | 
129 | 
130 |       <!--<view wx:if="{{isshare}} ">
131 |         <button class="btn-white mb " bindtap="openMycard " wx:if="{{cardDetailsData.hasCollect}} ">
132 |           打开蚁管家名片
133 |         </button>
134 |         <view wx:else>
135 |           <button class="btn-green mb " bindtap="addCardOpen " data-id="{{cardDetailsData.id}} ">
136 |             <text>加入名片夹</text>
137 |           </button>
138 |           <button class="btn-white mb " bindtap="openMycard ">
139 |             打开蚁管家名片
140 |           </button>
141 |         </view>
142 |         <button class="btn-white mb " data-id="{{cardDetailsData.id}} " bindtap="openShare ">
143 |           <text class="green "> 扫码添加通讯录</text>
144 |         </button>
145 |       </view>
146 |       <view wx:else>
147 |         <button class="btn-green mb " data-id="{{cardDetailsData.id}} " bindtap="openShare ">
148 |           <text> 扫码添加通讯录</text>
149 |         </button>
150 |         <button class="btn-white mb " bindtap="openMycard ">
151 |           打开蚁管家名片
152 |         </button>
153 |         <button class="btn-white mb " wx:if="{{cardDetailsData.hasCollect}} " bindtap="undockCard " data-id="{{cardDetailsData.id}} ">
154 |           <text>移除名片夹</text>
155 |         </button>
156 |         <button wx:else class="btn-white mb " bindtap="addCard " data-id="{{cardDetailsData.id}} ">
157 |           <text>加入名片夹</text>
158 |         </button>
159 |       </view>-->
160 | 
161 |     <view class="card-prompt ">
162 |       <text>点击扫码添加通讯录，生成图片分享到朋友圈
163 |       </text>
164 |       <text> 点击右上角，分享我的名片页面
165 |       </text>
166 |     </view>
167 |   </view>
168 | </view>


--------------------------------------------------------------------------------
/iconfont/demo_fontclass.html:
--------------------------------------------------------------------------------
  1 | 
  2 | <!DOCTYPE html>
  3 | <html>
  4 | <head>
  5 |     <meta charset="utf-8"/>
  6 |     <title>IconFont</title>
  7 |     <link rel="stylesheet" href="demo.css">
  8 |     <link rel="stylesheet" href="iconfont.css">
  9 | </head>
 10 | <body>
 11 |     <div class="main markdown">
 12 |         <h1>IconFont 图标</h1>
 13 |         <ul class="icon_lists clear">
 14 |             
 15 |                 <li>
 16 |                 <i class="icon iconfont icon-sousuo"></i>
 17 |                     <div class="name">搜索</div>
 18 |                     <div class="fontclass">.icon-sousuo</div>
 19 |                 </li>
 20 |             
 21 |                 <li>
 22 |                 <i class="icon iconfont icon-card"></i>
 23 |                     <div class="name">名片</div>
 24 |                     <div class="fontclass">.icon-card</div>
 25 |                 </li>
 26 |             
 27 |                 <li>
 28 |                 <i class="icon iconfont icon-shijian"></i>
 29 |                     <div class="name">时间</div>
 30 |                     <div class="fontclass">.icon-shijian</div>
 31 |                 </li>
 32 |             
 33 |                 <li>
 34 |                 <i class="icon iconfont icon-letter-a-outline"></i>
 35 |                     <div class="name">A</div>
 36 |                     <div class="fontclass">.icon-letter-a-outline</div>
 37 |                 </li>
 38 |             
 39 |                 <li>
 40 |                 <i class="icon iconfont icon-shezhi"></i>
 41 |                     <div class="name">设置</div>
 42 |                     <div class="fontclass">.icon-shezhi</div>
 43 |                 </li>
 44 |             
 45 |                 <li>
 46 |                 <i class="icon iconfont icon-gouxuan"></i>
 47 |                     <div class="name">勾选</div>
 48 |                     <div class="fontclass">.icon-gouxuan</div>
 49 |                 </li>
 50 |             
 51 |                 <li>
 52 |                 <i class="icon iconfont icon-location"></i>
 53 |                     <div class="name">定位</div>
 54 |                     <div class="fontclass">.icon-location</div>
 55 |                 </li>
 56 |             
 57 |                 <li>
 58 |                 <i class="icon iconfont icon-dagou"></i>
 59 |                     <div class="name">打钩</div>
 60 |                     <div class="fontclass">.icon-dagou</div>
 61 |                 </li>
 62 |             
 63 |                 <li>
 64 |                 <i class="icon iconfont icon-xiala"></i>
 65 |                     <div class="name">下拉</div>
 66 |                     <div class="fontclass">.icon-xiala</div>
 67 |                 </li>
 68 |             
 69 |                 <li>
 70 |                 <i class="icon iconfont icon-fangkeyuyue"></i>
 71 |                     <div class="name">访客预约</div>
 72 |                     <div class="fontclass">.icon-fangkeyuyue</div>
 73 |                 </li>
 74 |             
 75 |                 <li>
 76 |                 <i class="icon iconfont icon-shoujiyanzheng"></i>
 77 |                     <div class="name">登录_手机验证</div>
 78 |                     <div class="fontclass">.icon-shoujiyanzheng</div>
 79 |                 </li>
 80 |             
 81 |                 <li>
 82 |                 <i class="icon iconfont icon-user"></i>
 83 |                     <div class="name">我的</div>
 84 |                     <div class="fontclass">.icon-user</div>
 85 |                 </li>
 86 |             
 87 |                 <li>
 88 |                 <i class="icon iconfont icon-dianhua"></i>
 89 |                     <div class="name">电话</div>
 90 |                     <div class="fontclass">.icon-dianhua</div>
 91 |                 </li>
 92 |             
 93 |                 <li>
 94 |                 <i class="icon iconfont icon-icon1460188600932"></i>
 95 |                     <div class="name">朋友圈</div>
 96 |                     <div class="fontclass">.icon-icon1460188600932</div>
 97 |                 </li>
 98 |             
 99 |                 <li>
100 |                 <i class="icon iconfont icon-mingpian-copy"></i>
101 |                     <div class="name">名片</div>
102 |                     <div class="fontclass">.icon-mingpian-copy</div>
103 |                 </li>
104 |             
105 |                 <li>
106 |                 <i class="icon iconfont icon-moren"></i>
107 |                     <div class="name">默认</div>
108 |                     <div class="fontclass">.icon-moren</div>
109 |                 </li>
110 |             
111 |                 <li>
112 |                 <i class="icon iconfont icon-youxiang"></i>
113 |                     <div class="name">邮箱</div>
114 |                     <div class="fontclass">.icon-youxiang</div>
115 |                 </li>
116 |             
117 |                 <li>
118 |                 <i class="icon iconfont icon-bumen"></i>
119 |                     <div class="name">部门</div>
120 |                     <div class="fontclass">.icon-bumen</div>
121 |                 </li>
122 |             
123 |                 <li>
124 |                 <i class="icon iconfont icon-zu"></i>
125 |                     <div class="name">组</div>
126 |                     <div class="fontclass">.icon-zu</div>
127 |                 </li>
128 |             
129 |                 <li>
130 |                 <i class="icon iconfont icon-zuji"></i>
131 |                     <div class="name">足迹</div>
132 |                     <div class="fontclass">.icon-zuji</div>
133 |                 </li>
134 |             
135 |                 <li>
136 |                 <i class="icon iconfont icon-yanzheng"></i>
137 |                     <div class="name">验证</div>
138 |                     <div class="fontclass">.icon-yanzheng</div>
139 |                 </li>
140 |             
141 |                 <li>
142 |                 <i class="icon iconfont icon-mingpianjia1"></i>
143 |                     <div class="name">名片夹</div>
144 |                     <div class="fontclass">.icon-mingpianjia1</div>
145 |                 </li>
146 |             
147 |                 <li>
148 |                 <i class="icon iconfont icon-sousuo_sousuo"></i>
149 |                     <div class="name">搜索_搜索</div>
150 |                     <div class="fontclass">.icon-sousuo_sousuo</div>
151 |                 </li>
152 |             
153 |                 <li>
154 |                 <i class="icon iconfont icon-guanyu"></i>
155 |                     <div class="name">关于</div>
156 |                     <div class="fontclass">.icon-guanyu</div>
157 |                 </li>
158 |             
159 |                 <li>
160 |                 <i class="icon iconfont icon-youcexiaochengxuerweima"></i>
161 |                     <div class="name">右侧小程序二维码</div>
162 |                     <div class="fontclass">.icon-youcexiaochengxuerweima</div>
163 |                 </li>
164 |             
165 |                 <li>
166 |                 <i class="icon iconfont icon-xiaochengxu"></i>
167 |                     <div class="name">小程序</div>
168 |                     <div class="fontclass">.icon-xiaochengxu</div>
169 |                 </li>
170 |             
171 |                 <li>
172 |                 <i class="icon iconfont icon-zhongyingwenqiehuan-xianshizhongyingwen"></i>
173 |                     <div class="name">中英文切换-显示中英文</div>
174 |                     <div class="fontclass">.icon-zhongyingwenqiehuan-xianshizhongyingwen</div>
175 |                 </li>
176 |             
177 |                 <li>
178 |                 <i class="icon iconfont icon-arrows_circle_minus"></i>
179 |                     <div class="name">arrows_circle_minus</div>
180 |                     <div class="fontclass">.icon-arrows_circle_minus</div>
181 |                 </li>
182 |             
183 |                 <li>
184 |                 <i class="icon iconfont icon-arrows_circle_plus"></i>
185 |                     <div class="name">arrows_circle_plus</div>
186 |                     <div class="fontclass">.icon-arrows_circle_plus</div>
187 |                 </li>
188 |             
189 |                 <li>
190 |                 <i class="icon iconfont icon-gongsi"></i>
191 |                     <div class="name">公司</div>
192 |                     <div class="fontclass">.icon-gongsi</div>
193 |                 </li>
194 |             
195 |                 <li>
196 |                 <i class="icon iconfont icon-angle-right"></i>
197 |                     <div class="name">angle-right</div>
198 |                     <div class="fontclass">.icon-angle-right</div>
199 |                 </li>
200 |             
201 |                 <li>
202 |                 <i class="icon iconfont icon-angle-left"></i>
203 |                     <div class="name">angle-left</div>
204 |                     <div class="fontclass">.icon-angle-left</div>
205 |                 </li>
206 |             
207 |                 <li>
208 |                 <i class="icon iconfont icon-arrows_circle_remove1"></i>
209 |                     <div class="name">arrows_circle_remove</div>
210 |                     <div class="fontclass">.icon-arrows_circle_remove1</div>
211 |                 </li>
212 |             
213 |         </ul>
214 | 
215 |         <h2 id="font-class-">font-class引用</h2>
216 |         <hr>
217 | 
218 |         <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
219 |         <p>与unicode使用方式相比，具有如下特点：</p>
220 |         <ul>
221 |         <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
222 |         <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
223 |         <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
224 |         <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
225 |         </ul>
226 |         <p>使用步骤如下：</p>
227 |         <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>
228 | 
229 | 
230 |         <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
231 |         <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
232 |         <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
233 |         <blockquote>
234 |         <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
235 |         </blockquote>
236 |     </div>
237 | </body>
238 | </html>
239 | 


--------------------------------------------------------------------------------
/pages/carddetails/carddetails.js:
--------------------------------------------------------------------------------
  1 | // pages/carddetails/carddetails.js
  2 | //获取应用实例
  3 | var app = getApp()
  4 | 
  5 | Page({
  6 |   data: {
  7 |     mobile: '',
  8 |     getData: {},
  9 |     isshare: false,
 10 |     isviewImage: true,
 11 |     econds: 3,
 12 |     cardDetailsData: {},
 13 |     removeCollCard: {
 14 |       'url': 'Card/removeCollCard',
 15 |       'data': {
 16 |         'id': ''
 17 |       }
 18 |     },
 19 |     GetOthersCard2: {
 20 |       'url': 'https://api.91ygj.com/vCard/Card/GetOthersCard2',
 21 |       'data': {
 22 |         'id': ''
 23 |       }
 24 |     },
 25 |     CardShareData: {
 26 |       'url': 'Card/GetCardShared',
 27 |       'data': {
 28 |         'id': ''
 29 |       }
 30 |     },
 31 |     cardDetails: {
 32 |       'url': 'Card/GetCard',
 33 |       'data': {
 34 |         'id': ''
 35 |       }
 36 |     },
 37 |     othersCardDetails: {
 38 |       'url': 'Card/GetOthersCard',
 39 |       'data': {
 40 |         'id': ''
 41 |       }
 42 |     },
 43 |     collCardData: {
 44 |       'url': 'Card/CollCard',
 45 |       'data': {
 46 |         'id': ''
 47 |       }
 48 |     },
 49 |     GetCardQRCode: {
 50 |       'url': 'Card/GetCardQRCode',
 51 |       'data': {
 52 |         'id': ''
 53 |       }
 54 |     }
 55 |   },
 56 |   //打开地图
 57 |   openAddress: function (e) {
 58 |     wx.getLocation({
 59 |       //返回可以用于wx.openLocation的经纬度
 60 |       success: function (res) {
 61 |         var latitude = parseFloat(e.target.dataset.loglat.split(",")[0])
 62 |         var longitude = parseFloat(e.target.dataset.loglat.split(",")[1])
 63 |         wx.openLocation({
 64 |           latitude: latitude,
 65 |           longitude: longitude,
 66 |           name: e.target.dataset.name,
 67 |           address: e.target.dataset.name,
 68 |           scale: 28,
 69 |           complete: function (res) {
 70 |           }
 71 |         })
 72 |       }
 73 |     })
 74 |   },
 75 |   onShareAppMessage: function () {
 76 |     var that = this
 77 |     return {
 78 |       title: '您好,这是我的名片,请惠存。',
 79 |       path: 'pages/carddetails/carddetails?id=' + that.data.cardDetails.data.id + '&share=1',
 80 |       success: function (res) {
 81 |         // 分享成功
 82 |       },
 83 |       fail: function (res) {
 84 |         // 分享失败
 85 |       }
 86 |     }
 87 |   },
 88 |   //拨打电话
 89 |   phoneCall: function (e) {
 90 |     wx.makePhoneCall({
 91 |       phoneNumber: e.target.dataset.id //仅为示例，并非真实的电话号码
 92 |     })
 93 |   },
 94 |   countdown: function (that) {
 95 |     var second = that.data.econds
 96 |     var timer
 97 |     if (second == 0) {
 98 |       clearTimeout(timer);
 99 |       that.setData({
100 |         econds: 3,
101 |         isviewImage: true
102 |       });
103 |       return;
104 |     }
105 |     timer = setTimeout(function () {
106 |       that.setData({
107 |         econds: second - 1,
108 |         isviewImage: false
109 |       });
110 |       that.countdown(that);
111 |     }, 1000)
112 |   },
113 |   //获取二维码地址
114 |   getCode: function (e) {
115 |     var that = this
116 |     that.setData({
117 |       'GetCardQRCode.data.id': e.currentTarget.dataset.id
118 |     })
119 |     app.postData(that.data.GetCardQRCode, function (res) {
120 |       wx.previewImage({
121 |         current: res.data + '?' + Math.random(),
122 |         urls: [res.data + '?' + Math.random()],
123 |         success: function () {
124 |           that.countdown(that);
125 |         }
126 |       })
127 |     })
128 |   },
129 |   //删除单张名片
130 |   removeCard: function (e) {
131 |     var data = {
132 |       'url': 'Card/RemoveCard',
133 |       'data': {
134 |         'id': e.target.dataset.id
135 |       }
136 |     }
137 |     app.postData(data, function (res) {
138 |       wx.showToast({
139 |         title: res.msg,
140 |         icon: 'success',
141 |         duration: 2000,
142 |         complete: function () {
143 |           wx.navigateBack({
144 |             delta: 1
145 |           })
146 |         }
147 |       })
148 |     })
149 |   },
150 |   //编辑单张名片
151 |   editCard: function (e) {
152 |     wx.navigateTo({
153 |       url: '../createcard/createcard?id=' + e.target.dataset.id
154 |     })
155 |   },
156 |   //设置单张默认名片
157 |   setCardDefault: function (e) {
158 |     var that = this
159 |     var data = {
160 |       'url': 'Card/SetCardDefault',
161 |       'data': {
162 |         'id': e.target.dataset.id
163 |       }
164 |     }
165 |     app.postData(data, function (res) {
166 |       wx.showToast({
167 |         title: res.msg,
168 |         icon: 'success',
169 |         duration: 2000,
170 |         complete: function () {
171 |           app.postData(that.data.cardDetails, function (res) {
172 |             that.setData({
173 |               cardDetailsData: res.data
174 |             })
175 |           })
176 |         }
177 |       })
178 |     })
179 |   },
180 |   //打开我的名片
181 |   openMycard: function () {
182 |     wx.switchTab({
183 |       url: '../mycard/mycard'
184 |     })
185 |   },
186 |   //移除收藏的名片
187 |   undockCard: function (e) {
188 |     var that = this
189 |     that.setData({
190 |       'removeCollCard.data.id': e.target.dataset.id
191 |     })
192 |     app.postData(that.data.removeCollCard, function (res) {
193 |       wx.showToast({
194 |         title: res.msg,
195 |         icon: 'success',
196 |         duration: 2000,
197 |         complete: function () {
198 |           app.postData(that.data.othersCardDetails, function (res) {
199 |             that.setData({
200 |               cardDetailsData: res.data
201 |             })
202 |           })
203 |         }
204 |       })
205 |     })
206 |   },
207 |   //收藏他人名片夹
208 |   addCard: function (e) {
209 |     var that = this
210 |     that.setData({
211 |       'collCardData.data.id': e.target.dataset.id
212 |     })
213 |     app.postData(that.data.collCardData, function (res) {
214 |       wx.showToast({
215 |         title: res.msg,
216 |         icon: 'success',
217 |         duration: 2000,
218 |         complete: function () {
219 |           // wx.switchTab({
220 |           //   url: '../mycard/mycard'
221 |           // })
222 |           app.postData(that.data.othersCardDetails, function (res) {
223 |             that.setData({
224 |               cardDetailsData: res.data
225 |             })
226 |           })
227 |         }
228 |       })
229 |     })
230 |   },
231 |   //收藏他人名片夹 并且打开名片小程序
232 |   addCardOpen: function (e) {
233 |     var that = this
234 |     that.setData({
235 |       'collCardData.data.id': e.target.dataset.id
236 |     })
237 |     app.postData(that.data.collCardData, function (res) {
238 |       wx.showToast({
239 |         title: res.msg,
240 |         icon: 'success',
241 |         duration: 2000,
242 |         complete: function () {
243 |           wx.switchTab({
244 |             url: '../cardcase/cardcase'
245 |           })
246 |         }
247 |       })
248 |     })
249 |   },
250 |   openShare: function (e) {
251 |     var that = this
252 |     that.setData({
253 |       'CardShareData.data.id': e.target.dataset.id
254 |     })
255 |     app.postData(that.data.CardShareData, function (res) {
256 |       wx.previewImage({
257 |         current: res.data + '?' + Math.random(), // 当前显示图片的http链接
258 |         urls: [res.data + '?' + Math.random()] // 需要预览的图片http链接列表
259 |       })
260 |       that.setData({
261 |         isviewImage: true
262 |       })
263 |     })
264 |   },
265 |   onLoad: function (options) {
266 |     // 页面初始化 options为页面跳转所带来的参数
267 |     var that = this
268 |     if (options.q) {
269 |       var src = decodeURIComponent(options.q)
270 | 
271 |       console.log(options.q)
272 |       src.match(/id=(\S*)&share=1/)[1]
273 |       that.setData({
274 |         'cardDetails.data.id': src.match(/id=(\S*)&share=1/)[1],
275 |         'othersCardDetails.data.id': src.match(/id=(\S*)&share=1/)[1],
276 |         'GetOthersCard2.data.id': src.match(/id=(\S*)&share=1/)[1]
277 |       })
278 |       app.getLogiCallback('', function () {
279 |         wx.request({
280 |           url: that.data.GetOthersCard2.url,
281 |           method: 'POST',
282 |           data: that.data.GetOthersCard2.data,
283 |           header: {
284 |             'token': wx.getStorageSync('loginSuccessData').token,
285 |             'content-type': 'application/json'
286 |           },
287 |           success: function (res) {
288 |             that.setData({
289 |               isshare: true,
290 |               cardDetailsData: res.data.data,
291 |               mobile: wx.getStorageSync('loginSuccessData').mobile
292 |             })
293 |           },
294 |           fail: function (res) {
295 |             console.log('请求出错')
296 |           }
297 |         })
298 |       })
299 |     } else {
300 |       that.setData({
301 |         'cardDetails.data.id': options.id,
302 |         'othersCardDetails.data.id': options.id,
303 |         'GetOthersCard2.data.id': options.id
304 |       })
305 |       if (options.share) {
306 |         app.getLogiCallback('', function () {
307 |           wx.request({
308 |             url: that.data.GetOthersCard2.url,
309 |             method: 'POST',
310 |             data: that.data.GetOthersCard2.data,
311 |             header: {
312 |               'token': wx.getStorageSync('loginSuccessData').token,
313 |               'content-type': 'application/json'
314 |             },
315 |             success: function (res) {
316 |               that.setData({
317 |                 isshare: true,
318 |                 cardDetailsData: res.data.data,
319 |                 mobile: wx.getStorageSync('loginSuccessData').mobile
320 |               })
321 |             },
322 |             fail: function (res) {
323 |               console.log('请求出错')
324 |             }
325 |           })
326 |         })
327 |       } else {
328 |         if (options.type) {
329 |           that.setData({
330 |             getData: that.data.othersCardDetails,
331 |           })
332 |         } else {
333 |           that.setData({
334 |             getData: that.data.cardDetails,
335 |           })
336 |         }
337 |         app.postData(that.data.getData, function (res) {
338 |           that.setData({
339 |             cardDetailsData: res.data,
340 |             mobile: wx.getStorageSync('loginSuccessData').mobile
341 |           })
342 | 
343 |           wx.setNavigationBarTitle({
344 |             title: res.data.name
345 |           })
346 |         })
347 |       }
348 |     }
349 |   },
350 |   onReady: function () {
351 |     // 页面渲染完成
352 |   },
353 |   onShow: function () {
354 |     // 页面显示
355 |     if (wx.getStorageSync('token')) {
356 |       var that = this
357 |       app.postData(that.data.getData, function (res) {
358 |         that.setData({
359 |           cardDetailsData: res.data,
360 |           mobile: wx.getStorageSync('loginSuccessData').mobile
361 |         })
362 |       })
363 |     }
364 |   },
365 |   onHide: function () {
366 |     // 页面隐藏
367 |   },
368 |   onUnload: function () {
369 |     // 页面关闭
370 |   }
371 | })


--------------------------------------------------------------------------------
/pages/cardcase/cardcase.wxml:
--------------------------------------------------------------------------------
  1 | 
  2 | <!--pages/cardcase/cardcase.wxml-->
  3 | <view class="made" wx:if="{{ismovebtn}}" bindtouchstart="hideMade">
  4 | </view>
  5 | <view class="swiper-tab">
  6 |   <view class="swiper-tab-item  {{currenttab==0 ? 'active':''}}" data-current="0" bindtap="swiperTab">个人名片</view>
  7 |   <view class="swiper-tab-item  {{currenttab==1 ? 'active':''}}" data-current="1" bindtap="swiperTab">企业名片</view>
  8 | </view>
  9 | <modal hidden="{{hidden}}" title="移动至" confirm-text="确定" cancel-text="取消" bindcancel="cancel" bindconfirm="confirm" no-cancel="{{nocancel}}">
 10 |   <view class="selectgroup">
 11 | 
 12 |     <view class="selectgroup-item" wx:for="{{cardgroup.data}}" wx:key="{{itemName}}" wx:for-index="index" wx:for-item="itemName" bindtap="selectGroup" data-id="{{itemName.id}}" wx:if="{{itemName.name=='公司资源 &&isbindCompanyId'}}">
 13 |       <view class="selectgroup-content">
 14 |         {{itemName.name}}
 15 |         <text class="text-samll gray4">(无法移出，公司管理员可见)</text>
 16 |       </view>
 17 |       <view class="selectgroup-right" wx:if="{{itemName.select}}">
 18 |         <text class="icon iconfont icon-dagou green"></text>
 19 |       </view>
 20 |     </view>
 21 | 
 22 | 
 23 |     <view class="selectgroup-item" wx:for="{{cardgroup.data}}" wx:key="{{itemName}}" wx:for-index="index" wx:for-item="itemName" bindtap="selectGroup" data-id="{{itemName.id}}" wx:if="{{itemName.name!='公司资源'}}" >
 24 |       <view class="selectgroup-content">
 25 |         {{itemName.name}}
 26 |         <text catchtap="deleteGroup" data-name="{{itemName.name}}" data-index="{{index}}" data-id="{{itemName.id}}" class="iconfont icon-arrows_circle_minus" wx:if="{{itemName.name!='未分组'}}"></text>
 27 |       </view>
 28 |       <view class="selectgroup-right" wx:if="{{itemName.select}}">
 29 |         <text class="icon iconfont icon-dagou green"></text>
 30 |       </view>
 31 |     </view>
 32 | 
 33 |     <view class="selectgroup-item" bindtap="addGroup" wx:if="{{isaddgroupinput}}">
 34 |       <view class="selectgroup-content">
 35 |         <text class="iconfont icon-arrows_circle_plus"></text>
 36 |         添加组
 37 |       </view>
 38 |     </view>
 39 |     <view class="selectgroup-item" wx:else>
 40 |       <input placeholder="" maxlength="8" value="" bindconfirm="getDddGroupName" bindblur="setDddGroupName" focus="true" />
 41 |     </view>
 42 |   </view>
 43 | </modal>
 44 | 
 45 | <!--<swiper current="{{currenttab}}" class="swiper" bindchange="handleSwiperItem" circular="true">
 46 |   <swiper-item>
 47 |     <view class="cardcase">
 48 |       <view class="searchgroup" wx:if="{{isSearch}}">
 49 |         <view class="searchgroup-inputitem">
 50 |           <text class="iconfont icon-sousuo_sousuo"></text>
 51 |           <input bindinput="getSearchData" placeholder-class="gray3" placeholder="搜索" focus="true" />
 52 |         </view>
 53 |         <view class="searchgroup-right">
 54 |           <text bindtap="showSearch" class="green">取消</text>
 55 |         </view>
 56 |       </view>
 57 |       <view class="searchgroup" wx:else>
 58 |         <view class="searchgroup-item" bindtap="selectSortType">
 59 |           <view wx:if="{{userCardData.data.sortType===0}}">
 60 |             <text class="iconfont icon-shijian"></text>按时间
 61 |           </view>
 62 |           <view wx:if="{{userCardData.data.sortType===1}}">
 63 |             <text class="iconfont icon-letter-a-outline"></text>按字母
 64 |           </view>
 65 |           <view wx:if="{{userCardData.data.sortType===2}}">
 66 |             <text class="iconfont icon-gongsi"></text>按公司
 67 |           </view>
 68 |           <view wx:if="{{userCardData.data.sortType===3}}">
 69 |             <text class="iconfont icon-zu"></text>按分组
 70 |           </view>
 71 |         </view>
 72 |         <view class="searchgroup-item" bindtap="showSearch">
 73 |           <text class="iconfont icon-sousuo_sousuo"></text> 搜索
 74 |         </view>
 75 |       </view>
 76 |       <view wx:if="{{userCardData.data.sortType===3}}">
 77 |         <view class="searchgroup" wx:if="{{isselecgroup}}">
 78 |           <view class="searchgroup-right" bindtap="showSelectGroup">
 79 |             <text>选择</text>
 80 |           </view>
 81 |           <view class="searchgroup-inputitem">
 82 |             <view class=" text-right">左侧滑动单项移动分组</view>
 83 |           </view>
 84 |         </view>
 85 |         <view class="searchgroup" wx:else>
 86 |           <view class="searchgroup-right" bindtap="showSelectGroup">
 87 |             <text>取消</text>
 88 |           </view>
 89 |           <view class="searchgroup-inputitem" bindtap="showSelectGroupPop">
 90 |             <view class="green text-right">移动</view>
 91 |           </view>
 92 |         </view>
 93 |       </view>
 94 |       <view class="cardcase-group" wx:for="{{cardcasedata}}" wx:key="{{itemName}}" wx:for-index="index" wx:for-item="itemName">
 95 |         <view class="cardcase-groupid">
 96 |           <checkbox-group class="checkboxgroup" bindchange="checkboxChange" wx:if="{{!isselecgroup&&userCardData.data.sortType===3}}" data-id="{{index}}">
 97 |             <label class="checkboxgroup">
 98 |               <checkbox value="{{item.name}}" checked="{{itemName.checked}}" />
 99 |             </label>
100 |           </checkbox-group>
101 |           {{itemName.name}}
102 |         </view>
103 |         <view class="cardB-item" wx:for="{{itemName.items}}" wx:key="{{item}}" wx:for-index="itemsindex" wx:for-item="item">
104 |           <view class="searchgroup-left" wx:if="{{!isselecgroup&&userCardData.data.sortType===3}}">
105 |             <checkbox-group bindchange="checkboxChange2" wx:if="{{!isselecgroup&&userCardData.data.sortType===3}}" data-id="{{item.id}}">
106 |               <checkbox value="{{item.name}}" checked="{{item.checked}}" />
107 |             </checkbox-group>
108 |           </view>
109 |           <view class="cardB-mark" bindtap="handleSkip" data-id="{{item.id}}">
110 |             <image src="{{item.avatarUrl}}"></image>
111 |           </view>
112 |           <view class="cardB-content" bindtap="handleSkip" data-id="{{item.id}}">
113 |             <view class="name">{{item.name}}</view>
114 |             <view class="subtitle">{{item.companyName}}</view>
115 |           </view>
116 |           <view class="cardB-right">
117 |             <view>
118 |               <text bindtap="phoneCall" data-id="{{item.mobile}}" class="iconfont icon-dianhua green"></text>
119 |             </view>
120 |           </view>
121 |         </view>
122 |       </view>
123 |       <view class="hint" wx:if="{{cardcasedata.length=='0'}}">
124 |         没有更多了~
125 |       </view>
126 |     </view>
127 |   </swiper-item>
128 |   <swiper-item>
129 |     <view class="classname">
130 |     </view>
131 |   </swiper-item>
132 | </swiper>-->
133 | <view class="cardcase">
134 |   <view class="searchgroup" wx:if="{{isSearch}}">
135 |     <view class="searchgroup-inputitem">
136 |       <text class="iconfont icon-sousuo_sousuo"></text>
137 |       <input bindinput="getSearchData" placeholder-class="gray3" placeholder="搜索" focus="true" />
138 |     </view>
139 |     <view class="searchgroup-right">
140 |       <text bindtap="showSearch">取消</text>
141 |     </view>
142 |   </view>
143 |   <view class="searchgroup" wx:else>
144 |     <view class="searchgroup-item" bindtap="selectSortType">
145 |       <view wx:if="{{userCardData.data.sortType===0}}">
146 |         <text class="iconfont icon-shijian"></text>按时间
147 |       </view>
148 |       <view wx:if="{{userCardData.data.sortType===1}}">
149 |         <text class="iconfont icon-letter-a-outline"></text>按字母
150 |       </view>
151 |       <view wx:if="{{userCardData.data.sortType===2}}">
152 |         <text class="iconfont icon-gongsi"></text>按公司
153 |       </view>
154 |       <view wx:if="{{userCardData.data.sortType===3}}">
155 |         <text class="iconfont icon-zu"></text>按分组
156 |       </view>
157 |     </view>
158 |     <view class="searchgroup-item" bindtap="showSearch">
159 |       <text class="iconfont icon-sousuo_sousuo"></text> 搜索
160 |     </view>
161 |   </view>
162 |   <view wx:if="{{userCardData.data.sortType===3}}">
163 |     <view class="searchgroup" wx:if="{{isselecgroup}}">
164 |       <view class="searchgroup-right" bindtap="showSelectGroup">
165 |         <text class="gray">选择</text>
166 |       </view>
167 |       <view class="searchgroup-inputitem">
168 |         <view class=" text-right gray3">左侧滑动单项移动分组</view>
169 |       </view>
170 |     </view>
171 |     <view class="searchgroup" wx:else>
172 |       <view class="searchgroup-right" bindtap="showSelectGroup">
173 |         <text>取消</text>
174 |       </view>
175 |       <view class="searchgroup-inputitem" bindtap="showSelectGroupPop" wx:if="{{green}}">
176 |         <view class="green text-right">移动</view>
177 |       </view>
178 |       <view class="searchgroup-inputitem" wx:else>
179 |         <view class="gray3 text-right">移动</view>
180 |       </view>
181 |     </view>
182 |   </view>
183 |   <view class="cardcase-group" wx:for="{{cardcasedata}}" wx:key="{{itemName}}" wx:for-index="index" wx:for-item="itemName">
184 |     <view class="cardcase-groupid" wx:if="{{userCardData.data.sortType===3}}">
185 |       <checkbox-group class="checkboxgroup" bindchange="checkboxChange" wx:if="{{itemName.name!='公司资源'&&itemName.items.length!=0&&!isselecgroup}}" data-id="{{index}}">
186 |         <label class="checkboxgroup">
187 |           <checkbox value="{{item.name}}" checked="{{itemName.checked}}" />
188 |         </label>
189 |       </checkbox-group>
190 |     <text wx:if="{{itemName.name=='公司资源'}}"><text wx:if="{{isbindCompanyId}}">公司资源 </text></text><text wx:else>{{itemName.name}}</text>
191 |     </view>
192 |     <view class="cardcase-groupid" wx:else>
193 |       {{itemName.name}}
194 |     </view>
195 |     <view class="cardB-item" wx:for="{{itemName.items}}" wx:key="{{item}}" wx:for-index="itemsindex" wx:for-item="item" bindtouchmove="handleMove" bindtouchstart="handleStart" data-id="{{item.id}}" data-name="{{itemName.name}}">
196 |       <view class="searchgroup-left" wx:if="{{!isselecgroup&&userCardData.data.sortType===3}}">
197 |         <checkbox-group bindchange="checkboxChange2" wx:if="{{!isselecgroup&&userCardData.data.sortType===3&&itemName.name!='公司资源'}}" data-id="{{item.id}}" data-index="{{index}}">
198 |           <checkbox value="{{item.name}}" checked="{{item.checked}}" />
199 |         </checkbox-group>
200 |       </view>
201 |       <view class="cardB-mark" catchtap="handleSkip" data-id="{{item.id}}">
202 |         <image src="{{item.avatarUrl}}"></image>
203 |       </view>
204 |       <view class="cardB-content" catchtap="handleSkip" data-id="{{item.id}}">
205 |         <view class="name">{{item.name}}</view>
206 |         <view class="subtitle">{{item.companyName}}</view>
207 |       </view>
208 |       <view class="cardB-right">
209 |         <view>
210 |           <text bindtap="phoneCall" data-id="{{item.mobile}}" class="iconfont icon-dianhua green"></text>
211 |         </view>
212 |       </view>
213 |       <view wx:if="{{isselecgroup&&item.radio&&itemName.name!='公司资源'}}" class="cardB-movebtn" bindtap="showSelectGroupPop">
214 |         <text data-id="{{item.id}}"> 移动</text>
215 |       </view>
216 |     </view>
217 |   </view>
218 |   <view class="hint" wx:if="{{cardcasedata.length=='0'}}">
219 |     没有更多了~
220 |   </view>
221 | </view>


--------------------------------------------------------------------------------
/iconfont/demo_unicode.html:
--------------------------------------------------------------------------------
  1 | 
  2 | <!DOCTYPE html>
  3 | <html>
  4 | <head>
  5 |     <meta charset="utf-8"/>
  6 |     <title>IconFont</title>
  7 |     <link rel="stylesheet" href="demo.css">
  8 | 
  9 |     <style type="text/css">
 10 | 
 11 |         @font-face {font-family: "iconfont";
 12 |           src: url('iconfont.eot'); /* IE9*/
 13 |           src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
 14 |           url('iconfont.woff') format('woff'), /* chrome, firefox */
 15 |           url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
 16 |           url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
 17 |         }
 18 | 
 19 |         .iconfont {
 20 |           font-family:"iconfont" !important;
 21 |           font-size:16px;
 22 |           font-style:normal;
 23 |           -webkit-font-smoothing: antialiased;
 24 |           -webkit-text-stroke-width: 0.2px;
 25 |           -moz-osx-font-smoothing: grayscale;
 26 |         }
 27 | 
 28 |     </style>
 29 | </head>
 30 | <body>
 31 |     <div class="main markdown">
 32 |         <h1>IconFont 图标</h1>
 33 |         <ul class="icon_lists clear">
 34 |             
 35 |                 <li>
 36 |                 <i class="icon iconfont">&#xe603;</i>
 37 |                     <div class="name">搜索</div>
 38 |                     <div class="code">&amp;#xe603;</div>
 39 |                 </li>
 40 |             
 41 |                 <li>
 42 |                 <i class="icon iconfont">&#xe656;</i>
 43 |                     <div class="name">名片</div>
 44 |                     <div class="code">&amp;#xe656;</div>
 45 |                 </li>
 46 |             
 47 |                 <li>
 48 |                 <i class="icon iconfont">&#xe623;</i>
 49 |                     <div class="name">时间</div>
 50 |                     <div class="code">&amp;#xe623;</div>
 51 |                 </li>
 52 |             
 53 |                 <li>
 54 |                 <i class="icon iconfont">&#xe66d;</i>
 55 |                     <div class="name">A</div>
 56 |                     <div class="code">&amp;#xe66d;</div>
 57 |                 </li>
 58 |             
 59 |                 <li>
 60 |                 <i class="icon iconfont">&#xe688;</i>
 61 |                     <div class="name">设置</div>
 62 |                     <div class="code">&amp;#xe688;</div>
 63 |                 </li>
 64 |             
 65 |                 <li>
 66 |                 <i class="icon iconfont">&#xe6b1;</i>
 67 |                     <div class="name">勾选</div>
 68 |                     <div class="code">&amp;#xe6b1;</div>
 69 |                 </li>
 70 |             
 71 |                 <li>
 72 |                 <i class="icon iconfont">&#xe620;</i>
 73 |                     <div class="name">定位</div>
 74 |                     <div class="code">&amp;#xe620;</div>
 75 |                 </li>
 76 |             
 77 |                 <li>
 78 |                 <i class="icon iconfont">&#xe602;</i>
 79 |                     <div class="name">打钩</div>
 80 |                     <div class="code">&amp;#xe602;</div>
 81 |                 </li>
 82 |             
 83 |                 <li>
 84 |                 <i class="icon iconfont">&#xe604;</i>
 85 |                     <div class="name">下拉</div>
 86 |                     <div class="code">&amp;#xe604;</div>
 87 |                 </li>
 88 |             
 89 |                 <li>
 90 |                 <i class="icon iconfont">&#xe600;</i>
 91 |                     <div class="name">访客预约</div>
 92 |                     <div class="code">&amp;#xe600;</div>
 93 |                 </li>
 94 |             
 95 |                 <li>
 96 |                 <i class="icon iconfont">&#xe62e;</i>
 97 |                     <div class="name">登录_手机验证</div>
 98 |                     <div class="code">&amp;#xe62e;</div>
 99 |                 </li>
100 |             
101 |                 <li>
102 |                 <i class="icon iconfont">&#xe60f;</i>
103 |                     <div class="name">我的</div>
104 |                     <div class="code">&amp;#xe60f;</div>
105 |                 </li>
106 |             
107 |                 <li>
108 |                 <i class="icon iconfont">&#xe649;</i>
109 |                     <div class="name">电话</div>
110 |                     <div class="code">&amp;#xe649;</div>
111 |                 </li>
112 |             
113 |                 <li>
114 |                 <i class="icon iconfont">&#xe622;</i>
115 |                     <div class="name">朋友圈</div>
116 |                     <div class="code">&amp;#xe622;</div>
117 |                 </li>
118 |             
119 |                 <li>
120 |                 <i class="icon iconfont">&#xe60c;</i>
121 |                     <div class="name">名片</div>
122 |                     <div class="code">&amp;#xe60c;</div>
123 |                 </li>
124 |             
125 |                 <li>
126 |                 <i class="icon iconfont">&#xe68a;</i>
127 |                     <div class="name">默认</div>
128 |                     <div class="code">&amp;#xe68a;</div>
129 |                 </li>
130 |             
131 |                 <li>
132 |                 <i class="icon iconfont">&#xe64c;</i>
133 |                     <div class="name">邮箱</div>
134 |                     <div class="code">&amp;#xe64c;</div>
135 |                 </li>
136 |             
137 |                 <li>
138 |                 <i class="icon iconfont">&#xe697;</i>
139 |                     <div class="name">部门</div>
140 |                     <div class="code">&amp;#xe697;</div>
141 |                 </li>
142 |             
143 |                 <li>
144 |                 <i class="icon iconfont">&#xe612;</i>
145 |                     <div class="name">组</div>
146 |                     <div class="code">&amp;#xe612;</div>
147 |                 </li>
148 |             
149 |                 <li>
150 |                 <i class="icon iconfont">&#xe61d;</i>
151 |                     <div class="name">足迹</div>
152 |                     <div class="code">&amp;#xe61d;</div>
153 |                 </li>
154 |             
155 |                 <li>
156 |                 <i class="icon iconfont">&#xe681;</i>
157 |                     <div class="name">验证</div>
158 |                     <div class="code">&amp;#xe681;</div>
159 |                 </li>
160 |             
161 |                 <li>
162 |                 <i class="icon iconfont">&#xe621;</i>
163 |                     <div class="name">名片夹</div>
164 |                     <div class="code">&amp;#xe621;</div>
165 |                 </li>
166 |             
167 |                 <li>
168 |                 <i class="icon iconfont">&#xe601;</i>
169 |                     <div class="name">搜索_搜索</div>
170 |                     <div class="code">&amp;#xe601;</div>
171 |                 </li>
172 |             
173 |                 <li>
174 |                 <i class="icon iconfont">&#xe629;</i>
175 |                     <div class="name">关于</div>
176 |                     <div class="code">&amp;#xe629;</div>
177 |                 </li>
178 |             
179 |                 <li>
180 |                 <i class="icon iconfont">&#xe62a;</i>
181 |                     <div class="name">右侧小程序二维码</div>
182 |                     <div class="code">&amp;#xe62a;</div>
183 |                 </li>
184 |             
185 |                 <li>
186 |                 <i class="icon iconfont">&#xe640;</i>
187 |                     <div class="name">小程序</div>
188 |                     <div class="code">&amp;#xe640;</div>
189 |                 </li>
190 |             
191 |                 <li>
192 |                 <i class="icon iconfont">&#xe61e;</i>
193 |                     <div class="name">中英文切换-显示中英文</div>
194 |                     <div class="code">&amp;#xe61e;</div>
195 |                 </li>
196 |             
197 |                 <li>
198 |                 <i class="icon iconfont">&#xe687;</i>
199 |                     <div class="name">arrows_circle_minus</div>
200 |                     <div class="code">&amp;#xe687;</div>
201 |                 </li>
202 |             
203 |                 <li>
204 |                 <i class="icon iconfont">&#xe689;</i>
205 |                     <div class="name">arrows_circle_plus</div>
206 |                     <div class="code">&amp;#xe689;</div>
207 |                 </li>
208 |             
209 |                 <li>
210 |                 <i class="icon iconfont">&#xe615;</i>
211 |                     <div class="name">公司</div>
212 |                     <div class="code">&amp;#xe615;</div>
213 |                 </li>
214 |             
215 |                 <li>
216 |                 <i class="icon iconfont">&#xe60d;</i>
217 |                     <div class="name">angle-right</div>
218 |                     <div class="code">&amp;#xe60d;</div>
219 |                 </li>
220 |             
221 |                 <li>
222 |                 <i class="icon iconfont">&#xe60e;</i>
223 |                     <div class="name">angle-left</div>
224 |                     <div class="code">&amp;#xe60e;</div>
225 |                 </li>
226 |             
227 |                 <li>
228 |                 <i class="icon iconfont">&#xe647;</i>
229 |                     <div class="name">arrows_circle_remove</div>
230 |                     <div class="code">&amp;#xe647;</div>
231 |                 </li>
232 |             
233 |         </ul>
234 |         <h2 id="unicode-">unicode引用</h2>
235 |         <hr>
236 | 
237 |         <p>unicode是字体在网页端最原始的应用方式，特点是：</p>
238 |         <ul>
239 |         <li>兼容性最好，支持ie6+，及所有现代浏览器。</li>
240 |         <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
241 |         <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
242 |         </ul>
243 |         <blockquote>
244 |         <p>注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式</p>
245 |         </blockquote>
246 |         <p>unicode使用步骤如下：</p>
247 |         <h3 id="-font-face">第一步：拷贝项目下面生成的font-face</h3>
248 |         <pre><code class="lang-js hljs javascript">@font-face {
249 |   font-family: <span class="hljs-string">'iconfont'</span>;
250 |   src: url(<span class="hljs-string">'iconfont.eot'</span>);
251 |   src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>),
252 |   url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>),
253 |   url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>),
254 |   url(<span class="hljs-string">'iconfont.svg#iconfont'</span>) format(<span class="hljs-string">'svg'</span>);
255 | }
256 | </code></pre>
257 |         <h3 id="-iconfont-">第二步：定义使用iconfont的样式</h3>
258 |         <pre><code class="lang-js hljs javascript">.iconfont{
259 |   font-family:<span class="hljs-string">"iconfont"</span> !important;
260 |   font-size:<span class="hljs-number">16</span>px;font-style:normal;
261 |   -webkit-font-smoothing: antialiased;
262 |   -webkit-text-stroke-width: <span class="hljs-number">0.2</span>px;
263 |   -moz-osx-font-smoothing: grayscale;
264 | }
265 | </code></pre>
266 |         <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
267 |         <pre><code class="lang-js hljs javascript">&lt;i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"iconfont"</span>&gt;&amp;#x33;<span class="xml"><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span></span></code></pre>
268 | 
269 |         <blockquote>
270 |         <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
271 |         </blockquote>
272 |     </div>
273 | 
274 | 
275 | </body>
276 | </html>
277 | 


--------------------------------------------------------------------------------
/pages/createcard/createcard.js:
--------------------------------------------------------------------------------
  1 | // pages/createcard/createcard.js
  2 | //获取应用实例
  3 | var app = getApp()
  4 | 
  5 | Page({
  6 |   data: {
  7 |     iseng: true,
  8 |     ischinese: true,
  9 |     isen: false,
 10 |     cardData: {
 11 |       "url": "",
 12 |       'data': {
 13 |         'id': '',
 14 |         'name': '',
 15 |         'title': '',
 16 |         'mobile': '',
 17 |         'companyName': '',
 18 |         'more': '',
 19 |         'mobileVerify': false,
 20 |         'avatarUrl': '',
 21 |         'isDefault': false,
 22 |         'email': '',
 23 |         'address': '',
 24 |         'loglat': '',
 25 |         'language': ''
 26 |       }
 27 |     },
 28 |     enCardData: {
 29 |       "url": "",
 30 |       'data': {
 31 |         'id': '',
 32 |         'name': '',
 33 |         'title': '',
 34 |         'mobile': '',
 35 |         'companyName': '',
 36 |         'mobileVerify': false,
 37 |         'more': '',
 38 |         'avatarUrl': '',
 39 |         'isDefault': false,
 40 |         'email': '',
 41 |         'address': '',
 42 |         'loglat': '',
 43 |         'language': ''
 44 |       }
 45 |     }
 46 |   },
 47 |   cardDataName: function (e) {
 48 |     this.setData({
 49 |       'cardData.data.name': e.detail.value
 50 |     })
 51 |   },
 52 |   cardDataTitle: function (e) {
 53 |     this.setData({
 54 |       'cardData.data.title': e.detail.value
 55 |     })
 56 |   },
 57 |   cardDataMobile: function (e) {
 58 |     this.setData({
 59 |       'cardData.data.mobile': e.detail.value
 60 |     })
 61 |   },
 62 |   cardDataCompanyName: function (e) {
 63 |     this.setData({
 64 |       'cardData.data.companyName': e.detail.value
 65 |     })
 66 |   },
 67 |   cardDataMore: function (e) {
 68 |     this.setData({
 69 |       'cardData.data.more': e.detail.value
 70 |     })
 71 |   },
 72 |   cardDataEmail: function (e) {
 73 |     this.setData({
 74 |       'cardData.data.email': e.detail.value
 75 |     })
 76 |   },
 77 |   enCardDataName: function (e) {
 78 |     this.setData({
 79 |       'enCardData.data.name': e.detail.value
 80 |     })
 81 |   },
 82 |   enCardDataTitle: function (e) {
 83 |     this.setData({
 84 |       'enCardData.data.title': e.detail.value
 85 |     })
 86 |   },
 87 |   enCardDataMobile: function (e) {
 88 |     this.setData({
 89 |       'enCardData.data.mobile': e.detail.value
 90 |     })
 91 |   },
 92 |   enCardDataCompanyName: function (e) {
 93 |     this.setData({
 94 |       'enCardData.data.companyName': e.detail.value
 95 |     })
 96 |   },
 97 |   enCardDataMore: function (e) {
 98 |     this.setData({
 99 |       'enCardData.data.more': e.detail.value
100 |     })
101 |   },
102 |   enCardDataEmail: function (e) {
103 |     this.setData({
104 |       'enCardData.data.email': e.detail.value
105 |     })
106 |   },
107 |   onLoad: function (options) {
108 |     // 页面初始化 options为页面跳转所带来的参数
109 |     var that = this
110 |     if (options.id === "0") {
111 |       that.setData({
112 |         iseng: true,
113 |         'cardData.data.id': '',
114 |         'cardData.data.mobile': wx.getStorageSync('loginSuccessData').mobile,
115 |         'cardData.data.mobileVerify': wx.getStorageSync('loginSuccessData').mobVerify,
116 |         'cardData.data.avatarUrl': wx.getStorageSync('userInfo').avatarUrl,
117 |         'cardData.data.name': wx.getStorageSync('userInfo').nickName,
118 | 
119 |       })
120 |       wx.setNavigationBarTitle({
121 |         title: '创建名片'
122 |       })
123 |     } else {
124 |       that.setData({
125 |         iseng: false,
126 |         'cardData.data.id': options.id,
127 |         'cardData.data.mobile': wx.getStorageSync('loginSuccessData').mobile,
128 |         'cardData.data.mobileVerify': wx.getStorageSync('loginSuccessData').mobVerify,
129 |         'cardData.data.avatarUrl': wx.getStorageSync('userInfo').avatarUrl,
130 |         'cardData.data.name': wx.getStorageSync('userInfo').nickName,
131 | 
132 |       })
133 |       wx.setNavigationBarTitle({
134 |         title: '编辑名片'
135 |       })
136 | 
137 |       var editDataCard = {
138 |         'url': 'Card/GetCard',
139 |         'data': {
140 |           'id': options.id
141 |         }
142 |       }
143 |       app.postData(editDataCard, function (res) {
144 |         if (res.data.language === 1) {
145 |           that.setData({
146 |             ischinese: false,
147 |             isen: true,
148 |             'enCardData.data': res.data
149 |           })
150 |           return
151 |         } else if (res.data.language === 0) {
152 |           that.setData({
153 |             'cardData.data': res.data,
154 |           })
155 |           return
156 |         }
157 |       })
158 |     }
159 |   },
160 |   toVerifyCode: function () {
161 |     wx.navigateTo({
162 |       url: '../phoneverify/phoneverify'
163 |     })
164 |   },
165 |   onReady: function () {
166 |     // 页面渲染完成    
167 |   },
168 |   onShow: function () {
169 |     // 页面显示
170 |   },
171 |   onHide: function () {
172 |     // 页面隐藏
173 |   },
174 |   onUnload: function () {
175 |     // 页面关闭
176 |   },
177 |   tabEng: function () {
178 |     var that = this
179 | 
180 |     if (that.data.isen) {
181 |       wx.setStorageSync('enCardData', that.data.enCardData)
182 |       if (wx.getStorageSync('cardData')) {
183 |         return that.setData({
184 |           ischinese: true,
185 |           isen: false,
186 |           cardData: wx.getStorageSync('cardData')
187 |         })
188 |       } else {
189 |         return that.setData({
190 |           ischinese: true,
191 |           isen: false,
192 |           cardData: that.data.cardData
193 |         })
194 |       }
195 |     }
196 |     if (that.data.ischinese) {
197 |       wx.setStorageSync('cardData', that.data.cardData)
198 | 
199 |       if (wx.getStorageSync('enCardData')) {
200 |         return that.setData({
201 |           ischinese: false,
202 |           isen: true,
203 |           enCardData: wx.getStorageSync('enCardData')
204 |         })
205 |       } else {
206 |         return that.setData({
207 |           ischinese: false,
208 |           isen: true,
209 |           enCardData: that.data.enCardData
210 |         })
211 |       }
212 |     }
213 |   },
214 |   openAddress: function () {
215 |     var that = this
216 |     wx.chooseLocation({
217 |       success: function (res) {
218 |         that.setData({
219 |           'cardData.data.address': res.address,
220 |           'cardData.data.loglat': res.latitude + ',' + res.longitude
221 |         })
222 |         that.setData({
223 |           'enCardData.data.address': res.address,
224 |           'enCardData.data.loglat': res.latitude + ',' + res.longitude
225 |         })
226 |       },
227 |       fail: function (res) {
228 |         // fail
229 |       },
230 |       complete: function (res) {
231 |         // complete
232 |       }
233 |     })
234 |   },
235 |   formSubmit: function (e) {
236 |     var that = this
237 |     if (e.detail.value.name === '' || e.detail.value.mobile === '') {
238 |       if (e.detail.value.name === '') {
239 |         wx.showToast({
240 |           title: '姓名必填',
241 |           image: '../../images/error.png',
242 |           duration: 2000
243 |         })
244 |       }
245 |       if (e.detail.value.mobile === '') {
246 |         wx.showToast({
247 |           title: '手机必填',
248 |           image: '../../images/error.png',
249 |           duration: 2000
250 |         })
251 |       }
252 |     } else {
253 | 
254 |       var data = {
255 |         'url': 'Card/SaveCard',
256 |         'data': {
257 |           'id': that.data.cardData.data.id,
258 |           'name': e.detail.value.name,
259 |           'title': e.detail.value.title,
260 |           'mobile': e.detail.value.mobile,
261 |           'companyName': e.detail.value.companyName,
262 |           'more': e.detail.value.more,
263 |           // 'avatarUrl': that.data.cardData.data.avatarUrl,
264 |           // 'isDefaurl': false,
265 |           'email': e.detail.value.email,
266 |           'address': e.detail.value.address,
267 |           'loglat': that.data.cardData.data.loglat,
268 |           'language': 0
269 |         }
270 |       }
271 |       if (e.detail.value.email != '') {
272 |         var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
273 |         if (!filter.test(e.detail.value.email)) {
274 |           wx.showToast({
275 |             title: '邮箱错误',
276 |             image: '../../images/error.png',
277 |             duration: 2000
278 |           })
279 |         } else {
280 | 
281 |           app.postData(data, function (res) {
282 |             if (res.code === 200) {
283 |               var loginSuccessData = {
284 |                 'token': wx.getStorageSync('loginSuccessData').token,
285 |                 'mobile': e.detail.value.mobile,
286 |                 'mobVerify': wx.getStorageSync('loginSuccessData').mobVerify
287 |               }
288 |               wx.setStorageSync('loginSuccessData', loginSuccessData)
289 |               wx.navigateBack({
290 |                 delta: 1
291 |               })
292 |             }
293 |           })
294 |         }
295 | 
296 |       } else {
297 |         app.postData(data, function (res) {
298 |           if (res.code === 200) {
299 |             var loginSuccessData = {
300 |               'token': wx.getStorageSync('loginSuccessData').token,
301 |               'mobile': e.detail.value.mobile,
302 |               'mobVerify': wx.getStorageSync('loginSuccessData').mobVerify
303 |             }
304 |             wx.setStorageSync('loginSuccessData', loginSuccessData)
305 |             wx.navigateBack({
306 |               delta: 1
307 |             })
308 |           }
309 |         })
310 |       }
311 |     }
312 |   },
313 |   enformSubmit: function (e) {
314 |     var that = this
315 |     if (e.detail.value.name === '' || e.detail.value.mobile === '') {
316 |       if (e.detail.value.name === '') {
317 |         wx.showToast({
318 |           title: 'name required',
319 |           image: '../../images/error.png',
320 |           duration: 2000
321 |         })
322 |       }
323 |       if (e.detail.value.mobile === '') {
324 |         wx.showToast({
325 |           title: 'mobile required',
326 |           image: '../../images/error.png',
327 |           duration: 2000
328 |         })
329 |       }
330 |     } else {
331 |       var data = {
332 |         'url': 'Card/SaveCard',
333 |         'data': {
334 |           'id': that.data.cardData.data.id,
335 |           'name': e.detail.value.name,
336 |           'title': e.detail.value.title,
337 |           'mobile': e.detail.value.mobile,
338 |           'companyName': e.detail.value.companyName,
339 |           'more': e.detail.value.more,
340 |           // 'avatarUrl': that.data.cardData.data.avatarUrl,
341 |           // 'isDefaurl': false,
342 |           'email': e.detail.value.email,
343 |           'address': e.detail.value.address,
344 |           'loglat': that.data.enCardData.data.loglat,
345 |           'language': 1
346 |         }
347 |       }
348 |       if (e.detail.value.email != '') {
349 |         var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
350 |         if (!filter.test(e.detail.value.email)) {
351 |           wx.showToast({
352 |             title: 'Email Error',
353 |             image: '../../images/error.png',
354 |             duration: 2000
355 |           })
356 |         } else {
357 |           app.postData(data, function (res) {
358 |             if (res.code === 200) {
359 |               var loginSuccessData = {
360 |                 'token': wx.getStorageSync('loginSuccessData').token,
361 |                 'mobile': e.detail.value.mobile,
362 |                 'mobVerify': wx.getStorageSync('loginSuccessData').mobVerify
363 |               }
364 |               wx.setStorageSync('loginSuccessData', loginSuccessData)
365 |               wx.navigateBack({
366 |                 delta: 1
367 |               })
368 |             }
369 |           })
370 |         }
371 |       } else {
372 |         app.postData(data, function (res) {
373 |           if (res.code === 200) {
374 |             var loginSuccessData = {
375 |               'token': wx.getStorageSync('loginSuccessData').token,
376 |               'mobile': e.detail.value.mobile,
377 |               'mobVerify': wx.getStorageSync('loginSuccessData').mobVerify
378 |             }
379 |             wx.setStorageSync('loginSuccessData', loginSuccessData)
380 |             wx.navigateBack({
381 |               delta: 1
382 |             })
383 |           }
384 |         })
385 | 
386 |       }
387 | 
388 | 
389 | 
390 | 
391 | 
392 | 
393 | 
394 | 
395 | 
396 | 
397 | 
398 | 
399 | 
400 | 
401 | 
402 |     }
403 |   },
404 |   formReset: function () {
405 |     console.log('form发生了reset事件')
406 |   }
407 | })


--------------------------------------------------------------------------------
/pages/cardcase/cardcase.js:
--------------------------------------------------------------------------------
  1 | // pages/cardcase/cardcase.js
  2 | var app = getApp()
  3 | 
  4 | Page({
  5 |   data: {
  6 |     lastX: 0,
  7 |     lastY: 0,
  8 |     text: "没有滑动",
  9 |     touchDotX: 0,
 10 |     touchDotY: 0,
 11 |     istouch: true,
 12 |     green: false,
 13 |     slideselecgroup: false,
 14 |     selectedgroup: [],
 15 |     selecgroup: [],
 16 |     setgroup: [],
 17 |     isselecgroup: true,
 18 |     ismovebtn: false,
 19 |     hidden: true,
 20 |     isaddgroupinput: true,
 21 |     nocancel: false,
 22 |     tip: '',
 23 |     buttonDisabled: false,
 24 |     modalHidden: true,
 25 |     show: false,
 26 |     isSearch: false,
 27 |     cardcasedata: {},
 28 |     currenttab: 0,
 29 |     isbindCompanyId: false,
 30 |     userCardData: {
 31 |       'url': 'Card/GetCollectCard',
 32 |       'data': {
 33 |         'sortType': 1,
 34 |         'key': ''
 35 |       }
 36 |     },
 37 |     cardgroup: {
 38 |       'url': 'Card/GetGroups',
 39 |       'data': []
 40 |     },
 41 |     setGroup: {
 42 |       'url': 'Card/SetGroup',
 43 |       'data': {
 44 |         'gid': '',
 45 |         'cid': []
 46 |       }
 47 |     }
 48 |   },
 49 |   //切换tab
 50 |   swiperTab: function (e) {
 51 |     var that = this;
 52 |     if (that.data.currenttab === e.target.dataset.current) {
 53 |       return false;
 54 |     } else {
 55 |       that.setData({
 56 |         currenttab: e.target.dataset.current
 57 |       })
 58 |     }
 59 |   },
 60 |   //显示tab的内容
 61 |   handleSwiperItem: function (e) {
 62 |     var that = this;
 63 |     that.setData({
 64 |       currenttab: that.data.currenttab
 65 |     })
 66 |   },
 67 |   //拨打电话
 68 |   phoneCall: function (e) {
 69 |     wx.makePhoneCall({
 70 |       phoneNumber: e.target.dataset.id //仅为示例，并非真实的电话号码
 71 |     })
 72 |   },
 73 |   //获取个人名片数据
 74 |   getUserCardData: function (that, sortType, key) {
 75 |     that.setData({
 76 |       ismovebtn: false,
 77 |       'userCardData.data.sortType': sortType,
 78 |       'userCardData.data.key': key
 79 |     })
 80 |     app.postData(that.data.userCardData, function (res) {
 81 |       that.setData({
 82 |         cardcasedata: res.data
 83 |       })
 84 |       if (sortType == 3) {
 85 |         if (wx.getStorageSync('loginSuccessData').bindCompanyId != '') {
 86 |           that.setData({
 87 |             isbindCompanyId: true
 88 |           })
 89 |         }
 90 |         that.data.cardcasedata.map(function (v, i) {
 91 |           v.checked = false
 92 |           v.items.map(function (v2, i2) {
 93 |             v2.checked = false
 94 |             v2.radio = false
 95 |           })
 96 |         })
 97 | 
 98 |         that.setData({
 99 |           cardcasedata: that.data.cardcasedata
100 |         })
101 |       }
102 |     })
103 |   },
104 |   //显示搜索
105 |   showSearch: function () {
106 |     var that = this
107 |     that.setData({
108 |       isSearch: !that.data.isSearch
109 |     })
110 |   },
111 |   //获取搜索数据
112 |   getSearchData: function (e) {
113 |     var that = this
114 |     that.getUserCardData(that, that.data.userCardData.data.sortType, e.detail.value)
115 |   },
116 |   //切换排序类型
117 |   selectSortType: function () {
118 |     var that = this
119 |     wx.showActionSheet({
120 |       itemColor: '#757575',
121 |       itemList: ['按时间排序', '按字母排序', '按公司排序', '按分组排序'],
122 |       success: function (res) {
123 |         if (typeof (res.tapIndex) != 'undefined') {
124 |           that.setData({
125 |             'userCardData.data.sortType': res.tapIndex
126 |           })
127 |           that.getUserCardData(that, res.tapIndex, '')
128 |         }
129 |       },
130 |       fail: function (res) {
131 |         console.log(res.errMsg)
132 |       }
133 |     })
134 |   },
135 |   //显示选择分组
136 |   showSelectGroup: function () {
137 |     var that = this
138 |     that.setData({
139 |       isselecgroup: !that.data.isselecgroup
140 |     })
141 |   },
142 |   //显示分组弹框
143 |   showSelectGroupPop: function () {
144 |     var that = this
145 |     that.setData({
146 |       hidden: !that.data.hidden
147 |     })
148 | 
149 |     app.getData(that.data.cardgroup.url, function (res) {
150 |       that.setData({
151 |         'cardgroup.data': res.data
152 |       })
153 | 
154 |       that.data.cardcasedata.map(function (v, i) {
155 |         v.items.map(function (v1, i1) {
156 |           if (v1.checked || v1.radio) {
157 |             that.data.setgroup.push(v1.id)
158 |             that.setData({
159 |               'setGroup.data.cid': that.data.setgroup,
160 |               'cardgroup.data': that.data.cardgroup.data
161 |             })
162 |           }
163 |         })
164 |       })
165 |     })
166 |   },
167 |   //分组弹框 取消按钮
168 |   cancel: function (e) {
169 |     var that = this
170 |     that.setData({
171 |       hidden: !that.data.hidden,
172 |       setgroup: [],
173 |       green: false,
174 |       isselecgroup: true
175 |     })
176 |     that.getUserCardData(that, 3, '')
177 |   },
178 |   //分组弹框 确定按钮
179 |   confirm: function (e) {
180 |     var that = this
181 |     if (that.data.setGroup.data.gid == '') {
182 |       wx.showToast({
183 |         title: '请选择组',
184 |         icon: 'success',
185 |         duration: 2000,
186 |         complete: function () {
187 |         }
188 |       })
189 |     } else {
190 |       app.postData(that.data.setGroup, function (res) {
191 |         wx.showToast({
192 |           title: res.msg,
193 |           icon: 'success',
194 |           duration: 2000,
195 |           complete: function () {
196 |             that.setData({
197 |               hidden: !that.data.hidden,
198 |               setgroup: [],
199 |               isselecgroup: true,
200 |               green: false,
201 | 
202 |             })
203 |             that.getUserCardData(that, 3, '')
204 |           }
205 |         })
206 |       })
207 |     }
208 |   },
209 |   //多选
210 |   checkboxChange: function (e) {
211 |     var that = this
212 |     if (e.detail.value.length === 1) {
213 |       that.data.cardcasedata[e.currentTarget.dataset.id].checked = true
214 |       that.data.cardcasedata[e.currentTarget.dataset.id].items
215 |         .map(function (v, i) {
216 |           v.checked = true
217 |         })
218 |       that.setData({
219 |         cardcasedata: that.data.cardcasedata,
220 |         green: true
221 |       })
222 |     } else {
223 |       that.data.cardcasedata[e.currentTarget.dataset.id].checked = false
224 |       that.data.cardcasedata[e.currentTarget.dataset.id].items
225 |         .map(function (v, i) {
226 |           v.checked = false
227 |         })
228 |       that.setData({
229 |         green: false,
230 |         cardcasedata: that.data.cardcasedata
231 |       })
232 |     }
233 | 
234 |     that.data.cardcasedata.map(function (v, i) {
235 |       v.items.map(function (v, i) {
236 |         if (v.checked == true) {
237 |           that.setData({
238 |             green: true,
239 |           })
240 |         }
241 |       })
242 |     })
243 | 
244 |   },
245 |   //单选
246 |   checkboxChange2: function (e) {
247 |     var that = this
248 |     var a;
249 |     var a1 = []
250 |     var aitems = that.data.cardcasedata[e.currentTarget.dataset.index].items
251 |     if (e.detail.value.length === 1) {
252 |       that.data.cardcasedata.map(function (v, i) {
253 |         v.items.map(function (v1, i1) {
254 |           if (v1.id === e.currentTarget.dataset.id) {
255 |             v1.checked = true
256 |           }
257 |         })
258 |       })
259 |       that.setData({
260 |         green: true,
261 |         cardcasedata: that.data.cardcasedata
262 |       })
263 |     } else {
264 |       that.data.cardcasedata.map(function (v, i) {
265 |         v.items.map(function (v1, i1) {
266 |           if (v1.id === e.currentTarget.dataset.id) {
267 |             v1.checked = false
268 |           }
269 |         })
270 |       })
271 |       that.setData({
272 |         cardcasedata: that.data.cardcasedata
273 |       })
274 |     }
275 | 
276 |     that.data.cardcasedata.map(function (v, i) {
277 |       v.items.map(function (v1, i1) {
278 |         if (v1.checked || v1.radio) {
279 |           a = v.items
280 |         }
281 |       })
282 |     })
283 |     aitems.map(function (v, i) {
284 |       if (v.checked) {
285 |         a1.push(v.checked)
286 |       }
287 |     })
288 | 
289 |     if (a1.length == aitems.length) {
290 |       that.data.cardcasedata[e.currentTarget.dataset.index].checked = true
291 |       that.setData({
292 |         green: true,
293 |         cardcasedata: that.data.cardcasedata
294 |       })
295 |     } else if (a1.length == 0 || a1.length < aitems.length) {
296 |       that.data.cardcasedata[e.currentTarget.dataset.index].checked = false
297 |       that.setData({
298 |         cardcasedata: that.data.cardcasedata
299 |       })
300 |     }
301 | 
302 |     if (typeof (a) == 'undefined') {
303 |       that.setData({
304 |         green: false,
305 |         cardcasedata: that.data.cardcasedata
306 |       })
307 |     }
308 |   },
309 |   //移动某个分组
310 |   selectGroup: function (e) {
311 |     var that = this
312 |     that.data.cardgroup.data.map(function (v, i) {
313 |       v.select = false
314 |       if (v.id == e.currentTarget.dataset.id) {
315 |         if (v.select) {
316 |           v.select = false
317 |         } else {
318 |           v.select = true
319 |         }
320 |       }
321 |     })
322 |     that.setData({
323 |       'setGroup.data.gid': e.currentTarget.dataset.id,
324 |       'cardgroup.data': that.data.cardgroup.data
325 |     })
326 |   },
327 |   //删除分组
328 |   deleteGroup: function (e) {
329 |     var that = this
330 |     var data = {
331 |       'url': 'Card/DeleteGroup',
332 |       'data': {
333 |         id: e.currentTarget.dataset.id
334 |       }
335 |     }
336 | 
337 |     wx.showModal({
338 |       title: '提示',
339 |       content: '是否确认删除  "' + e.currentTarget.dataset.name + '" ?',
340 |       success: function (res) {
341 |         if (res.confirm) {
342 |           app.postData(data, function (res) {
343 |             wx.showToast({
344 |               title: '删除成功',
345 |               icon: 'success',
346 |               duration: 2000,
347 |               complete: function () {
348 |                 app.getData(that.data.cardgroup.url, function (res2) {
349 |                   that.setData({
350 |                     'cardgroup.data': res2.data,
351 |                   })
352 |                 })
353 |               }
354 |             })
355 |           })
356 |         } else if (res.cancel) {
357 |           console.log('用户点击取消')
358 |         }
359 |       }
360 |     })
361 |   },
362 |   //添加分组
363 |   addGroup: function () {
364 |     var that = this
365 |     that.setData({
366 |       isaddgroupinput: false
367 |     })
368 |   },
369 |   //获取 新增分组名称
370 |   getDddGroupName: function (e) {
371 |     var that = this
372 |     if (e.detail.value != '') {
373 |       var data = {
374 |         'url': 'Card/SaveGroup',
375 |         'data': {
376 |           'id': '',
377 |           'name': e.detail.value
378 |         }
379 |       }
380 |       app.postData(data, function (res) {
381 |         app.getData(that.data.cardgroup.url, function (res2) {
382 |           that.setData({
383 |             'cardgroup.data': res2.data,
384 |             isaddgroupinput: true
385 |           })
386 |         })
387 |       })
388 |     } else {
389 |       wx.showToast({
390 |         title: '分组名不能为空',
391 |         icon: 'success',
392 |         duration: 2000,
393 |         complete: function () {
394 |           that.setData({
395 |             isaddgroupinput: true
396 |           })
397 |         }
398 |       })
399 |     }
400 |   },
401 |   setDddGroupName: function (e) {
402 |     var that = this
403 |     that.setData({
404 |       isaddgroupinput: true
405 |     })
406 |   },
407 |   //滑动开始
408 |   handleStart: function (e) {
409 |     var that = this
410 |     if (that.data.userCardData.data.sortType == 3 && that.data.isselecgroup) {
411 |       if (e.currentTarget.dataset.name != '公司资源') {
412 |         that.setData({
413 |           touchDotX: e.touches[0].pageX,
414 |           touchDotY: e.touches[0].pageY
415 |         })
416 |       }
417 |     }
418 | 
419 |   },
420 |   //滑动过程中
421 |   handleMove: function (e) {
422 |     var that = this
423 | 
424 |     if (that.data.userCardData.data.sortType == 3 && that.data.isselecgroup) {
425 |       if (e.currentTarget.dataset.name != '公司资源') {
426 |         var touchMoveX = e.touches[0].pageX,
427 |           touchMoveY = e.touches[0].pageY,
428 | 
429 | 
430 |           X = touchMoveX - that.data.touchDotX,
431 |           Y = touchMoveY - that.data.touchDotY
432 | 
433 |         if (Math.abs(X) > Math.abs(Y) && X > 0) {
434 |           // right alert('向右')
435 |           that.data.cardcasedata.map(function (v, i) {
436 |             v.items.map(function (v2, i2) {
437 |               if (v2.id === e.currentTarget.dataset.id) {
438 |                 v2.radio = false
439 |               }
440 |             })
441 |           })
442 |           that.setData({
443 |             ismovebtn: false,
444 |             cardcasedata: that.data.cardcasedata
445 |           })
446 |         }
447 | 
448 |         if (Math.abs(X) > Math.abs(Y) && X < 0) {
449 |           // right alert('向左')
450 |           if (X < -50) {
451 |             that.data.cardcasedata.map(function (v, i) {
452 |               v.items.map(function (v2, i2) {
453 |                 v2.radio = false
454 |                 if (v2.id === e.currentTarget.dataset.id) {
455 |                   v2.radio = true
456 |                 }
457 |               })
458 |             })
459 |             that.setData({
460 |               ismovebtn: true,
461 |               cardcasedata: that.data.cardcasedata
462 |             })
463 |           }
464 |         }
465 |       }
466 |     }
467 |   },
468 |   handleSkip: function (e) {
469 |     wx.navigateTo({
470 |       url: '../carddetails/carddetails?id=' + e.currentTarget.dataset.id + '&type=1'
471 |     })
472 |   },
473 |   //隐藏遮罩层
474 |   hideMade: function () {
475 |     var that = this
476 |     that.data.cardcasedata.map(function (v, i) {
477 |       v.items.map(function (v2, i2) {
478 |         v2.radio = false
479 |       })
480 |     })
481 |     that.setData({
482 |       ismovebtn: false,
483 |       cardcasedata: that.data.cardcasedata
484 |     })
485 |   },
486 |   onLoad: function (e) {
487 |     var that = this
488 |     that.getUserCardData(that, 1, '')
489 |   },
490 |   onShow: function () {
491 |     var that = this
492 |     that.getUserCardData(that, that.data.userCardData.data.sortType, '')
493 |   },
494 |   canvasIdErrorCallback: function (e) {
495 |     console.error(e.detail.errMsg)
496 |   },
497 | })


--------------------------------------------------------------------------------
/js/qqmap-wx-jssdk.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * 微信小程序JavaScriptSDK
  3 |  * 
  4 |  * @version 1.0
  5 |  * @date 2017-01-10
  6 |  * @author jaysonzhou@tencent.com
  7 |  */
  8 | 
  9 | var ERROR_CONF = {
 10 |     KEY_ERR: 311,
 11 |     KEY_ERR_MSG: 'key格式错误',
 12 |     PARAM_ERR: 310,
 13 |     PARAM_ERR_MSG: '请求参数信息有误',
 14 |     SYSTEM_ERR: 600,
 15 |     SYSTEM_ERR_MSG: '系统错误',
 16 |     WX_ERR_CODE: 1000,
 17 |     WX_OK_CODE: 200
 18 | };
 19 | var BASE_URL = 'https://apis.map.qq.com/ws/';
 20 | var URL_SEARCH = BASE_URL + 'place/v1/search';
 21 | var URL_SUGGESTION = BASE_URL + 'place/v1/suggestion';
 22 | var URL_GET_GEOCODER = BASE_URL + 'geocoder/v1/';
 23 | var URL_CITY_LIST = BASE_URL + 'district/v1/list';
 24 | var URL_AREA_LIST = BASE_URL + 'district/v1/getchildren';
 25 | var URL_DISTANCE = BASE_URL + 'distance/v1/';
 26 | var Utils = {
 27 |     /**
 28 |      * 得到终点query字符串
 29 |      * @param {Array|String} 检索数据
 30 |      */
 31 |     location2query(data) {
 32 |         if (typeof data == 'string') {
 33 |             return data;
 34 |         }
 35 |         var query = '';
 36 |         for (var i = 0; i < data.length; i++) {
 37 |             var d = data[i];
 38 |             if (!!query) {
 39 |                 query += ';';
 40 |             }
 41 |             if (d.location) {
 42 |                 query = query + d.location.lat + ',' + d.location.lng;
 43 |             }
 44 |             if (d.latitude && d.longitude) {
 45 |                 query = query + d.latitude + ',' + d.longitude;
 46 |             }
 47 |         }
 48 |         return query;
 49 |     },
 50 | 
 51 |     /**
 52 |      * 使用微信接口进行定位
 53 |      */
 54 |     getWXLocation(success, fail, complete) {
 55 |         wx.getLocation({
 56 |             type: 'gcj02',
 57 |             success: success,
 58 |             fail: fail,
 59 |             complete: complete
 60 |         });
 61 |     },
 62 | 
 63 |     /**
 64 |      * 获取location参数
 65 |      */
 66 |     getLocationParam(location) {
 67 |         if (typeof location == 'string') {
 68 |             var locationArr = location.split(',');
 69 |             if (locationArr.length === 2) {
 70 |                 location = {
 71 |                     latitude: location.split(',')[0],
 72 |                     longitude: location.split(',')[1]
 73 |                 };
 74 |             } else {
 75 |                 location = {};
 76 |             }
 77 |         }
 78 |         return location;
 79 |     },
 80 | 
 81 |     /**
 82 |      * 回调函数默认处理
 83 |      */
 84 |     polyfillParam(param) {
 85 |         param.success = param.success || function () { };
 86 |         param.fail = param.fail || function () { };
 87 |         param.complete = param.complete || function () { };
 88 |     },
 89 | 
 90 |     /**
 91 |      * 验证param对应的key值是否为空
 92 |      * 
 93 |      * @param {Object} param 接口参数
 94 |      * @param {String} key 对应参数的key
 95 |      */
 96 |     checkParamKeyEmpty(param, key) {
 97 |         if (!param[key]) {
 98 |             var errconf = this.buildErrorConfig(ERROR_CONF.PARAM_ERR, ERROR_CONF.PARAM_ERR_MSG + key +'参数格式有误');
 99 |             param.fail(errconf);
100 |             param.complete(errconf);
101 |             return true;
102 |         }
103 |         return false;
104 |     },
105 | 
106 |     /**
107 |      * 验证参数中是否存在检索词keyword
108 |      * 
109 |      * @param {Object} param 接口参数
110 |      */
111 |     checkKeyword(param){
112 |         return !this.checkParamKeyEmpty(param, 'keyword');
113 |     },
114 | 
115 |     /**
116 |      * 验证location值
117 |      * 
118 |      * @param {Object} param 接口参数
119 |      */
120 |     checkLocation(param) {
121 |         var location = this.getLocationParam(param.location);
122 |         if (!location || !location.latitude || !location.longitude) {
123 |             var errconf = this.buildErrorConfig(ERROR_CONF.PARAM_ERR, ERROR_CONF.PARAM_ERR_MSG + ' location参数格式有误')
124 |             param.fail(errconf);
125 |             param.complete(errconf);
126 |             return false;
127 |         }
128 |         return true;
129 |     },
130 | 
131 |     /**
132 |      * 构造错误数据结构
133 |      * @param {Number} errCode 错误码
134 |      * @param {Number} errMsg 错误描述
135 |      */
136 |     buildErrorConfig(errCode, errMsg) {
137 |         return {
138 |             status: errCode,
139 |             message: errMsg
140 |         };
141 |     },
142 | 
143 |     /**
144 |      * 构造微信请求参数，公共属性处理
145 |      * 
146 |      * @param {Object} param 接口参数
147 |      * @param {Object} param 配置项
148 |      */
149 |     buildWxRequestConfig(param, options) {
150 |         var that = this;
151 |         options.header = { "content-type": "application/json" };
152 |         options.method = 'GET';
153 |         options.success = function (res) {
154 |             var data = res.data;
155 |             if (data.status === 0) {
156 |                 param.success(data);
157 |             } else {
158 |                 param.fail(data);
159 |             }
160 |         };
161 |         options.fail = function (res) {
162 |             res.statusCode = ERROR_CONF.WX_ERR_CODE;
163 |             param.fail(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, result.errMsg));
164 |         };
165 |         options.complete = function (res) {
166 |             var statusCode = +res.statusCode;
167 |             switch(statusCode) {
168 |                 case ERROR_CONF.WX_ERR_CODE: {
169 |                     param.complete(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg));
170 |                     break;
171 |                 }
172 |                 case ERROR_CONF.WX_OK_CODE: {
173 |                     var data = res.data;
174 |                     if (data.status === 0) {
175 |                         param.complete(data);
176 |                     } else {
177 |                         param.complete(that.buildErrorConfig(data.status, data.message));
178 |                     }
179 |                     break;
180 |                 }
181 |                 default:{
182 |                     param.complete(that.buildErrorConfig(ERROR_CONF.SYSTEM_ERR, ERROR_CONF.SYSTEM_ERR_MSG));
183 |                 }
184 | 
185 |             }
186 |         }
187 |         return options;
188 |     },
189 | 
190 |     /**
191 |      * 处理用户参数是否传入坐标进行不同的处理
192 |      */
193 |     locationProcess(param, locationsuccess, locationfail, locationcomplete) {
194 |         var that = this;
195 |         locationfail = locationfail || function (res) {
196 |             res.statusCode = ERROR_CONF.WX_ERR_CODE;
197 |             param.fail(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg));
198 |         };
199 |         locationcomplete = locationcomplete || function (res) {
200 |             if (res.statusCode == ERROR_CONF.WX_ERR_CODE) {
201 |                 param.complete(that.buildErrorConfig(ERROR_CONF.WX_ERR_CODE, res.errMsg));
202 |             }
203 |         };
204 |         if (!param.location) {
205 |             that.getWXLocation(locationsuccess, locationfail, locationcomplete);
206 |         } else if (that.checkLocation(param)) {
207 |             var location = Utils.getLocationParam(param.location);
208 |             locationsuccess(location);
209 |         }
210 |     }
211 | }
212 | 
213 | 
214 | class QQMapWX {
215 | 
216 |     /**
217 |      * 构造函数
218 |      * 
219 |      * @param {Object} options 接口参数,key 为必选参数
220 |      */
221 |     constructor(options) {
222 |         if (!options.key) {
223 |             throw Error('key值不能为空');
224 |         }
225 |         this.key = options.key;
226 |     }
227 | 
228 |     /**
229 |      * POI周边检索
230 |      *
231 |      * @param {Object} options 接口参数对象
232 |      * 
233 |      * 参数对象结构可以参考
234 |      * @see http://lbs.qq.com/webservice_v1/guide-search.html
235 |      */
236 |     search(options) {
237 |         var that = this;
238 |         options = options || {};
239 | 
240 |         Utils.polyfillParam(options);
241 | 
242 |         if (!Utils.checkKeyword(options)) {
243 |             return;
244 |         }
245 | 
246 |         var requestParam = {
247 |             keyword: options.keyword,
248 |             orderby: options.orderby || '_distance',
249 |             page_size: options.page_size || 10,
250 |             page_index: options.page_index || 1,
251 |             output: 'json',
252 |             key: that.key
253 |         };
254 | 
255 |         if (options.address_format) {
256 |             requestParam.address_format = options.address_format;
257 |         }
258 | 
259 |         if (options.filter) {
260 |             requestParam.filter = options.filter;
261 |         }
262 | 
263 |         var distance = options.distance || "1000";
264 |         var auto_extend = options.auto_extend || 1;
265 | 
266 |         var locationsuccess = function (result) {
267 |             requestParam.boundary = "nearby(" + result.latitude + "," + result.longitude + "," + distance + "," + auto_extend +")";
268 |             wx.request(Utils.buildWxRequestConfig(options, {
269 |                 url: URL_SEARCH,
270 |                 data: requestParam
271 |             }));
272 |         }
273 |         Utils.locationProcess(options, locationsuccess);
274 |     }
275 | 
276 |     /**
277 |      * sug模糊检索
278 |      *
279 |      * @param {Object} options 接口参数对象
280 |      * 
281 |      * 参数对象结构可以参考
282 |      * http://lbs.qq.com/webservice_v1/guide-suggestion.html
283 |      */
284 |     getSuggestion(options) {
285 |         var that = this;
286 |         options = options || {};
287 |         Utils.polyfillParam(options);
288 | 
289 |         if (!Utils.checkKeyword(options)) {
290 |             return;
291 |         }
292 | 
293 |         var requestParam = {
294 |             keyword: options.keyword,
295 |             region: options.region || '全国',
296 |             region_fix: options.region_fix || 0,
297 |             policy: options.policy || 0,
298 |             output: 'json',
299 |             key: that.key
300 |         };
301 |         wx.request(Utils.buildWxRequestConfig(options, {
302 |             url: URL_SUGGESTION,
303 |             data: requestParam
304 |         }));
305 |     }
306 | 
307 |     /**
308 |      * 逆地址解析
309 |      *
310 |      * @param {Object} options 接口参数对象
311 |      * 
312 |      * 请求参数结构可以参考
313 |      * http://lbs.qq.com/webservice_v1/guide-gcoder.html
314 |      */
315 |     reverseGeocoder(options) {
316 |         var that = this;
317 |         options = options || {};
318 |         Utils.polyfillParam(options);
319 |         var requestParam = {
320 |             coord_type: options.coord_type || 5,
321 |             get_poi: options.get_poi || 0,
322 |             output: 'json',
323 |             key: that.key
324 |         };
325 |         if (options.poi_options) {
326 |             requestParam.poi_options = options.poi_options
327 |         }
328 | 
329 |         var locationsuccess = function (result) {
330 |             requestParam.location = result.latitude + ',' + result.longitude;
331 |             wx.request(Utils.buildWxRequestConfig(options, {
332 |                 url: URL_GET_GEOCODER,
333 |                 data: requestParam
334 |             }));
335 |         };
336 |         Utils.locationProcess(options, locationsuccess);
337 |     }
338 | 
339 |     /**
340 |      * 地址解析
341 |      *
342 |      * @param {Object} options 接口参数对象
343 |      * 
344 |      * 请求参数结构可以参考
345 |      * http://lbs.qq.com/webservice_v1/guide-geocoder.html
346 |      */
347 |     geocoder(options) {
348 |         var that = this;
349 |         options = options || {};
350 |         Utils.polyfillParam(options);
351 | 
352 |         if (Utils.checkParamKeyEmpty(options, 'address')) {
353 |             return;
354 |         }
355 | 
356 |         var requestParam = {
357 |             address: options.address,
358 |             output: 'json',
359 |             key: that.key
360 |         };
361 | 
362 |         wx.request(Utils.buildWxRequestConfig(options, {
363 |             url: URL_GET_GEOCODER,
364 |             data: requestParam
365 |         }));
366 |     }
367 | 
368 | 
369 |     /**
370 |      * 获取城市列表
371 |      *
372 |      * @param {Object} options 接口参数对象
373 |      * 
374 |      * 请求参数结构可以参考
375 |      * http://lbs.qq.com/webservice_v1/guide-region.html
376 |      */
377 |     getCityList(options) {
378 |         var that = this;
379 |         options = options || {};
380 |         Utils.polyfillParam(options);
381 |         var requestParam = {
382 |             output: 'json',
383 |             key: that.key
384 |         };
385 | 
386 |         wx.request(Utils.buildWxRequestConfig(options, {
387 |             url: URL_CITY_LIST,
388 |             data: requestParam
389 |         }));
390 |     }
391 | 
392 |     /**
393 |      * 获取对应城市ID的区县列表
394 |      *
395 |      * @param {Object} options 接口参数对象
396 |      * 
397 |      * 请求参数结构可以参考
398 |      * http://lbs.qq.com/webservice_v1/guide-region.html
399 |      */
400 |     getDistrictByCityId(options) {
401 |         var that = this;
402 |         options = options || {};
403 |         Utils.polyfillParam(options);
404 | 
405 |         if (Utils.checkParamKeyEmpty(options, 'id')) {
406 |             return;
407 |         }
408 | 
409 |         var requestParam = {
410 |             id: options.id || '',
411 |             output: 'json',
412 |             key: that.key
413 |         };
414 | 
415 |         wx.request(Utils.buildWxRequestConfig(options, {
416 |             url: URL_AREA_LIST,
417 |             data: requestParam
418 |         }));
419 |     }
420 | 
421 |     /**
422 |      * 用于单起点到多终点的路线距离(非直线距离)计算：
423 |      * 支持两种距离计算方式：步行和驾车。
424 |      * 起点到终点最大限制直线距离10公里。
425 |      *
426 |      * @param {Object} options 接口参数对象
427 |      * 
428 |      * 请求参数结构可以参考
429 |      * http://lbs.qq.com/webservice_v1/guide-distance.html
430 |      */
431 |     calculateDistance(options) {
432 |         var that = this;
433 |         options = options || {};
434 |         Utils.polyfillParam(options);
435 | 
436 |         if (Utils.checkParamKeyEmpty(options, 'to')) {
437 |             return;
438 |         }
439 | 
440 |         var requestParam = {
441 |             mode: options.mode || 'walking',
442 |             to: Utils.location2query(options.to),
443 |             output: 'json',
444 |             key: that.key
445 |         };
446 | 
447 |         var locationsuccess = function (result) {
448 |             requestParam.from = result.latitude + ',' + result.longitude;
449 |             wx.request(Utils.buildWxRequestConfig(options, {
450 |                 url: URL_DISTANCE,
451 |                 data: requestParam
452 |             }));
453 |         }
454 |         if (options.from) {
455 |             options.location = options.from;
456 |         }
457 |         
458 |         Utils.locationProcess(options, locationsuccess);
459 |     }
460 | }
461 | 
462 | module.exports = QQMapWX;


--------------------------------------------------------------------------------
/iconfont/demo_symbol.html:
--------------------------------------------------------------------------------
  1 | 
  2 | <!DOCTYPE html>
  3 | <html>
  4 | <head>
  5 |     <meta charset="utf-8"/>
  6 |     <title>IconFont</title>
  7 |     <link rel="stylesheet" href="demo.css">
  8 |     <script src="iconfont.js"></script>
  9 | 
 10 |     <style type="text/css">
 11 |         .icon {
 12 |           /* 通过设置 font-size 来改变图标大小 */
 13 |           width: 1em; height: 1em;
 14 |           /* 图标和文字相邻时，垂直对齐 */
 15 |           vertical-align: -0.15em;
 16 |           /* 通过设置 color 来改变 SVG 的颜色/fill */
 17 |           fill: currentColor;
 18 |           /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
 19 |              normalize.css 中也包含这行 */
 20 |           overflow: hidden;
 21 |         }
 22 | 
 23 |     </style>
 24 | </head>
 25 | <body>
 26 |     <div class="main markdown">
 27 |         <h1>IconFont 图标</h1>
 28 |         <ul class="icon_lists clear">
 29 |             
 30 |                 <li>
 31 |                     <svg class="icon" aria-hidden="true">
 32 |                         <use xlink:href="#icon-sousuo"></use>
 33 |                     </svg>
 34 |                     <div class="name">搜索</div>
 35 |                     <div class="fontclass">#icon-sousuo</div>
 36 |                 </li>
 37 |             
 38 |                 <li>
 39 |                     <svg class="icon" aria-hidden="true">
 40 |                         <use xlink:href="#icon-card"></use>
 41 |                     </svg>
 42 |                     <div class="name">名片</div>
 43 |                     <div class="fontclass">#icon-card</div>
 44 |                 </li>
 45 |             
 46 |                 <li>
 47 |                     <svg class="icon" aria-hidden="true">
 48 |                         <use xlink:href="#icon-shijian"></use>
 49 |                     </svg>
 50 |                     <div class="name">时间</div>
 51 |                     <div class="fontclass">#icon-shijian</div>
 52 |                 </li>
 53 |             
 54 |                 <li>
 55 |                     <svg class="icon" aria-hidden="true">
 56 |                         <use xlink:href="#icon-letter-a-outline"></use>
 57 |                     </svg>
 58 |                     <div class="name">A</div>
 59 |                     <div class="fontclass">#icon-letter-a-outline</div>
 60 |                 </li>
 61 |             
 62 |                 <li>
 63 |                     <svg class="icon" aria-hidden="true">
 64 |                         <use xlink:href="#icon-shezhi"></use>
 65 |                     </svg>
 66 |                     <div class="name">设置</div>
 67 |                     <div class="fontclass">#icon-shezhi</div>
 68 |                 </li>
 69 |             
 70 |                 <li>
 71 |                     <svg class="icon" aria-hidden="true">
 72 |                         <use xlink:href="#icon-gouxuan"></use>
 73 |                     </svg>
 74 |                     <div class="name">勾选</div>
 75 |                     <div class="fontclass">#icon-gouxuan</div>
 76 |                 </li>
 77 |             
 78 |                 <li>
 79 |                     <svg class="icon" aria-hidden="true">
 80 |                         <use xlink:href="#icon-location"></use>
 81 |                     </svg>
 82 |                     <div class="name">定位</div>
 83 |                     <div class="fontclass">#icon-location</div>
 84 |                 </li>
 85 |             
 86 |                 <li>
 87 |                     <svg class="icon" aria-hidden="true">
 88 |                         <use xlink:href="#icon-dagou"></use>
 89 |                     </svg>
 90 |                     <div class="name">打钩</div>
 91 |                     <div class="fontclass">#icon-dagou</div>
 92 |                 </li>
 93 |             
 94 |                 <li>
 95 |                     <svg class="icon" aria-hidden="true">
 96 |                         <use xlink:href="#icon-xiala"></use>
 97 |                     </svg>
 98 |                     <div class="name">下拉</div>
 99 |                     <div class="fontclass">#icon-xiala</div>
100 |                 </li>
101 |             
102 |                 <li>
103 |                     <svg class="icon" aria-hidden="true">
104 |                         <use xlink:href="#icon-fangkeyuyue"></use>
105 |                     </svg>
106 |                     <div class="name">访客预约</div>
107 |                     <div class="fontclass">#icon-fangkeyuyue</div>
108 |                 </li>
109 |             
110 |                 <li>
111 |                     <svg class="icon" aria-hidden="true">
112 |                         <use xlink:href="#icon-shoujiyanzheng"></use>
113 |                     </svg>
114 |                     <div class="name">登录_手机验证</div>
115 |                     <div class="fontclass">#icon-shoujiyanzheng</div>
116 |                 </li>
117 |             
118 |                 <li>
119 |                     <svg class="icon" aria-hidden="true">
120 |                         <use xlink:href="#icon-user"></use>
121 |                     </svg>
122 |                     <div class="name">我的</div>
123 |                     <div class="fontclass">#icon-user</div>
124 |                 </li>
125 |             
126 |                 <li>
127 |                     <svg class="icon" aria-hidden="true">
128 |                         <use xlink:href="#icon-dianhua"></use>
129 |                     </svg>
130 |                     <div class="name">电话</div>
131 |                     <div class="fontclass">#icon-dianhua</div>
132 |                 </li>
133 |             
134 |                 <li>
135 |                     <svg class="icon" aria-hidden="true">
136 |                         <use xlink:href="#icon-icon1460188600932"></use>
137 |                     </svg>
138 |                     <div class="name">朋友圈</div>
139 |                     <div class="fontclass">#icon-icon1460188600932</div>
140 |                 </li>
141 |             
142 |                 <li>
143 |                     <svg class="icon" aria-hidden="true">
144 |                         <use xlink:href="#icon-mingpian-copy"></use>
145 |                     </svg>
146 |                     <div class="name">名片</div>
147 |                     <div class="fontclass">#icon-mingpian-copy</div>
148 |                 </li>
149 |             
150 |                 <li>
151 |                     <svg class="icon" aria-hidden="true">
152 |                         <use xlink:href="#icon-moren"></use>
153 |                     </svg>
154 |                     <div class="name">默认</div>
155 |                     <div class="fontclass">#icon-moren</div>
156 |                 </li>
157 |             
158 |                 <li>
159 |                     <svg class="icon" aria-hidden="true">
160 |                         <use xlink:href="#icon-youxiang"></use>
161 |                     </svg>
162 |                     <div class="name">邮箱</div>
163 |                     <div class="fontclass">#icon-youxiang</div>
164 |                 </li>
165 |             
166 |                 <li>
167 |                     <svg class="icon" aria-hidden="true">
168 |                         <use xlink:href="#icon-bumen"></use>
169 |                     </svg>
170 |                     <div class="name">部门</div>
171 |                     <div class="fontclass">#icon-bumen</div>
172 |                 </li>
173 |             
174 |                 <li>
175 |                     <svg class="icon" aria-hidden="true">
176 |                         <use xlink:href="#icon-zu"></use>
177 |                     </svg>
178 |                     <div class="name">组</div>
179 |                     <div class="fontclass">#icon-zu</div>
180 |                 </li>
181 |             
182 |                 <li>
183 |                     <svg class="icon" aria-hidden="true">
184 |                         <use xlink:href="#icon-zuji"></use>
185 |                     </svg>
186 |                     <div class="name">足迹</div>
187 |                     <div class="fontclass">#icon-zuji</div>
188 |                 </li>
189 |             
190 |                 <li>
191 |                     <svg class="icon" aria-hidden="true">
192 |                         <use xlink:href="#icon-yanzheng"></use>
193 |                     </svg>
194 |                     <div class="name">验证</div>
195 |                     <div class="fontclass">#icon-yanzheng</div>
196 |                 </li>
197 |             
198 |                 <li>
199 |                     <svg class="icon" aria-hidden="true">
200 |                         <use xlink:href="#icon-mingpianjia1"></use>
201 |                     </svg>
202 |                     <div class="name">名片夹</div>
203 |                     <div class="fontclass">#icon-mingpianjia1</div>
204 |                 </li>
205 |             
206 |                 <li>
207 |                     <svg class="icon" aria-hidden="true">
208 |                         <use xlink:href="#icon-sousuo_sousuo"></use>
209 |                     </svg>
210 |                     <div class="name">搜索_搜索</div>
211 |                     <div class="fontclass">#icon-sousuo_sousuo</div>
212 |                 </li>
213 |             
214 |                 <li>
215 |                     <svg class="icon" aria-hidden="true">
216 |                         <use xlink:href="#icon-guanyu"></use>
217 |                     </svg>
218 |                     <div class="name">关于</div>
219 |                     <div class="fontclass">#icon-guanyu</div>
220 |                 </li>
221 |             
222 |                 <li>
223 |                     <svg class="icon" aria-hidden="true">
224 |                         <use xlink:href="#icon-youcexiaochengxuerweima"></use>
225 |                     </svg>
226 |                     <div class="name">右侧小程序二维码</div>
227 |                     <div class="fontclass">#icon-youcexiaochengxuerweima</div>
228 |                 </li>
229 |             
230 |                 <li>
231 |                     <svg class="icon" aria-hidden="true">
232 |                         <use xlink:href="#icon-xiaochengxu"></use>
233 |                     </svg>
234 |                     <div class="name">小程序</div>
235 |                     <div class="fontclass">#icon-xiaochengxu</div>
236 |                 </li>
237 |             
238 |                 <li>
239 |                     <svg class="icon" aria-hidden="true">
240 |                         <use xlink:href="#icon-zhongyingwenqiehuan-xianshizhongyingwen"></use>
241 |                     </svg>
242 |                     <div class="name">中英文切换-显示中英文</div>
243 |                     <div class="fontclass">#icon-zhongyingwenqiehuan-xianshizhongyingwen</div>
244 |                 </li>
245 |             
246 |                 <li>
247 |                     <svg class="icon" aria-hidden="true">
248 |                         <use xlink:href="#icon-arrows_circle_minus"></use>
249 |                     </svg>
250 |                     <div class="name">arrows_circle_minus</div>
251 |                     <div class="fontclass">#icon-arrows_circle_minus</div>
252 |                 </li>
253 |             
254 |                 <li>
255 |                     <svg class="icon" aria-hidden="true">
256 |                         <use xlink:href="#icon-arrows_circle_plus"></use>
257 |                     </svg>
258 |                     <div class="name">arrows_circle_plus</div>
259 |                     <div class="fontclass">#icon-arrows_circle_plus</div>
260 |                 </li>
261 |             
262 |                 <li>
263 |                     <svg class="icon" aria-hidden="true">
264 |                         <use xlink:href="#icon-gongsi"></use>
265 |                     </svg>
266 |                     <div class="name">公司</div>
267 |                     <div class="fontclass">#icon-gongsi</div>
268 |                 </li>
269 |             
270 |                 <li>
271 |                     <svg class="icon" aria-hidden="true">
272 |                         <use xlink:href="#icon-angle-right"></use>
273 |                     </svg>
274 |                     <div class="name">angle-right</div>
275 |                     <div class="fontclass">#icon-angle-right</div>
276 |                 </li>
277 |             
278 |                 <li>
279 |                     <svg class="icon" aria-hidden="true">
280 |                         <use xlink:href="#icon-angle-left"></use>
281 |                     </svg>
282 |                     <div class="name">angle-left</div>
283 |                     <div class="fontclass">#icon-angle-left</div>
284 |                 </li>
285 |             
286 |                 <li>
287 |                     <svg class="icon" aria-hidden="true">
288 |                         <use xlink:href="#icon-arrows_circle_remove1"></use>
289 |                     </svg>
290 |                     <div class="name">arrows_circle_remove</div>
291 |                     <div class="fontclass">#icon-arrows_circle_remove1</div>
292 |                 </li>
293 |             
294 |         </ul>
295 | 
296 | 
297 |         <h2 id="symbol-">symbol引用</h2>
298 |         <hr>
299 | 
300 |         <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
301 |         这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
302 |         <ul>
303 |           <li>支持多色图标了，不再受单色限制。</li>
304 |           <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
305 |           <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
306 |           <li>浏览器渲染svg的性能一般，还不如png。</li>
307 |         </ul>
308 |         <p>使用步骤如下：</p>
309 |         <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
310 |         <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
311 |         <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
312 |         <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
313 | .icon {
314 |    width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
315 |    vertical-align: <span class="hljs-number">-0.15</span>em;
316 |    fill: currentColor;
317 |    overflow: hidden;
318 | }
319 | &lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
320 |         <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
321 |         <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
322 |   &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
323 | </span>&lt;<span class="hljs-regexp">/svg&gt;
324 |         </span></code></pre>
325 |     </div>
326 | </body>
327 | </html>
328 | 


--------------------------------------------------------------------------------
/iconfont/iconfont.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" standalone="no"?>
  2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
  3 | <svg xmlns="http://www.w3.org/2000/svg">
  4 | <metadata>
  5 | Created by FontForge 20120731 at Wed May  3 14:26:26 2017
  6 |  By admin
  7 | </metadata>
  8 | <defs>
  9 | <font id="iconfont" horiz-adv-x="1024" >
 10 |   <font-face 
 11 |     font-family="iconfont"
 12 |     font-weight="500"
 13 |     font-stretch="normal"
 14 |     units-per-em="1024"
 15 |     panose-1="2 0 6 3 0 0 0 0 0 0"
 16 |     ascent="896"
 17 |     descent="-128"
 18 |     x-height="792"
 19 |     bbox="-0.0481949 -200 1024 896"
 20 |     underline-thickness="0"
 21 |     underline-position="0"
 22 |     unicode-range="U+0078-E6B1"
 23 |   />
 24 | <missing-glyph 
 25 |  />
 26 |     <glyph glyph-name=".notdef" 
 27 |  />
 28 |     <glyph glyph-name=".notdef" 
 29 |  />
 30 |     <glyph glyph-name=".null" horiz-adv-x="0" 
 31 |  />
 32 |     <glyph glyph-name="nonmarkingreturn" horiz-adv-x="341" 
 33 |  />
 34 |     <glyph glyph-name="x" unicode="x" horiz-adv-x="1001" 
 35 | d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
 36 | t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
 37 | t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
 38 |     <glyph glyph-name="sousuo" unicode="&#xe603;" horiz-adv-x="1000" 
 39 | d="M990 -119l-71 -71q-10 -10 -24 -10t-24 10l-143 143q-10 10 -10 24t10 23l4 4l-67 67q-1 1 -4 6q-112 -90 -255 -90q-110 0 -203.5 54.5t-148 148t-54.5 204t54.5 204t148 148t204 54.5t204 -54.5t148 -148t54.5 -203.5q0 -143 -90 -255q5 -3 6 -4l67 -67l4 4q9 10 23 10
 40 | t24 -10l143 -143q10 -10 10 -24t-10 -24zM406 643q-103 0 -176 -73t-73 -176.5t73 -176.5t176.5 -73t176.5 73t73 176.5t-73 176.5t-177 73v0z" />
 41 |     <glyph glyph-name="card" unicode="&#xe656;" 
 42 | d="M128 512v-512q0 -13 9.5 -22.5t22.5 -9.5h704q13 0 22.5 9.5t9.5 22.5v512q0 13 -9.5 22.5t-22.5 9.5h-704q-13 0 -22.5 -9.5t-9.5 -22.5zM576 160h192v-64h-192v64zM576 288h192v-64h-192v64zM576 416h192v-64h-192v64zM256 160h64v256h128v-256h64v-62h-256v62z" />
 43 |     <glyph glyph-name="shijian" unicode="&#xe623;" 
 44 | d="M512 881q-101 0 -193 -39t-159 -105.5t-106 -158.5t-39 -193t39 -193t106 -158.5t159 -106t193 -39.5t193 39.5t158.5 106t105.5 158.5t39 193t-39 193t-105.5 158.5t-158.5 105.5t-193 39zM512 -67q-92 0 -176 36t-144.5 96.5t-96 144t-35.5 175.5t35.5 175.5t96 144
 45 | t144.5 96t176 35.5t175.5 -35.5t144 -96t96 -144t35.5 -175.5t-35.5 -175.5t-96 -144t-144 -96.5t-175.5 -36zM760 385h-226v293q0 10 -6.5 16.5t-16 6.5t-16 -6.5t-6.5 -16.5v-316q0 -9 6.5 -15.5t16.5 -6.5h248q9 0 16 6.5t7 15.5t-7 16t-16 7z" />
 46 |     <glyph glyph-name="letter-a-outline" unicode="&#xe66d;" 
 47 | d="M512 870q-99 0 -189 -38.5t-155 -103.5t-103.5 -155t-38.5 -189t38.5 -189t103.5 -155t155 -103.5t189 -38.5t189 38.5t155 103.5t103.5 155t38.5 189t-38.5 189t-103.5 155t-155 103.5t-189 38.5zM512 -46q-117 0 -216 57.5t-156.5 156.5t-57.5 216t57.5 216
 48 | t156.5 156.5t216 57.5t216 -57.5t156.5 -156.5t57.5 -216t-57.5 -216t-156.5 -156.5t-216 -57.5zM485 684l-204 -529h68l52 141h223l51 -141h68l-200 529h-58zM421 350l92 250l91 -250h-183z" />
 49 |     <glyph glyph-name="shezhi" unicode="&#xe688;" 
 50 | d="M927 209l-18 10q-22 12 -35.5 34.5t-13.5 48.5t13.5 48.5t34.5 35.5l19 9q14 8 21.5 23t4.5 31q-5 16 -12 32v0q-7 16 -14 31q-10 13 -25.5 18.5t-31.5 0.5l-19 -6q-54 -14 -93.5 25.5t-24.5 92.5l6 20q5 15 -1 31t-19 25q-16 8 -31 14v0q-15 7 -32 12q-16 3 -31 -4
 51 | t-22 -22l-10 -18q-13 -22 -35 -35t-48.5 -13t-48.5 13t-35 35l-10 18q-7 15 -22 22t-31 4q-15 -4 -32 -11v0q-17 -7 -31 -15q-13 -9 -18.5 -25t-1.5 -31l7 -20q14 -53 -25.5 -92.5t-93.5 -25.5l-19 6q-16 5 -31.5 -0.5t-24.5 -18.5q-8 -15 -15 -31v0q-6 -15 -12 -32
 52 | q-2 -16 5 -31t21 -23l19 -9q22 -13 35 -35.5t13 -48.5t-13 -48t-35 -35l-19 -10q-14 -7 -21 -22t-5 -31l12 -32v0q7 -17 15 -32q9 -13 24.5 -18.5t31.5 -0.5l19 6q24 7 49.5 0.5t43.5 -25.5q40 -39 26 -93l-7 -20q-4 -15 1.5 -31t18.5 -25q16 -8 31 -14v0q15 -6 32 -12
 53 | q16 -3 31 4.5t22 21.5l10 18q13 22 35 35t48.5 13t48.5 -13t35 -35l10 -18q7 -14 22 -21.5t31 -4.5q16 5 32 12v0q17 7 31 14q13 9 19 25t1 31l-6 20q-15 54 25 93q18 19 43.5 25.5t49.5 -0.5l19 -6q16 -5 31.5 0.5t25.5 18.5q8 17 14 31v0q6 15 12 33q2 16 -5 31t-21 22v0z
 54 | M510 67q-98 0 -167 69t-69 166.5t69 166t166.5 68.5t166.5 -68.5t69 -166t-69 -166.5t-166 -69v0zM510 96z" />
 55 |     <glyph glyph-name="gouxuan" unicode="&#xe6b1;" 
 56 | d="M512 745q-91 0 -173.5 -35t-142 -94.5t-94.5 -142t-35 -173.5t35 -173.5t94.5 -142t142 -94.5t173.5 -35t173.5 35t142 94.5t94.5 142t35 173.5t-35 173.5t-94.5 142t-142 94.5t-173.5 35zM768 430l-310 -310q-10 -10 -30 -10h-2h-1v0h-3q-20 0 -30 10l-136 136
 57 | q-10 10 -10 25t10 25t24.5 10t25.5 -10l113 -114q3 -2 6.5 -2t5.5 2l287 288q11 10 25.5 10t24.5 -10.5t10 -25t-10 -24.5z" />
 58 |     <glyph glyph-name="location" unicode="&#xe620;" 
 59 | d="M512 -125q-8 8 -21.5 24t-53.5 64.5t-76 96t-80 112.5t-76 121.5t-53.5 115.5t-21.5 102q0 104 51 192t139 139t192 51t192 -51t139 -139t51 -192q0 -59 -39.5 -146t-95.5 -170t-112 -156t-95.5 -119t-39.5 -45zM512 656q-60 0 -102 -42.5t-42 -102t42 -102t102 -42.5
 60 | t102 42.5t42 102t-42 102t-102 42.5z" />
 61 |     <glyph glyph-name="dagou" unicode="&#xe602;" 
 62 | d="M356 142q15 17 42 44.5t105.5 102.5t151.5 139t165 131.5t163 101.5q0 1 1.5 1t5.5 0.5t7.5 0t6.5 -4t4 -9.5t-13 -22t-45 -45.5t-69 -67t-94 -99t-111 -128.5q-61 -74 -115.5 -162t-78.5 -136.5t-24 -51.5h-179q-43 103 -102 193q-28 43 -64 89.5t-54.5 67t-22.5 24.5
 63 | q0 2 0.5 4t2.5 6.5t6 6.5t11.5 1.5t18.5 -5.5q78 -42 281 -181v-1z" />
 64 |     <glyph glyph-name="xiala" unicode="&#xe604;" 
 65 | d="M513.5 747q-90.5 0 -173 -35.5t-142.5 -95.5t-95 -142.5t-35 -173t35 -173.5t95 -142.5t142.5 -95t173 -35.5t173.5 35.5t142.5 95t95 142.5t35.5 173.5t-35.5 173t-95 142.5t-142.5 95.5t-173.5 35.5zM514 -109q-111 0 -205.5 55t-149 149t-54.5 205t54.5 205.5t149 149
 66 | t205.5 54.5t205 -54.5t149 -149t55 -205.5t-55 -205t-149 -149t-205 -55zM532 134v371h-37v-364l-141 141l-27 -26l177 -177l13 -13l13 13l177 177l-26 26z" />
 67 |     <glyph glyph-name="fangkeyuyue" unicode="&#xe600;" 
 68 | d="M935 -103h-491q-10 0 -17 6.5t-7 16.5v55q0 84 46.5 152.5t123.5 99.5l6 2l-5 4q-61 49 -61 127q0 67 46.5 114t113 47t113.5 -47t47 -114q0 -78 -62 -127l-5 -4l6 -2q77 -31 123.5 -99.5t46.5 -152.5v-55q0 -10 -7 -16.5t-17 -6.5v0zM472 406q-16 -99 36 -161l6 -4
 69 | l-7 -3q-120 -49 -148 -205l-26 -1q-98 19 -169 90t-93 170q-28 136 46 253q36 57 90 95t119 52q35 7 70 7q73 0 140 -31.5t114 -87.5q3 -6 8 -15q-70 -1 -124 -51.5t-62 -107.5v0zM398 541h-46v-175l-105 -106l34 -25l117 118v188v0z" />
 70 |     <glyph glyph-name="shoujiyanzheng" unicode="&#xe62e;" 
 71 | d="M768 -128h-512q-32 0 -54.5 22.5t-22.5 54.5v870q0 32 22.5 54.5t54.5 22.5h512q32 0 54.5 -22.5t22.5 -54.5v-870q0 -32 -22.5 -54.5t-54.5 -22.5v0zM512 -77q21 0 36 15t15 36.5t-15 36.5t-36 15t-36 -15t-15 -36.5t15 -36.5t36 -15v0zM742 769q0 10 -7.5 17.5
 72 | t-17.5 7.5h-410q-10 0 -17.5 -7.5t-7.5 -17.5v-667q0 -11 7.5 -18t17.5 -7h410q10 0 17.5 7t7.5 18v667z" />
 73 |     <glyph glyph-name="user" unicode="&#xe60f;" 
 74 | d="M943 29q5 6 5 24q0 141 -85 253t-218 154q39 31 61.5 75.5t22.5 95.5q0 91 -65.5 155t-158 64t-157.5 -64t-65 -155q0 -52 23 -97t64 -76q-131 -43 -214 -154.5t-83 -250.5q0 -18 6 -24q57 -55 181.5 -86.5t256.5 -33.5t253.5 29t172.5 91v0z" />
 75 |     <glyph glyph-name="dianhua" unicode="&#xe649;" 
 76 | d="M244 791q44 0 90 -57q25 -32 38 -58t16 -43t-6 -35.5t-17.5 -28t-26.5 -28.5q-6 -6 -10 -9q-45 -45 121 -211q131 -130 187 -130q15 0 24 10q3 2 11.5 10.5t11 11.5t10 9.5t11.5 9t10.5 7t12 6.5t12 3.5t13.5 1.5q43 0 110 -54q21 -17 34 -34t19 -30.5t3.5 -29.5
 77 | t-5.5 -25.5t-15 -25t-18 -22t-22 -21.5t-20 -19q-22 -22 -70 -22q-79 0 -195 60t-232 176q-63 63 -111.5 129.5t-75.5 123t-40 106.5t-9 85t22 53q3 4 18.5 20.5t23.5 23t22 17.5t26.5 15.5t26.5 4.5zM244 832q-27 0 -53.5 -14t-41 -27t-36.5 -37l-15 -15q-31 -31 -33 -89.5
 78 | t22.5 -132t83 -161.5t141.5 -172q87 -86 178.5 -144.5t158.5 -81t119 -22.5q65 0 99 34l15 15q19 17 29 28t24 29.5t20 38t5 40.5q-3 61 -72 117q-79 62 -136 62q-23 0 -45.5 -10.5t-34.5 -21t-32 -30.5l-6 -6q-43 5 -156 118q-113 114 -118 156l6 6q21 21 33.5 37t22 39
 79 | t7 46.5t-18 55.5t-45.5 70q-58 72 -121 72v0z" />
 80 |     <glyph glyph-name="icon1460188600932" unicode="&#xe622;" 
 81 | d="M641 696v0v0v0zM512 883q-39 0 -55 -4q-64 -5 -128 -31q335 -331 343 -343v351q-24 8 -31 8q-65 19 -129 19v0zM641 696v0v0v0v0zM820 517v0v0v0zM863 739q-27 27 -43 39q-56 43 -113 66q4 -472 0 -487l249 249q-1 4 -7 14t-8 14q-27 54 -78 105v0zM820 517v0v0v0v0z
 82 | M824 255v0v0v0zM972 567q-331 -335 -343 -343h355q8 24 8 31q15 58 15 129q0 39 -4 55q-6 79 -31 128v0zM824 255v0v0v0v0zM641 72v0v0v0zM481 185l249 -249q24 11 28 15q52 29 101 78q27 27 39 43q43 56 66 113v0v0v0v0v0v0v0v0v0v0v0v0v0h-1v0v0v0v0v0h-1v0v0v0v0h-1v0v0
 83 | v0h-1v0v0h-1v0v0h-1v0v0h-1v0v0h-1v0h-1v0v0h-1v0h-1v0h-1v0h-1v0h-1v0h-1v0h-1v0h-1v0h-1v0h-1h-1v0h-1v0h-1v0h-1h-1v0h-1h-1v0h-1h-1v0h-1h-1v0h-1h-1v0h-1h-1h-1v0h-1h-1h-1v0h-1h-1h-1v0h-1h-1h-1h-1v0h-1h-1h-1h-1v0h-1h-1h-1h-1h-1h-1v0h-1h-1h-1h-1h-1h-1h-1h-1h-1
 84 | v0h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-1h-2h-1h-1h-1h-1h-1h-1h-1h-1h-1h-2h-1h-1h-1h-1h-1h-1h-1h-2h-1h-1h-1h-1h-1h-2h-1h-1h-1h-1h-1h-2h-1h-1h-1h-1h-2h-1h-1h-1h-2h-1h-1h-1h-2h-1h-1h-1h-2h-1h-1h-1
 85 | h-2h-1h-1h-1h-2h-1h-1h-2h-1h-1h-1h-2h-1h-1h-2h-1h-1h-2h-1h-1h-2h-1h-1h-2h-1h-1h-2h-1h-1h-2h-1h-1h-2h-1h-2h-1h-1h-2h-1h-1h-2h-1h-2h-1h-1h-2h-1h-2h-1h-1h-2h-1h-2h-1h-2h-1h-1h-2h-1h-2h-1h-2h-1h-2h-1h-2h-1h-1h-2h-1h-2h-1h-2h-1h-2h-1h-2h-1h-2h-1h-2h-1h-2h-1
 86 | h-2h-1h-2h-1h-2h-1h-2h-1h-2h-1h-2h-2h-1h-2h-1h-2h-1h-2h-1h-2h-1h-2h-2h-1h-2h-1h-2h-1h-2h-2h-1h-2h-1h-2h-2h-1h-2h-1h-2h-2h-1h-2h-1h-2h-2h-1h-2h-1h-2h-2h-1h-2h-2h-1h-2h-1h-2h-2h-1h-2h-2h-1h-2h-2h-1h-2h-2h-1h-2h-1h-2h-2h-1h-2h-2h-1h-2h-2h-2h-1h-2h-2h-1h-2
 87 | h-2h-1h-2h-2h-1h-2h-2h-1h-2h-2h-1h-2h-2h-2h-1h-2h-2h-1h-2h-2h-1h-2h-2h-1h-2h-2h-2h-1h-2h-2h-1h-2h-2h-1h-2h-1h-2h-2h-1h-9v0zM641 72v0v0v0v0zM383 72v0v0v0zM352 267v-355q24 -8 31 -8q58 -15 129 -15q39 0 55 4q64 5 128 31q0 -2 -84 80.5t-169.5 169t-89.5 93.5v0z
 88 | M383 72v0v0v0v0zM204 255v0v0v0zM317 411l-249 -249q1 -4 7 -14t8 -14q29 -52 78 -101q27 -27 43 -39q56 -43 113 -66q0 -2 0 24.5t-0.5 67.5t-0.5 92.5t-0.5 102.5t-0.5 94.5t0.5 71.5t1.5 30v0zM204 255v0v0v0v0zM204 513v0v0v0zM32 513q-15 -58 -15 -129q0 -39 4 -55
 89 | q5 -64 31 -128q331 335 343 343h-355q-2 -6 -4 -15.5t-4 -15.5v0v0zM204 513v0v0v0v0zM383 692v0v0v0zM262 813q-52 -29 -101 -78q-15 -12 -39 -43q-43 -56 -66 -113q472 4 487 0l-249 249q-24 -7 -32 -15v0zM383 692v0v0v0v0zM383 692z" />
 90 |     <glyph glyph-name="mingpian-copy" unicode="&#xe60c;" horiz-adv-x="1025" 
 91 | d="M858 721h-692q-43 0 -73.5 -30.5t-30.5 -73.5v-466q0 -43 30.5 -73.5t73.5 -30.5h692q43 0 73.5 30.5t30.5 73.5v466q0 43 -30.5 73.5t-73.5 30.5v0zM638 515h144q8 0 15 -9t7 -18t-7 -18t-15 -9h-144q-8 0 -15 9t-7 18t7 18t15 9v0zM638 400h144q8 0 15 -9t7 -18t-7 -18
 92 | t-15 -9h-144q-8 0 -15 9t-7 18t7 18t15 9v0zM169 199q-9 2 -13.5 9t-3.5 16q10 51 46 89.5t85 52.5q-26 14 -41.5 39.5t-15.5 55.5q0 45 31.5 77t76.5 32t77 -32t32 -77q0 -30 -16 -55.5t-42 -39.5q50 -14 86 -52.5t45 -90.5q2 -8 -3 -15.5t-13 -8.5v0q-2 -1 -4 -1zM851 230
 93 | h-213q-8 0 -15 9t-7 18t7 18t15 9h213q9 0 15.5 -9t6.5 -18t-6.5 -18t-15.5 -9v0zM851 230z" />
 94 |     <glyph glyph-name="moren" unicode="&#xe68a;" horiz-adv-x="1025" 
 95 | d="M562 752l-14 14l-7 -8l9 -4q-5 -12 -12 -26zM584 720l4 -9l8 8l-14 13l-24 -24q14 6 26 12zM553 703l-7 -7l14 -14l20 21q-11 -5 -23 -10zM534 724l-12 5q7 11 12 22l-22 -22l14 -13zM595 896h-595l1024 -1024v595zM766 566l31 -3q1 -39 0 -57l-35 3q2 20 4 57zM389 650
 96 | q20 8 41 20l9 -19q-22 -11 -42 -19zM420 615q12 16 22 35l16 -10q-10 -19 -20 -35zM448 595q10 19 17 37l17 -7q-8 -22 -15 -39zM574 500q-15 -3 -36 -8q-3 43 33 97q-46 -34 -99 -34q3 18 3 35q5 -1 7 -1q4 14 6 27l16 -5q-42 37 -80 68l17 21l36 -34l10 10l-32 31l16 16
 97 | l31 -31l9 8l-30 30l66 66l79 -78l-66 -66l-29 29l-9 -9l32 -31l-16 -16l-31 31l-9 -8l37 -33q-10 -7 -18 -15l-11 10q-1 -9 -4 -19q40 5 87 45l-18 18l21 22l19 -19q18 17 45 45l22 -22q-29 -30 -44 -45l33 -33l-22 -22l-30 31q-45 -59 -41 -111zM693 657q-4 -22 -10 -41
 98 | l-27 8q8 23 13 42zM638 431q13 0 22 9l55 57l-17 17l22 21l39 -39l-59 -60l37 -1q-7 -12 -13 -28q-45 1 -88 -4zM850 433q-67 -82 -49 -149q-24 -5 -42 -9q-5 62 26 109q-51 -28 -112 -24q6 19 8 40q54 -6 87 12t96 83l25 -25q-20 -20 -39 -37z" />
 99 |     <glyph glyph-name="youxiang" unicode="&#xe64c;" 
100 | d="M615 579v-41q-54 41 -122 41q-83 0 -142 -59.5t-59 -142.5q0 -84 59 -143t142 -59q87 0 147 63q18 -34 51.5 -48.5t85.5 -14.5q87 0 124 51t37 151q0 128 -60 230.5t-161 158.5t-223 56q-91 0 -173.5 -35.5t-142 -95t-94.5 -142t-35 -173t35 -172.5t94.5 -142t142 -95
101 | t173.5 -35q89 0 170 33.5t144 96.5l-29 29q-57 -57 -131 -87.5t-155 -30.5q-110 0 -203 54t-147.5 147.5t-54.5 203t54 203t147.5 147.5t203.5 54q111 0 203 -50t146.5 -143t54.5 -211q0 -81 -27.5 -121.5t-93.5 -40.5q-25 0 -44.5 4.5t-32 11.5t-21.5 20t-13.5 24.5t-7 31
102 | t-3 33t-0.5 37.5v201h-39v0zM492 214q-67 0 -114.5 47.5t-47.5 115t47.5 114.5t114.5 47q72 0 121 -55v-106q0 -55 9 -95q-23 -32 -57 -50t-73 -18z" />
103 |     <glyph glyph-name="bumen" unicode="&#xe697;" 
104 | d="M974 232h-93v150q0 32 -23 55t-55 23h-579q-32 0 -55 -23t-23 -55v-150h-96q-21 0 -35.5 -14.5t-14.5 -34.5v-230q0 -20 14.5 -34.5t35.5 -14.5h229q21 0 35.5 14.5t14.5 34.5v230q0 20 -14.5 34.5t-35.5 14.5h-90v150q0 15 10 25t25 10h579q14 0 24.5 -10t10.5 -25v-150
105 | h-93q-21 0 -35.5 -14.5t-14.5 -34.5v-230q0 -20 14.5 -34.5t35.5 -14.5h229q21 0 35.5 14.5t14.5 34.5v230q0 20 -14.5 34.5t-35.5 14.5zM286 183v-230q0 -3 -2 -5t-5 -2h-229q-7 0 -7 7v230q0 3 2 5t5 2h229q7 0 7 -7zM982 -47q0 -3 -2.5 -5t-4.5 -2h-230q-7 0 -7 7v230
106 | q0 3 2 5t5 2h230q7 0 7 -7v-230zM628 820v-240h-241v240h241zM628 864h-241q-19 0 -32 -13t-13 -31v-240q0 -19 13 -32t32 -13h241q18 0 31 13t13 32v240q0 18 -13 31t-31 13v0z" />
107 |     <glyph glyph-name="zu" unicode="&#xe612;" 
108 | d="M869 15h-703q-2 1 -5.5 1.5t-4.5 0.5q-33 5 -58 28.5t-32 54.5q-1 2 -2 6.5t-1 6.5v540q0 1 0.5 3t1.5 3q14 67 80 89q4 1 12 2.5t9 2.5h243q10 -7 11 -8l96 -96q4 -4 10 -4h316q7 0 21 -1q34 -5 60.5 -29t34.5 -57q3 -10 3 -14v-433q-1 -7 -2 -10q-13 -63 -73 -81
109 | q-6 -3 -17 -5zM517 59h344q18 1 31 10q26 19 26 54v409q0 10 -3 17q-6 23 -25.5 37.5t-44.5 14.5h-331q-13 0 -21 9l-96 96q-3 3 -6 3q-143 0 -214 1q-27 0 -49 -21t-22 -51v-511v-5q0 -21 15 -38q22 -25 57 -25h339z" />
110 |     <glyph glyph-name="zuji" unicode="&#xe61d;" 
111 | d="M742 678.5q0 12.5 13 38.5q26 13 38.5 13t38.5 -13q13 -7 13 -39q0 -12 -13 -38q-26 -13 -38.5 -13t-38.5 13q-13 26 -13 38.5zM602 768q0 26 19 45t44.5 19t45 -19t19.5 -45t-19.5 -45t-45 -19t-44.5 19t-19 45zM416 794q0 32 19 51t51 19t51.5 -19t19.5 -51
112 | t-19.5 -51.5t-51.5 -19.5t-51 19.5t-19 51.5zM179 781q0 25 26 64q25 25 63.5 25t64 -25.5t25.5 -63.5q0 -26 -25 -64q-26 -26 -64.5 -26t-64 25.5t-25.5 64.5zM614 666h-230h-6h-13q-63 -5 -105 -48.5t-42 -105.5q0 -80 76 -134q4 -2 9.5 -6.5t16 -24.5t14 -47t-5.5 -77.5
113 | t-34 -113.5q-12 -39 -12 -58q0 -63 46.5 -108t113.5 -45q64 0 102 38q123 98 192.5 238t69.5 300v6q0 74 -56 130t-136 56z" />
114 |     <glyph glyph-name="yanzheng" unicode="&#xe681;" 
115 | d="M863 713q-10 -1 -24 -1q-59 0 -112.5 10t-86.5 22.5t-59.5 27.5t-36 22.5t-11.5 10.5l-21 22l-21 -22q-2 -3 -11.5 -10.5t-35.5 -22.5t-59 -27.5t-86.5 -22.5t-113.5 -10q-14 0 -24 1l-30 1v-416q0 -38 6 -71t29 -77.5t61.5 -83t108.5 -80.5t166 -77l10 -4l10 4
116 | q96 35 166 77t108.5 80.5t61.5 83t29 77.5t6 71v416zM479 191l-191 170l51 42l102 -76q5 6 15.5 16.5t42 39t63 54.5t74.5 55.5t81 49.5l19 -22q-7 -6 -19 -16.5t-45.5 -45t-64.5 -71t-67 -90.5t-61 -106z" />
117 |     <glyph glyph-name="mingpianjia1" unicode="&#xe621;" 
118 | d="M477 348q0 51 36 87.5t87 36.5h300v123q0 22 -15.5 37.5t-37.5 15.5h-741q-22 0 -37.5 -15.5t-15.5 -37.5v-529q0 -22 15.5 -37.5t37.5 -15.5h741q22 0 37.5 15.5t15.5 37.5v159h-300q-51 0 -87 36t-36 87zM953 436h-353q-36 0 -62 -25.5t-26 -62t26 -62.5t62 -26h353
119 | q8 0 13 5t5 13v141q0 7 -5 12t-13 5zM600.5 313q-14.5 0 -25 10.5t-10.5 25t10.5 24.5t25 10t25 -10t10.5 -24.5t-10.5 -25t-25 -10.5zM71 754q-8 0 -13 -5t-5 -12v-36q0 -7 5 -12t13 -5h688q7 0 12.5 5t5.5 12v36q0 7 -5.5 12t-12.5 5h-688z" />
120 |     <glyph glyph-name="sousuo_sousuo" unicode="&#xe601;" 
121 | d="M950 11v0v0v0q12 -14 12 -31q0 -19 -14 -32q-13 -14 -32 -14v0v0q-9 0 -16 3q-11 3 -19 12l1 -1l-249 250q-89 -63 -200 -63q-11 0 -22 1q-23 2 -43 7q-31 2 -69.5 19t-72.5 43q-22 13 -47.5 41.5t-45.5 64.5q-36 60 -43 132v-11q-3 16 -4 50q0 4 0 3q0 31 6 61
122 | q13 81 63 147q13 24 49 54t80 50l-12 -3q13 8 49 21q53 19 112 19v0q24 0 47 -3q59 -8 113 -36q89 -46 138 -131l-2 7q12 -15 31 -65q24 -67 21 -137q-4 -115 -79 -207l249 -250h-1v-1zM729 470v15q0 56 -21 108q-24 63 -75 110l12 -11q-9 9 -23 21q-58 48 -131 63
123 | q-24 4 1 0q-29 5 -57 5q-18 0 -35 -2q-4 0 -9 -1l-5 -1q-80 -13 -141 -65q-23 -14 -48 -49t-39 -77q-1 3 -4 -3q-12 -29 -15 -84q-3 -76 28 -140q38 -84 118 -130q-1 -3 14 -10.5t42 -16t54 -11.5q1 -2 13.5 -3t33.5 0t41 4q55 10 102 38q8 2 32.5 22t45.5 45l-2 -4
124 | q15 13 39 61q3 6 5 12l-17 -32q5 8 10 18v0q30 59 31 127v-9z" />
125 |     <glyph glyph-name="guanyu" unicode="&#xe629;" 
126 | d="M549 154q-2 12 -2.5 19.5t2.5 15.5t4.5 11t9.5 15l12 18q69 107 51 185q-4 19 -33 48.5t-44 31.5q-30 4 -57.5 0.5t-51 -14t-40 -22.5t-25 -24t-5.5 -20q2 -8 32.5 -9t61 -3.5t34.5 -12.5q6 -25 -12 -63t-40.5 -80t-24.5 -68q-4 -51 22.5 -84.5t79.5 -37.5q10 -2 26.5 1
127 | t36.5 9.5t38 22.5t27 38q-47 -6 -66 -0.5t-36 23.5zM512 896q-138 0 -256 -69t-187 -187t-69 -256t69 -256t187 -187t256 -69t256 69t187 187t69 256t-69 256t-187 187t-256 69zM512 -43q-116 0 -214.5 57t-155.5 155.5t-57 214.5t57 214.5t155.5 155.5t214.5 57t214.5 -57
128 | t155.5 -155.5t57 -214.5t-57 -214.5t-155.5 -155.5t-214.5 -57zM512 617q0 -33 22.5 -56t54.5 -23t54.5 23t22.5 56t-22.5 56.5t-54.5 23.5t-54.5 -23.5t-22.5 -56.5z" />
129 |     <glyph glyph-name="youcexiaochengxuerweima" unicode="&#xe62a;" 
130 | d="M63 426h407v406l-406 1zM145 751h244v-243h-244v243zM554 832l-1 -406l407 -1v407h-406zM878 507h-243v244l243 -1v-243zM63 -64h406l1 406l-407 1v-407zM145 262l243 -1v-243l-244 1zM959 99v243h-81v-80h-81v80h-244l-1 -406h81l1 243h81v-80h244zM715 -64l81 -1v80
131 | l-80 1zM879 -64h80v80h-80v-80zM227 589h80v80l-80 1v-81zM797 669h-80v-80h80v80zM226 100l80 -1v80l-80 1v-80z" />
132 |     <glyph glyph-name="xiaochengxu" unicode="&#xe640;" 
133 | d="M0 236q3 63 54 116t136 90q82 36 114 -32q8 -18 8 -32.5t-4.5 -23.5t-17.5 -18t-21.5 -13t-25.5 -11q-42 -18 -66 -42.5t-30 -58t14 -73.5q27 -56 80 -72t110 6q93 33 90 145q-3 161 0 343q4 203 192 270q86 31 181.5 5.5t153.5 -94.5q44 -52 52.5 -122t-14 -132.5
134 | t-73.5 -112t-119 -62.5q-69 -14 -93 38q-18 41 32 85q6 5 42 26q54 31 77.5 67.5t2.5 89.5q-38 97 -162 80q-61 -8 -93 -43.5t-32 -96.5q0 -42 1 -120.5t0.5 -141.5t-3.5 -119q-3 -69 -48.5 -131.5t-115 -98.5t-141.5 -33q-121 4 -202 93.5t-79 228.5v0z" />
135 |     <glyph glyph-name="zhongyingwenqiehuan-xianshizhongyingwen" unicode="&#xe61e;" 
136 | d="M576 211q19 0 19 -17q0 -18 -19 -18h-114v-70q0 -16 16 -16h117q19 0 19 -18q0 -19 -19 -19h-129q-25 0 -35.5 10.5t-10.5 35.5v182q0 25 10.5 35.5t35.5 10.5h123q19 0 19 -18t-19 -18h-111q-16 0 -16 -16v-64h114v0zM838 65q0 -19 -20 -19t-20 19v118q0 45 -42 45
137 | q-27 0 -39 -17t-12 -33v-113q0 -19 -19 -19q-21 0 -21 19v178q0 19 20 19t20 -19v-12q27 31 63 31q33 0 51.5 -19t18.5 -54v-124v0zM343 560h85q19 0 19 19v75q0 20 -19 20h-85v-114zM300 674h-84q-19 0 -19 -20v-75q0 -19 19 -19h84v114zM343 433q0 -19 -21 -19
138 | q-22 0 -22 19v88h-94q-27 0 -39 11.5t-12 39.5v90q0 29 12 39.5t39 10.5h94v43q0 19 20 19q23 0 23 -19v-43h95q27 0 39 -11t12 -39v-90q0 -28 -12 -39.5t-39 -11.5h-95v-88zM882 254v0q-9 0 -15 6.5t-6 15.5v5q12 45 12 92q0 102 -50 188t-136 136t-187 50q-8 0 -14.5 6
139 | t-6.5 15t6.5 15t14.5 6q113 0 208.5 -55.5t151 -151.5t55.5 -209q0 -52 -12 -103q-2 -6 -8 -11t-13 -5zM500 -43q-112 0 -207.5 56t-151.5 152t-56 208q0 50 12 98q2 7 8 12t13 5q9 0 15 -6.5t6 -15.5q0 -2 -1 -5q-10 -43 -10 -88v0q0 -101 50 -187t135.5 -136t186.5 -50
140 | q9 0 15.5 -6.5t6.5 -15t-6.5 -15t-15.5 -6.5v0z" />
141 |     <glyph glyph-name="arrows_circle_minus" unicode="&#xe687;" 
142 | d="M224 416h576v-32h-576v32zM512 -128v0q103 0 196.5 38.5t166 111t111 166t38.5 196.5t-38.5 196.5t-111 166t-166 111t-196.5 38.5v0q-103 0 -196.5 -38.5t-166 -111t-111 -166t-38.5 -196.5t38.5 -196.5t111 -166t166 -111t196.5 -38.5zM173 723q68 68 155.5 104.5
143 | t183.5 36.5v0q96 0 183.5 -36.5t155.5 -104.5t104.5 -155.5t36.5 -183.5t-36.5 -183.5t-104.5 -155.5t-155.5 -104.5t-183.5 -36.5v0q-96 0 -183.5 36.5t-155.5 104.5t-104.5 155.5t-36.5 183.5t36.5 183.5t104.5 155.5z" />
144 |     <glyph glyph-name="arrows_circle_plus" unicode="&#xe689;" 
145 | d="M496 96h32v272h272v32h-272v272h-32v-272h-272v-32h272v-272zM512 -128v0q103 0 196.5 38.5t166 111t111 166t38.5 196.5t-38.5 196.5t-111 166t-166 111t-196.5 38.5v0q-103 0 -196.5 -38.5t-166 -111t-111 -166t-38.5 -196.5t38.5 -196.5t111 -166t166 -111
146 | t196.5 -38.5zM173 723q68 68 155.5 104.5t183.5 36.5v0q96 0 183.5 -36.5t155.5 -104.5t104.5 -155.5t36.5 -183.5t-36.5 -183.5t-104.5 -155.5t-155.5 -104.5t-183.5 -36.5v0q-96 0 -183.5 36.5t-155.5 104.5t-104.5 155.5t-36.5 183.5t36.5 183.5t104.5 155.5z" />
147 |     <glyph glyph-name="gongsi" unicode="&#xe615;" 
148 | d="M807 192h-156q-7 0 -12 5.5t-5 12.5t5 12t12 5h156q7 0 12 -5t5 -12t-5 -12.5t-12 -5.5zM807 322h-156q-7 0 -12 5t-5 12.5t5 12.5t12 5h156q7 0 12 -5t5 -12.5t-5 -12.5t-12 -5zM807 452h-156q-7 0 -12 5t-5 12t5 12t12 5h156q7 0 12 -5t5 -12t-5 -12t-12 -5zM426 417
149 | h-172q-8 0 -13 5t-5 12.5t5 12.5t13 5h172q8 0 13 -5t5 -12.5t-5 -12.5t-13 -5zM426 573h-172q-8 0 -13 5t-5 12t5 12.5t13 5.5h172q8 0 13 -5.5t5 -12.5t-5 -12t-13 -5zM444 -15h-35v225q0 7 -5 12t-12 5h-104q-7 0 -12 -5t-5 -12v-225h-35v225q0 21 15.5 36.5t36.5 15.5
150 | h104q21 0 36.5 -15.5t15.5 -36.5v-225v0zM911 -32h-346v34h328v528q0 21 -15 36.5t-36 15.5h-277v34h277q35 0 60.5 -25.5t25.5 -60.5v-545q0 -7 -5 -12t-12 -5zM565 -32h-450q-7 0 -12 5t-5 12v726q0 36 25.5 61.5t60.5 25.5h312q35 0 60.5 -25.5t25.5 -61.5v-726
151 | q0 -7 -5 -12t-12 -5zM133 2h415v709q0 22 -15.5 37t-36.5 15h-312q-21 0 -36 -15t-15 -37v-709z" />
152 |     <glyph glyph-name="angle-right" unicode="&#xe60d;" 
153 | d="M682 347q0 -7 -6 -13l-266 -266q-6 -6 -13.5 -6t-12.5 6l-29 29q-5 5 -6 13q1 7 6 13l225 224l-225 225q-6 6 -6 13.5t6 12.5l29 29q5 6 12.5 6t13.5 -6l266 -266q6 -6 6 -14z" />
154 |     <glyph glyph-name="angle-left" unicode="&#xe60e;" 
155 | d="M669 585q0 -8 -6 -13l-224 -225l224 -224q6 -6 6 -13.5t-6 -12.5l-28 -29q-6 -6 -13.5 -6t-12.5 6l-267 266q-5 6 -5 13.5t5 13.5l267 266q5 6 12.5 6t13.5 -6l28 -29q6 -5 6 -13z" />
156 |     <glyph glyph-name="arrows_circle_remove1" unicode="&#xe647;" 
157 | d="M294 186l24 -24l196 199l199 -197l23 24l-201 196l197 198l-24 24l-196 -199l-198 197l-24 -24l199 -196zM512 -128q102 0 195.5 38.5t167.5 110.5q72 72 110.5 166t38.5 197q0 102 -38.5 195.5t-110.5 167.5q-72 72 -166 110.5t-197 38.5q-102 0 -195.5 -38.5
158 | t-167.5 -110.5q-72 -72 -110.5 -166t-38.5 -197q0 -102 38.5 -195.5t110.5 -167.5q74 -72 167.5 -110.5t195.5 -38.5zM173 723q67 69 154.5 105t184.5 36t184.5 -36t154.5 -105q68 -67 104.5 -155t36.5 -184q0 -97 -36 -184.5t-105 -154.5q-67 -68 -155 -104.5t-184 -36.5
159 | q-97 0 -184.5 36t-154.5 105q-69 67 -105 154.5t-36 184.5t36 184.5t105 154.5z" />
160 |   </font>
161 | </defs></svg>
162 | 


--------------------------------------------------------------------------------