wuliqq 发表于 2017-8-15 14:54:57

美观【微信小程序源码:】名片类小程序,可以直接运行的

扫码体验:





效果图如下:



工程文件

app.json
{
"pages":[
    "pages/index/index",
    "pages/card/card",
    "pages/replace/replace",   
    "pages/addCard/addCard",
    "pages/ucard/ucard",
    "pages/logs/logs",
    "pages/contactUser/contactUser",
    "pages/resource/resource"
],
"window":{
    "backgroundTextStyle":"dark",
    "navigationBarBackgroundColor": "#000000",
    "navigationBarTitleText":"名片夹",
    "backgroundColor": "#FFFFFF",
    "navigationBarTextStyle":"white",
    "enablePullDownRefresh":"true"
},
"tabBar":{
    "color":"#8B8888",
    "selectedColor":"#2EBAEE",
    "backgroundColor":"#FFFFFF",
    "borderStyle":"black",
    "list":[{
      "pagePath":"pages/index/index",
      "text":"我的名片",
      "iconPath":"image/2.png",
      "selectedIconPath":"image/22.png"
    },{
      "pagePath":"pages/card/card",
      "text":"名片夹",
      "iconPath":"image/3.png",
      "selectedIconPath":"image/33.png"
    }]
}
}
index.wxml
<!--index.wxml-->
<!--这是用户信息缺失的页面-->
<view class="container1" style="display:{{index1}}">
<image src="../../image/list.png" class="img"></image>
<view class="font">你还没有名片哦,赶快来做一张吧</view>
<view class="curl" bindtap="curls">去做一张</view>
</view>

<!--这是用户信息完善的页面-->
<view class="container"style="display:{{index2}}">
    <!--头部开始-->
    <view class="card-top">
            <view class="name">{{userDetail.username}}</view>
            <image src="{{userInfo.avatarUrl}}" class="images"></image>
      <view class="type">职位
            <view class="position">{{userDetail.position}}</view>
      </view>
      <view class="type">电话
            <view class="phone" id="{{userDetail.phone}}" bindtap="cphone">{{userDetail.phone}}</view>
      </view>
      <view class="type">公司
            <view class="nickname">{{userDetail.company}}</view>
      </view>
      <view class="type">邮箱
            <view class="email">{{userDetail.email}}</view>
      </view>
    </view>
    <view class="center">
      <view class="centers" bindtap="resource1">
            <image class="src srcs" src="../../image/renqi2.png"></image>
            <view class="space">人气<text class="character">:</text>{{userDetail.browse}}</view>
      </view>
      <view class="centers" bindtap="resource2">
            <image class="src" src="../../image/like2.png"></image>
            <view class="space">赞<text class="character">:</text>{{userDetail.likes}}</view>
      </view>
      <view class="centers" bindtap="resource3">
            <image class="src" src="../../image/coll2.png"></image>
            <view class="space">收藏<text class="character">:</text>{{userDetail.coll}}</view>
      </view>
    </view>
    <view class="bottom">
      <view class="more">更多</view>
      <view class="post" placeholder="{{userDetail.more}}">{{userDetail.more}}</view>
    </view>
    <!--<view><image src="src"></image>面对面扫名片</view>-->
    <!--<navigator bindtap="ShareCard" class="button button-first">递名片</navigator>-->
    <navigator url="../ucard/ucard" class="button button-first">编辑名片</navigator>
    <view class="reminder">点击右上角,可以分享你的名片哦.</view>
    <view class="reminder">再次使用:发现-小程序-搜索“Boss名片”</view>
    <image src="../../image/kefu.png" bindtap="lianxikefu" class="kefu"></image>
    <text class="lianxi">联系客服</text>
</view>


项目是可以直接运行的带SQL


下载地址:

**** Hidden Message *****




页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 美观【微信小程序源码:】名片类小程序,可以直接运行的